import { visit, click } from "@ember/test-helpers";
import { test } from "qunit";
import { exists } from "../helpers/test";
import acceptance, {
  query,
  count,
  visible
} from "../helpers/acceptance";
import {
  stepNotPermitted,
  wizard,
  getWizard
} from "../helpers/wizard";
import {
  saveStep,
  update
} from "../helpers/step";

acceptance("Step | Not permitted", [ getWizard(stepNotPermitted) ],
  function(hooks) {
    test("Shows not permitted message", async function (assert) {
      await visit("/wizard");
      assert.ok(exists(".step-message.not-permitted"));
    });
  }
);

acceptance("Step | Step", [ getWizard(wizard), saveStep(update) ],
  function(hooks) {
    test("Renders the 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);
    });

    test("Goes to the next step", async function (assert) {
      await visit("/wizard");
      assert.ok(visible('.wizard-step.step_1'), true);
      await click('.wizard-btn.next');
      assert.ok(visible('.wizard-step.step_2'), true);
    });
  }
);