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"
      );
    });
  }
});