discourse/test/javascripts/acceptance/topic-quote-button-test.js

import I18n from "I18n";
import { acceptance } from "helpers/qunit-helpers";

function selectText(selector) {
  const range = document.createRange();
  const node = document.querySelector(selector);
  range.selectNodeContents(node);

  const selection = window.getSelection();
  selection.removeAllRanges();
  selection.addRange(range);
}

acceptance("Topic - Quote button - logged in", {
  loggedIn: true,
  settings: {
    share_quote_visibility: "anonymous",
    share_quote_buttons: "twitter|email"
  }
});

QUnit.test("Does not show the quote share buttons by default", async assert => {
  await visit("/t/internationalization-localization/280");
  selectText("#post_5 blockquote");
  assert.ok(exists(".insert-quote"), "it shows the quote button");
  assert.equal(
    find(".quote-sharing").length,
    0,
    "it does not show quote sharing"
  );
});

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

    await visit("/t/internationalization-localization/280");
    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"
    );
  }
);

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

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

    assert.ok(find(".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.equal(
      find(".insert-quote").length,
      0,
      "it does not show the quote button"
    );
  }
);

QUnit.test(
  "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");
    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.equal(
      find(".quote-share-label").length,
      0,
      "it does not show the Share label"
    );
  }
);

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

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

  assert.equal(
    find(".quote-sharing").length,
    0,
    "it does not show quote sharing"
  );

  assert.equal(
    find(".insert-quote").length,
    0,
    "it does not show the quote button"
  );
});