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

acceptance("New Group");

QUnit.test("As an anon user", assert => {
  visit("/groups");

  andThen(() => {
    assert.equal(
      find('.groups-header-new').length, 0,
      'it should not display the button to create a group'
    );
  });
});

QUnit.test("Creating a new group", assert => {
  logIn();
  Discourse.reset();

  visit("/groups");

  click(".groups-header-new");

  andThen(() => {
    assert.equal(
      find('.group-form-save[disabled]').length, 1,
      'save button should be disabled'
    );
  });

  fillIn("input[name='name']", '1');

  andThen(() => {
    assert.equal(
      find('.tip.bad').text().trim(), I18n.t("admin.groups.new.name.too_short"),
      'it should show the right validation tooltip'
    );

    assert.ok(
      find(".group-form-save:disabled").length === 1,
      'it should disable the save button'
    );
  });

  fillIn("input[name='name']", 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa');

  andThen(() => {
    assert.equal(
      find('.tip.bad').text().trim(), I18n.t("admin.groups.new.name.too_long"),
      'it should show the right validation tooltip'
    );
  });

  fillIn("input[name='name']", '');

  andThen(() => {
    assert.equal(
      find('.tip.bad').text().trim(), I18n.t("admin.groups.new.name.blank"),
      'it should show the right validation tooltip'
    );
  });

  fillIn("input[name='name']", 'goodusername');

  andThen(() => {
    assert.equal(
      find('.tip.good').text().trim(), I18n.t("admin.groups.new.name.available"),
      'it should show the right validation tooltip'
    );
  });

  click(".group-form-public-admission");

  andThen(() => {
    assert.equal(
      find('groups-new-allow-membership-requests').length, 0,
      'it should disable the membership requests checkbox'
    );
  });
});