import DiscourseURL from "discourse/lib/url";
import { acceptance } from "helpers/qunit-helpers";

acceptance("Category Edit", {
  loggedIn: true,
  settings: { email_in: true }
});

QUnit.test("Can open the category modal", assert => {
  visit("/c/bug");

  click(".edit-category");
  andThen(() => {
    assert.ok(visible(".d-modal"), "it pops up a modal");
  });

  click("a.close");
  andThen(() => {
    assert.ok(!visible(".d-modal"), "it closes the modal");
  });
});

QUnit.test("Change the category color", assert => {
  visit("/c/bug");

  click(".edit-category");
  fillIn("#edit-text-color", "#ff0000");
  click("#save-category");
  andThen(() => {
    assert.ok(!visible(".d-modal"), "it closes the modal");
    assert.equal(
      DiscourseURL.redirectedTo,
      "/c/bug",
      "it does one of the rare full page redirects"
    );
  });
});

QUnit.test("Change the topic template", assert => {
  visit("/c/bug");

  click(".edit-category");
  click(".edit-category-topic-template");
  fillIn(".d-editor-input", "this is the new topic template");
  click("#save-category");
  andThen(() => {
    assert.ok(!visible(".d-modal"), "it closes the modal");
    assert.equal(
      DiscourseURL.redirectedTo,
      "/c/bug",
      "it does one of the rare full page redirects"
    );
  });
});

QUnit.test("Error Saving", assert => {
  visit("/c/bug");

  click(".edit-category");
  click(".edit-category-settings");
  fillIn(".email-in", "duplicate@example.com");
  click("#save-category");
  andThen(() => {
    assert.ok(visible("#modal-alert"));
    assert.equal(find("#modal-alert").html(), "duplicate email");
  });
});

QUnit.test("Subcategory list settings", assert => {
  const categoryChooser = selectKit(
    ".edit-category-tab-general .category-chooser"
  );

  visit("/c/bug");

  click(".edit-category");
  click(".edit-category-settings");

  andThen(() => {
    assert.ok(
      !visible(".subcategory-list-style-field"),
      "subcategory list style isn't visible by default"
    );
  });

  click(".show-subcategory-list-field input[type=checkbox]");

  andThen(() => {
    assert.ok(
      visible(".subcategory-list-style-field"),
      "subcategory list style is shown if show subcategory list is checked"
    );
  });

  click(".edit-category-general");
  categoryChooser.expand().selectRowByValue(3);
  click(".edit-category-settings");

  andThen(() => {
    assert.ok(
      !visible(".show-subcategory-list-field"),
      "show subcategory list isn't visible for child categories"
    );
    assert.ok(
      !visible(".subcategory-list-style-field"),
      "subcategory list style isn't visible for child categories"
    );
  });
});