import { acceptance } from "helpers/qunit-helpers";

acceptance("Accept Invite - User Fields", {
  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
      }
    ]
  }
});

QUnit.test("accept invite with user fields", async assert => {
  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]:first", "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"
  );
});