import {
  acceptance,
  chromeTest,
  exists,
  queryAll,
  selectText,
} from "discourse/tests/helpers/qunit-helpers";
import I18n from "I18n";
import { click, triggerKeyEvent, visit } from "@ember/test-helpers";
import { test } from "qunit";

// This tests are flaky on Firefox. Fails with `calling set on destroyed object`
acceptance("Topic - Quote button - logged in", function (needs) {
  needs.user();
  needs.settings({
    share_quote_visibility: "anonymous",
    share_quote_buttons: "twitter|email",
  });

  chromeTest(
    "Does not show the quote share buttons by default",
    async function (assert) {
      await visit("/t/internationalization-localization/280");
      await selectText("#post_5 blockquote");
      assert.ok(exists(".insert-quote"), "it shows the quote button");
      assert.ok(!exists(".quote-sharing"), "it does not show quote sharing");
    }
  );

  chromeTest(
    "Shows quote share buttons with the right site settings",
    async function (assert) {
      this.siteSettings.share_quote_visibility = "all";

      await visit("/t/internationalization-localization/280");
      await selectText("#post_5 blockquote");

      assert.ok(exists(".quote-sharing"), "it shows the quote sharing options");
      assert.ok(
        exists(`.quote-sharing .btn[title='${I18n.t("share.twitter")}']`),
        "it includes the twitter share button"
      );
      assert.ok(
        exists(`.quote-sharing .btn[title='${I18n.t("share.email")}']`),
        "it includes the email share button"
      );
    }
  );

  chromeTest(
    "Quoting a Onebox should not copy the formatting of the rendered Onebox",
    async function (assert) {
      await visit("/t/topic-for-group-moderators/2480");
      await selectText("#post_3 aside.onebox p");
      await click(".insert-quote");

      assert.strictEqual(
        queryAll(".d-editor-input").val().trim(),
        '[quote="group_moderator, post:3, topic:2480"]\nhttps://example.com/57350945\n[/quote]',
        "quote only contains a link"
      );
    }
  );
});

acceptance("Topic - Quote button - anonymous", function (needs) {
  needs.settings({
    share_quote_visibility: "anonymous",
    share_quote_buttons: "twitter|email",
  });

  chromeTest(
    "Shows quote share buttons with the right site settings",
    async function (assert) {
      await visit("/t/internationalization-localization/280");
      await selectText("#post_5 blockquote");

      assert.ok(
        queryAll(".quote-sharing"),
        "it shows the quote sharing options"
      );
      assert.ok(
        exists(`.quote-sharing .btn[title='${I18n.t("share.twitter")}']`),
        "it includes the twitter share button"
      );
      assert.ok(
        exists(`.quote-sharing .btn[title='${I18n.t("share.email")}']`),
        "it includes the email share button"
      );
      assert.ok(!exists(".insert-quote"), "it does not show the quote button");
    }
  );

  chromeTest(
    "Shows single share button when site setting only has one item",
    async function (assert) {
      this.siteSettings.share_quote_buttons = "twitter";

      await visit("/t/internationalization-localization/280");
      await selectText("#post_5 blockquote");

      assert.ok(exists(".quote-sharing"), "it shows the quote sharing options");
      assert.ok(
        exists(`.quote-sharing .btn[title='${I18n.t("share.twitter")}']`),
        "it includes the twitter share button"
      );
      assert.ok(
        !exists(".quote-share-label"),
        "it does not show the Share label"
      );
    }
  );

  chromeTest(
    "Shows nothing when visibility is disabled",
    async function (assert) {
      this.siteSettings.share_quote_visibility = "none";

      await visit("/t/internationalization-localization/280");
      await selectText("#post_5 blockquote");

      assert.ok(!exists(".quote-sharing"), "it does not show quote sharing");
      assert.ok(!exists(".insert-quote"), "it does not show the quote button");
    }
  );
});

acceptance("Topic - Quote button - keyboard shortcut", function (needs) {
  needs.user();

  test("Can use keyboard shortcut to quote selected text", async function (assert) {
    await visit("/t/internationalization-localization/280");
    await selectText("#post_1 .cooked");
    await triggerKeyEvent(document, "keypress", "q".charCodeAt(0));
    assert.ok(exists(".d-editor-input"), "the editor is open");

    assert.ok(
      queryAll(".d-editor-input").val().includes("Any plans to support"),
      "editor includes selected text"
    );
  });
});