import { acceptance, exists } from "discourse/tests/helpers/qunit-helpers";
import { click, fillIn, visit } from "@ember/test-helpers";
import PreloadStore from "discourse/lib/preload-store";
import { test } from "qunit";

acceptance("Accept Invite - User Fields", function (needs) {
  needs.site({
    user_fields: [
      {
        id: 34,
        name: "I've read the terms of service",
        field_type: "confirm",
        required: true,
      },
      {
        id: 35,
        name: "What is your pet's name?",
        field_type: "text",
        required: true,
      },
      {
        id: 36,
        name: "What's your dad like?",
        field_type: "text",
        required: false,
      },
    ],
  });

  test("accept invite with user fields", async function (assert) {
    PreloadStore.store("invite_info", {
      invited_by: {
        id: 123,
        username: "neil",
        avatar_template: "/user_avatar/localhost/neil/{size}/25_1.png",
        name: "Neil Lalonde",
        title: "team",
      },
      email: "invited@asdf.com",
      username: "invited",
      is_invite_link: false,
    });

    await visit("/invites/myvalidinvitetoken");
    assert.ok(exists(".invites-show"), "shows the accept invite page");
    assert.ok(exists(".user-field"), "it has at least one user field");
    assert.ok(
      exists(".invites-show .btn-primary:disabled"),
      "submit is disabled"
    );

    await fillIn("#new-account-name", "John Doe");
    await fillIn("#new-account-username", "validname");
    await fillIn("#new-account-password", "secur3ty4Y0uAndMe");

    assert.ok(exists(".username-input .good"), "username is valid");
    assert.ok(
      exists(".invites-show .btn-primary:disabled"),
      "submit is still disabled due to lack of user fields"
    );

    await fillIn(".user-field input[type=text]:nth-of-type(1)", "Barky");

    assert.ok(
      exists(".invites-show .btn-primary:disabled"),
      "submit is disabled because field is not checked"
    );

    await click(".user-field input[type=checkbox]");
    assert.not(
      exists(".invites-show .btn-primary:disabled"),
      "submit is enabled because field is checked"
    );

    await click(".user-field input[type=checkbox]");
    assert.ok(
      exists(".invites-show .btn-primary:disabled"),
      "unclicking the checkbox disables the submit"
    );
  });
});
