discourse/test/javascripts/components/select-kit/topic-notifications-options-test.js

import I18n from "I18n";
import selectKit from "helpers/select-kit-helper";
import componentTest from "helpers/component-test";
import Topic from "discourse/models/topic";

const buildTopic = function (archetype) {
  return Topic.create({
    id: 4563,
  }).updateFromJson({
    title: "Qunit Test Topic",
    details: {
      notification_level: 1,
    },
    archetype,
  });
};

function extractDescs(rows) {
  return Array.from(
    rows.find(".desc").map(function () {
      return this.textContent.trim();
    })
  );
}

function getTranslations(type = "") {
  return ["watching", "tracking", "regular", "muted"].map((key) => {
    return I18n.t(`topic.notifications.${key}${type}.description`);
  });
}

moduleForComponent("select-kit/topic-notifications-options", {
  integration: true,
});

componentTest("regular topic notification level descriptions", {
  template:
    "{{topic-notifications-options value=topic.details.notification_level topic=topic}}",

  beforeEach() {
    this.set("topic", buildTopic("regular"));
  },

  async test(assert) {
    await selectKit().expand();

    const uiTexts = extractDescs(selectKit().rows());
    const descriptions = getTranslations();

    assert.equal(
      uiTexts.length,
      descriptions.length,
      "it has the correct copy"
    );
    uiTexts.forEach((text, index) => {
      assert.equal(
        text.trim(),
        descriptions[index].trim(),
        "it has the correct copy"
      );
    });
  },
});

componentTest("PM topic notification level descriptions", {
  template:
    "{{topic-notifications-options value=topic.details.notification_level topic=topic}}",

  beforeEach() {
    this.set("topic", buildTopic("private_message"));
  },

  async test(assert) {
    await selectKit().expand();

    const uiTexts = extractDescs(selectKit().rows());
    const descriptions = getTranslations("_pm");

    assert.equal(
      uiTexts.length,
      descriptions.length,
      "it has the correct copy"
    );

    uiTexts.forEach((text, index) => {
      assert.equal(
        text.trim(),
        descriptions[index].trim(),
        "it has the correct copy"
      );
    });
  },
});