forum/app/assets/javascripts/discourse/tests/acceptance/admin-site-settings-test.js

import {
  click,
  currentURL,
  fillIn,
  triggerKeyEvent,
  visit,
} from "@ember/test-helpers";
import { test } from "qunit";
import siteSettingFixture from "discourse/tests/fixtures/site-settings";
import pretender from "discourse/tests/helpers/create-pretender";
import { acceptance } from "discourse/tests/helpers/qunit-helpers";

acceptance("Admin - Site Settings", function (needs) {
  let updatedTitle;

  needs.user();
  needs.pretender((server, helper) => {
    server.put("/admin/site_settings/title", (body) => {
      updatedTitle = body.requestBody.split("=")[1];
      return helper.response({ success: "OK" });
    });
    server.get("/admin/site_settings", () => {
      const fixtures = siteSettingFixture["/admin/site_settings"].site_settings;
      const titleSetting = { ...fixtures[0] };

      if (updatedTitle) {
        titleSetting.value = updatedTitle;
      }
      const response = {
        site_settings: [titleSetting, ...fixtures.slice(1)],
      };
      return helper.response(response);
    });
  });
  needs.hooks.beforeEach(() => {
    updatedTitle = null;
  });

  test("upload site setting", async function (assert) {
    await visit("/admin/site_settings");

    assert
      .dom(".row.setting.upload .image-uploader")
      .exists("image uploader is present");

    assert.dom(".row.setting.upload .undo").exists("undo button is present");
  });

  test("links to staff action log", async function (assert) {
    await visit("/admin/site_settings");

    assert
      .dom(".row.setting .setting-label h3 a")
      .hasAttribute(
        "href",
        "/admin/logs/staff_action_logs?filters=%7B%22subject%22%3A%22title%22%2C%22action_name%22%3A%22change_site_setting%22%7D&force_refresh=true",
        "it links to the staff action log"
      );
  });

  test("changing value updates dirty state", async function (assert) {
    await visit("/admin/site_settings");
    await fillIn("#setting-filter", " title ");
    assert
      .dom(".row.setting")
      .exists({ count: 1 }, "filter returns 1 site setting");
    assert
      .dom(".row.setting.overridden")
      .doesNotExist("setting isn't overridden");

    await fillIn(".input-setting-string", "Test");
    await click("button.cancel");
    assert
      .dom(".row.setting.overridden")
      .doesNotExist("canceling doesn't mark setting as overridden");

    await fillIn(".input-setting-string", "Test");
    await click("button.ok");
    assert
      .dom(".row.setting.overridden")
      .exists("saving marks setting as overridden");

    await click("button.undo");
    assert
      .dom(".row.setting.overridden")
      .doesNotExist("setting isn't marked as overridden after undo");

    await click("button.cancel");
    assert
      .dom(".row.setting.overridden")
      .exists("setting is marked as overridden after cancel");

    await click("button.undo");
    await click("button.ok");
    assert
      .dom(".row.setting.overridden")
      .doesNotExist("setting isn't marked as overridden after undo");

    await fillIn(".input-setting-string", "Test");
    await triggerKeyEvent(".input-setting-string", "keydown", "Enter");
    assert
      .dom(".row.setting.overridden")
      .exists("saving via Enter key marks setting as overridden");
  });

  test("always shows filtered site settings if a filter is set", async function (assert) {
    await visit("/admin/site_settings");
    await fillIn("#setting-filter", "title");
    assert.dom(".row.setting").exists({ count: 1 });

    // navigate away to the "Dashboard" page
    await click(".nav.nav-pills li:nth-child(1) a");
    assert.dom(".row.setting").exists({ count: 0 });

    // navigate back to the "Settings" page
    await click(".nav.nav-pills li:nth-child(2) a");
    assert.dom(".row.setting").exists({ count: 1 });
  });

  test("filtering overridden settings", async function (assert) {
    await visit("/admin/site_settings");
    assert.dom(".row.setting").exists({ count: 4 });

    await click(".toggle-overridden");
    assert.dom(".row.setting").exists({ count: 2 });
  });

  test("filter settings by plugin name", async function (assert) {
    await visit("/admin/site_settings");

    await fillIn("#setting-filter", "plugin:discourse-logo");
    assert.dom(".row.setting").exists({ count: 1 });

    // inexistent plugin
    await fillIn("#setting-filter", "plugin:discourse-plugin");
    assert.dom(".row.setting").exists({ count: 0 });
  });

  test("category name is preserved", async function (assert) {
    await visit("/admin/site_settings/category/basic?filter=menu");
    assert.strictEqual(
      currentURL(),
      "/admin/site_settings/category/basic?filter=menu"
    );
  });

  test("shows all_results if current category has none", async function (assert) {
    await visit("/admin/site_settings");

    await click(".admin-nav .basic a");
    assert.strictEqual(currentURL(), "/admin/site_settings/category/basic");

    await fillIn("#setting-filter", "menu");
    assert.strictEqual(
      currentURL(),
      "/admin/site_settings/category/basic?filter=menu"
    );

    await fillIn("#setting-filter", "contact");
    assert.strictEqual(
      currentURL(),
      "/admin/site_settings/category/all_results?filter=contact"
    );
  });

  test("filters * and ? for domain lists", async (assert) => {
    pretender.put("/admin/site_settings/blocked_onebox_domains", () => [200]);

    await visit("/admin/site_settings");
    await fillIn("#setting-filter", "domains");

    await click(".select-kit-header.multi-select-header");

    await fillIn(".select-kit-filter input", "cat.?.domain");
    await triggerKeyEvent(".select-kit-filter input", "keydown", "Enter");

    await fillIn(".select-kit-filter input", "*.domain");
    await triggerKeyEvent(".select-kit-filter input", "keydown", "Enter");

    await fillIn(".select-kit-filter input", "proper.com");
    await triggerKeyEvent(".select-kit-filter input", "keydown", "Enter");

    await click("button.ok");

    assert.strictEqual(
      pretender.handledRequests[pretender.handledRequests.length - 1]
        .requestBody,
      "blocked_onebox_domains=proper.com"
    );
  });

  test("nav menu items have titles", async (assert) => {
    await visit("/admin/site_settings");

    const navItems = [
      ...document.querySelectorAll(".admin-nav .nav-stacked li a"),
    ];
    for (const item of navItems) {
      assert
        .dom(item)
        .hasAttribute(
          "title",
          item.innerText,
          "menu item has title, and the title is equal to menu item's label"
        );
    }
  });

  test("can perform fuzzy search", async function (assert) {
    await visit("/admin/site_settings");

    await fillIn("#setting-filter", "top_menu");
    assert.dom(".row.setting").exists({ count: 1 });

    await fillIn("#setting-filter", "tmenu");
    assert.dom(".row.setting").exists({ count: 1 });

    // ensures fuzzy search limiter is in place
    await fillIn("#setting-filter", "obo");
    assert.dom(".row.setting").exists({ count: 1 });
    assert.dom(".row.setting").hasText(/onebox/);

    // ensures fuzzy search limiter doesn't limit too much
    await fillIn("#setting-filter", "blocked_onebox_domains");
    assert.dom(".row.setting").exists({ count: 1 });
    assert.dom(".row.setting").hasText(/onebox/);

    // ensures keyword search is working
    await fillIn("#setting-filter", "blah");
    assert.dom(".row.setting").exists({ count: 1 });
    assert.dom(".row.setting").hasText(/username/);
  });
});