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

acceptance("Topic - Edit timer", {
  loggedIn: true,
  pretend(server, helper) {
    server.post("/t/280/timer", () =>
      helper.response({
        success: "OK",
        execute_at: new Date(
          new Date().getTime() + 1 * 60 * 60 * 1000
        ).toISOString(),
        duration: 1,
        based_on_last_post: false,
        closed: false,
        category_id: null
      })
    );
  }
});

QUnit.test("default", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  assert.equal(futureDateInputSelector.header().label(), "Select a timeframe");
  assert.equal(futureDateInputSelector.header().value(), null);

  await click("#private-topic-timer");

  assert.equal(timerType.header().label(), "Remind Me");
  assert.equal(timerType.header().value(), "reminder");

  assert.equal(futureDateInputSelector.header().label(), "Select a timeframe");
  assert.equal(futureDateInputSelector.header().value(), null);
});

QUnit.test("autoclose - specific time", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("next_week");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Next week")
  );
  assert.equal(futureDateInputSelector.header().value(), "next_week");

  const regex = /will automatically close in/g;
  const html = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex.test(html));
});

QUnit.test("autoclose", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("next_week");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Next week")
  );
  assert.equal(futureDateInputSelector.header().value(), "next_week");

  const regex1 = /will automatically close in/g;
  const html1 = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex1.test(html1));

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("pick_date_and_time");

  await fillIn(".future-date-input .date-picker", "2099-11-24");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Pick date and time")
  );
  assert.equal(futureDateInputSelector.header().value(), "pick_date_and_time");

  const regex2 = /will automatically close in/g;
  const html2 = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex2.test(html2));

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("set_based_on_last_post");

  await fillIn(".future-date-input input[type=number]", "2");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Close based on last post")
  );
  assert.equal(
    futureDateInputSelector.header().value(),
    "set_based_on_last_post"
  );

  const regex3 = /This topic will close.*after the last reply/g;
  const html3 = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex3.test(html3));
});

QUnit.test("close temporarily", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  await timerType.expand();
  await timerType.selectRowByValue("open");

  assert.equal(futureDateInputSelector.header().label(), "Select a timeframe");
  assert.equal(futureDateInputSelector.header().value(), null);

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("next_week");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Next week")
  );
  assert.equal(futureDateInputSelector.header().value(), "next_week");

  const regex1 = /will automatically open in/g;
  const html1 = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex1.test(html1));

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("pick_date_and_time");

  await fillIn(".future-date-input .date-picker", "2099-11-24");

  assert.equal(futureDateInputSelector.header().label(), "Pick date and time");
  assert.equal(futureDateInputSelector.header().value(), "pick_date_and_time");

  const regex2 = /will automatically open in/g;
  const html2 = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex2.test(html2));
});

QUnit.test("schedule", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const timerType = selectKit(".select-kit.timer-type");
  const categoryChooser = selectKit(".modal-body .category-chooser");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  await timerType.expand();
  await timerType.selectRowByValue("publish_to_category");

  assert.equal(categoryChooser.header().label(), "uncategorized");
  assert.equal(categoryChooser.header().value(), null);

  assert.equal(futureDateInputSelector.header().label(), "Select a timeframe");
  assert.equal(futureDateInputSelector.header().value(), null);

  await categoryChooser.expand();
  await categoryChooser.selectRowByValue("7");

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("next_week");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Next week")
  );
  assert.equal(futureDateInputSelector.header().value(), "next_week");

  const regex = /will be published to #dev/g;
  const text = find(".future-date-input .topic-status-info")
    .text()
    .trim();
  assert.ok(regex.test(text));
});

QUnit.test("TL4 can't auto-delete", async assert => {
  updateCurrentUser({ moderator: false, admin: false, trust_level: 4 });

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  const timerType = selectKit(".select-kit.timer-type");

  await timerType.expand();

  assert.ok(!timerType.rowByValue("delete").exists());
});

QUnit.test("auto delete", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");

  await timerType.expand();
  await timerType.selectRowByValue("delete");

  assert.equal(futureDateInputSelector.header().label(), "Select a timeframe");
  assert.equal(futureDateInputSelector.header().value(), null);

  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("two_weeks");

  assert.ok(
    futureDateInputSelector
      .header()
      .label()
      .includes("Two Weeks")
  );
  assert.equal(futureDateInputSelector.header().value(), "two_weeks");

  const regex = /will be automatically deleted/g;
  const html = find(".future-date-input .topic-status-info")
    .html()
    .trim();
  assert.ok(regex.test(html));
});

QUnit.test(
  "Manually closing before the timer will clear the status text",
  async assert => {
    updateCurrentUser({ moderator: true, canManageTopic: true });
    const futureDateInputSelector = selectKit(".future-date-input-selector");

    await visit("/t/internationalization-localization");
    await click(".toggle-admin-menu");
    await click(".topic-admin-status-update button");
    await futureDateInputSelector.expand();
    await futureDateInputSelector.selectRowByValue("next_week");
    await click(".modal-footer button.btn-primary");

    const regex = /will automatically close in/g;
    const topicStatusInfo = find(".topic-status-info")
      .html()
      .trim();
    assert.ok(regex.test(topicStatusInfo));

    await click(".toggle-admin-menu");
    await click(".topic-admin-close button");

    const newTopicStatusInfo = find(".topic-status-info")
      .html()
      .trim();
    assert.notOk(regex.test(newTopicStatusInfo));
  }
);

QUnit.test("Inline delete timer", async assert => {
  updateCurrentUser({ moderator: true, canManageTopic: true });
  const futureDateInputSelector = selectKit(".future-date-input-selector");

  await visit("/t/internationalization-localization");
  await click(".toggle-admin-menu");
  await click(".topic-admin-status-update button");
  await futureDateInputSelector.expand();
  await futureDateInputSelector.selectRowByValue("next_week");
  await click(".modal-footer button.btn-primary");

  const removeTimerButton = find(".topic-status-info .topic-timer-remove");
  assert.equal(removeTimerButton.attr("title"), "remove timer");

  await click(".topic-status-info .topic-timer-remove");
  const topicStatusInfo = find(".topic-status-info .topic-timer-remove");
  assert.equal(topicStatusInfo.length, 0);
});