import selectKit from "helpers/select-kit-helper";
import { acceptance, updateCurrentUser } from "helpers/qunit-helpers";

acceptance(
  "Composer disabled, uncategorized not allowed when any topic_template present",
  {
    loggedIn: true,
    settings: {
      enable_whispers: true,
      allow_uncategorized_topics: false,
    },
  }
);

QUnit.test("Disable body until category is selected", async (assert) => {
  updateCurrentUser({ moderator: false, admin: false, trust_level: 1 });

  await visit("/");
  await click("#create-topic");
  assert.ok(exists(".d-editor-input"), "the composer input is visible");
  assert.ok(
    exists(".title-input .popup-tip.bad.hide"),
    "title errors are hidden by default"
  );
  assert.ok(
    exists(".d-editor-textarea-wrapper .popup-tip.bad.hide"),
    "body errors are hidden by default"
  );
  assert.ok(
    exists(".d-editor-textarea-wrapper.disabled"),
    "textarea is disabled"
  );

  const categoryChooser = selectKit(".category-chooser");

  await categoryChooser.expand();
  await categoryChooser.selectRowByValue(2);

  assert.ok(
    find(".d-editor-textarea-wrapper.disabled").length === 0,
    "textarea is enabled"
  );

  await fillIn(".d-editor-input", "Now I can type stuff");
  await categoryChooser.expand();
  await categoryChooser.selectRowByIndex(0);

  assert.ok(
    find(".d-editor-textarea-wrapper.disabled").length === 0,
    "textarea is still enabled"
  );
});

acceptance(
  "Composer enabled, uncategorized not allowed when topic_template not present",
  {
    loggedIn: true,
    settings: {
      allow_uncategorized_topics: false,
    },
    site: {
      categories: [
        {
          id: 1,
          name: "test won",
          slug: "test-won",
          topic_template: null,
        },
        {
          id: 2,
          name: "test too",
          slug: "test-too",
          topic_template: "",
        },
        {
          id: 3,
          name: "test free",
          slug: "test-free",
          topic_template: null,
        },
      ],
    },
  }
);

QUnit.test(
  "Enable composer/body if no topic templates present",
  async (assert) => {
    updateCurrentUser({ moderator: false, admin: false, trust_level: 1 });

    await visit("/");
    await click("#create-topic");
    assert.ok(exists(".d-editor-input"), "the composer input is visible");
    assert.ok(
      exists(".category-input .popup-tip.bad.hide"),
      "category errors are hidden by default"
    );
    assert.ok(
      find(".d-editor-textarea-wrapper.disabled").length === 0,
      "textarea is enabled"
    );

    await click("#reply-control button.create");
    assert.ok(
      exists(".category-input .popup-tip.bad"),
      "it shows the choose a category error"
    );

    const categoryChooser = selectKit(".category-chooser");
    await categoryChooser.expand();
    await categoryChooser.selectRowByValue(1);

    assert.ok(
      !exists(".category-input .popup-tip.bad"),
      "category error removed after selecting category"
    );
  }
);