import { acceptance, replaceCurrentUser } from "helpers/qunit-helpers";
acceptance("Topic - Edit timer", { loggedIn: true });

const response = object => [
  200,
  { "Content-Type": "application/json" },
  object
];

QUnit.test("default", assert => {
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Select a timeframe"
    );
    assert.equal(futureDateInputSelector.header().value(), null);
  });

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

  andThen(() => {
    assert.equal(timerType.header().title(), "Remind Me");
    assert.equal(timerType.header().value(), "reminder");

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

QUnit.test("autoclose - specific time", assert => {
  const futureDateInputSelector = selectKit(".future-date-input-selector");

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

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

  andThen(() => {
    assert.equal(futureDateInputSelector.header().title(), "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", assert => {
  const futureDateInputSelector = selectKit(".future-date-input-selector");

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

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

  andThen(() => {
    assert.equal(futureDateInputSelector.header().title(), "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));
  });

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

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Pick date and time"
    );
    assert.equal(
      futureDateInputSelector.header().value(),
      "pick_date_and_time"
    );

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

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

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Close based on last post"
    );
    assert.equal(
      futureDateInputSelector.header().value(),
      "set_based_on_last_post"
    );

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

QUnit.test("close temporarily", assert => {
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

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

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Select a timeframe"
    );
    assert.equal(futureDateInputSelector.header().value(), null);
  });

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

  andThen(() => {
    assert.equal(futureDateInputSelector.header().title(), "Next week");
    assert.equal(futureDateInputSelector.header().value(), "next_week");

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

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

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Pick date and time"
    );
    assert.equal(
      futureDateInputSelector.header().value(),
      "pick_date_and_time"
    );

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

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

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

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

  andThen(() => {
    assert.equal(categoryChooser.header().title(), "uncategorized");
    assert.equal(categoryChooser.header().value(), null);

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

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

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

  andThen(() => {
    assert.equal(futureDateInputSelector.header().title(), "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", assert => {
  replaceCurrentUser({ staff: false, trust_level: 4 });

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

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

  timerType.expand();

  andThen(() => {
    assert.ok(!timerType.rowByValue("delete").exists());
  });
});

QUnit.test("auto delete", assert => {
  const timerType = selectKit(".select-kit.timer-type");
  const futureDateInputSelector = selectKit(".future-date-input-selector");

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

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

  andThen(() => {
    assert.equal(
      futureDateInputSelector.header().title(),
      "Select a timeframe"
    );
    assert.equal(futureDateInputSelector.header().value(), null);
  });

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

  andThen(() => {
    assert.equal(futureDateInputSelector.header().title(), "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 => {
    // prettier-ignore
    server.post("/t/280/timer", () => // eslint-disable-line no-undef
      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
      })
    );

    // prettier-ignore
    server.put("/t/internationalization-localization/280/status", () => // eslint-disable-line no-undef
      response({
        success: "OK",
        topic_status_update: null
      })
    );

    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().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));
  }
);