import { visit } from "@ember/test-helpers";
import { test } from "qunit";
import { exists } from "../helpers/test";
import acceptance, { count, query, visible } from "../helpers/acceptance";
import {
  getWizard,
  wizard,
  wizardCompleted,
  wizardNoUser,
  wizardNotPermitted,
} from "../helpers/wizard";

acceptance("Wizard | Not logged in", [getWizard(wizardNoUser)], function () {
  test("Wizard no access requires login", async function (assert) {
    await visit("/wizard");
    assert.ok(exists(".wizard-no-access.requires-login"));
  });
});

acceptance(
  "Wizard | Not permitted",
  [getWizard(wizardNotPermitted)],
  function () {
    test("Wizard no access not permitted", async function (assert) {
      await visit("/wizard");
      assert.ok(exists(".wizard-no-access.not-permitted"));
    });
  }
);

acceptance("Wizard | Completed", [getWizard(wizardCompleted)], function () {
  test("Wizard no access completed", async function (assert) {
    await visit("/wizard");
    assert.ok(exists(".wizard-no-access.completed"));
  });
});

acceptance("Wizard | Wizard", [getWizard(wizard)], function () {
  test("Starts", async function (assert) {
    await visit("/wizard");
    assert.ok(query(".wizard-column"), true);
  });

  test("Applies the body background color", async function (assert) {
    await visit("/wizard");
    assert.ok($("body")[0].style.background);
  });

  test("Renders the wizard form", async function (assert) {
    await visit("/wizard");
    assert.ok(visible(".wizard-column-contents .wizard-step"), true);
    assert.ok(visible(".wizard-footer img"), true);
  });

  test("Renders the first step", async function (assert) {
    await visit("/wizard");
    assert.strictEqual(
      query(".wizard-step-title p").textContent.trim(),
      "Text"
    );
    assert.strictEqual(
      query(".wizard-step-description p").textContent.trim(),
      "Text inputs!"
    );
    assert.strictEqual(
      query(".wizard-step-description p").textContent.trim(),
      "Text inputs!"
    );
    assert.strictEqual(count(".wizard-step-form .wizard-field"), 6);
    assert.ok(visible(".wizard-step-footer .wizard-progress"), true);
    assert.ok(visible(".wizard-step-footer .wizard-buttons"), true);
  });
});