discourse/plugins/discourse-calendar/test/javascripts/integration/components/region-input-test.gjs

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import selectKit from "discourse/tests/helpers/select-kit-helper";
import RegionInput from "discourse/plugins/discourse-calendar/discourse/components/region-input";

module("Integration | Component | region-input", function (hooks) {
  setupRenderingTest(hooks);

  test("displaying the 'None' region option", async function (assert) {
    this.siteSettings.available_locales = JSON.stringify([
      { name: "English", value: "en" },
    ]);

    await render(
      <template><RegionInput @allowNoneRegion={{true}} /></template>
    );
    await selectKit().expand();

    assert
      .dom(".region-input ul li.select-kit-row:first-child")
      .hasText(
        "None",
        "it displays the 'None' option when allowNoneRegion is set to true"
      );
  });

  test("hiding the 'None' region option", async function (assert) {
    this.siteSettings.available_locales = JSON.stringify([
      { name: "English", value: "en" },
    ]);

    await render(
      <template><RegionInput @allowNoneRegion={{false}} /></template>
    );
    await selectKit().expand();

    assert
      .dom(".region-input ul li.select-kit-row:first-child")
      .hasText(
        "Argentina",
        "it does not display the 'None' option when allowNoneRegion is set to false"
      );
  });
});