import CategoryFixtures from "discourse/tests/fixtures/category-fixtures";
import I18n from "I18n";
import { click, currentURL, visit } from "@ember/test-helpers";
import {
  acceptance,
  exists,
  query,
} from "discourse/tests/helpers/qunit-helpers";
import selectKit from "discourse/tests/helpers/select-kit-helper";
import { test } from "qunit";

acceptance("Share and Invite modal", function (needs) {
  needs.user();

  needs.pretender((server, helper) => {
    server.get(`/c/2481/visible_groups.json`, () =>
      helper.response(200, {
        groups: ["group_name_1", "group_name_2"],
      })
    );

    server.get(`/c/2/visible_groups.json`, () =>
      helper.response(200, {
        groups: [],
      })
    );
  });

  test("Topic footer button", async function (assert) {
    await visit("/t/internationalization-localization/280");

    assert.ok(
      exists("#topic-footer-button-share-and-invite"),
      "the button exists"
    );

    await click("#topic-footer-button-share-and-invite");

    assert.ok(exists(".share-topic-modal"), "it shows the modal");

    assert.notOk(
      exists("#modal-alert.alert-warning"),
      "it does not show the alert with restricted groups"
    );

    assert.ok(
      query("input.invite-link").value.includes(
        "/t/internationalization-localization/280?u=eviltrout"
      ),
      "it shows the topic sharing url"
    );

    assert.ok(
      exists(".link-share-actions .invite"),
      "it shows the invite button"
    );
  });

  test("Post date link", async function (assert) {
    await visit("/t/short-topic-with-two-posts/54077");
    assert.ok(
      query("#post_2 .post-info.post-date a").href.endsWith(
        "/t/short-topic-with-two-posts/54077/2?u=eviltrout"
      )
    );

    await click("#post_2 a.post-date");
    assert.ok(exists(".share-topic-modal"), "it shows the share modal");
    assert.strictEqual(
      currentURL(),
      "/t/short-topic-with-two-posts/54077",
      "it does not route to post #2"
    );
  });

  test("Share topic in a restricted category", async function (assert) {
    await visit("/t/topic-in-restricted-group/2481");

    assert.ok(
      exists("#topic-footer-button-share-and-invite"),
      "the button exists"
    );

    await click("#topic-footer-button-share-and-invite");

    assert.ok(exists(".share-topic-modal"), "it shows the modal");
    assert.ok(
      exists("#modal-alert.alert-warning"),
      "it shows restricted warning"
    );
    assert.strictEqual(
      query("#modal-alert.alert-warning").innerText,
      I18n.t("topic.share.restricted_groups", {
        count: 2,
        groupNames: "group_name_1, group_name_2",
      }),
      "it shows correct restricted group name"
    );
  });
});

acceptance("Share and Invite modal - mobile", function (needs) {
  needs.user();
  needs.mobileView();

  test("Topic footer mobile button", async function (assert) {
    await visit("/t/internationalization-localization/280");

    assert.ok(
      !exists("#topic-footer-button-share-and-invite"),
      "the button doesn’t exist"
    );

    const subject = selectKit(".topic-footer-mobile-dropdown");
    await subject.expand();
    await subject.selectRowByValue("share-and-invite");

    assert.ok(exists(".share-topic-modal"), "it shows the modal");
  });
});

acceptance("Share url with badges disabled - desktop", function (needs) {
  needs.user();
  needs.settings({ enable_badges: false });

  needs.pretender((server, helper) => {
    server.get("/c/feature/find_by_slug.json", () =>
      helper.response(200, CategoryFixtures["/c/1/show.json"])
    );
  });

  test("topic footer button - badges disabled - desktop", async function (assert) {
    await visit("/t/internationalization-localization/280");
    await click("#topic-footer-button-share-and-invite");

    assert.notOk(
      query("input.invite-link").value.includes("?u=eviltrout"),
      "it doesn't add the username param when badges are disabled"
    );
  });
});