Misago/misago/frontend/test/tests/acceptance/request-activation.js

(function () {
  'use strict';

  var app = null;

  QUnit.acceptance("Request Activation E-mail", {
    beforeEach: function() {
      app = initTestMisago();
      app.context.SEND_ACTIVATION_API = '/test-api/auth/send-activation/';

      var mount = document.getElementById('component-mount');
      m.mount(mount, app.component('request-activation-link-form'));
    },
    afterEach: function() {
      app.destroy();
    }
  });

  QUnit.test('submit empty form', function(assert) {
    var done = assert.async();

    click('#component-mount .btn-primary');

    onElement('.alerts .alert-danger', function() {
      assert.equal(getAlertMessage(), "Enter a valid email address.",
        "form raised alert about empty input.");
      done();
    });
  });

  QUnit.test('submit invalid form', function(assert) {
    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'not-an-email!');
    click('#component-mount .btn-primary');

    onElement('.alerts .alert-danger', function() {
      assert.equal(getAlertMessage(), "Enter a valid email address.",
        "form raised alert about invalid input.");
      done();
    });
  });

  QUnit.test('with backend banned', function(assert) {
    $.mockjax({
      url: '/test-api/auth/send-activation/',
      status: 403,
      responseText: {
        'ban': {
          'expires_on': null,
          'message': {
            'plain': 'This is test ban.',
            'html': '<p>This is test ban.</p>'
          }
        }
      }
    });

    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'valid@email.com');
    click('#component-mount .btn-primary');

    onElement('.page-error-banned .message-body', function() {
      assert.ok(true, "Permission denied error page was displayed.");
      assert.equal(
        getElementText('.page .message-body .lead'),
        "This is test ban.",
        "Banned page displayed ban message.");
      done();
    });
  });

  QUnit.test('with backend error', function(assert) {
    var message = "No user found for email!";
    $.mockjax({
      url: '/test-api/auth/send-activation/',
      status: 400,
      responseText: {
        'detail': message
      }
    });

    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'valid@email.com');
    click('#component-mount .btn-primary');

    onElement('.alerts .alert-danger', function() {
      assert.equal(getAlertMessage(), message,
        "request form raised alert returned by backend.");
      done();
    });
  });

  QUnit.test('with admin activation', function(assert) {
    var message = "Admin has to activate your account.";

    $.mockjax({
      url: '/test-api/auth/send-activation/',
      status: 400,
      responseText: {
        'detail': message,
        'code': 'inactive_admin'
      }
    });

    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'valid@email.com');
    click('#component-mount .btn-primary');

    onElement('.alerts .alert-info', function() {
      assert.equal(getAlertMessage(), message,
        "request form raised alert returned by backend.");
      done();
    });
  });

  QUnit.test('with success', function(assert) {
    $.mockjax({
      url: '/test-api/auth/send-activation/',
      status: 200,
      responseText: {
        'username': 'Bob',
        'email': 'bob@boberson.com'
      }
    });

    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'valid@email.com');
    click('#component-mount .btn-primary');

    onElement('.well-done .message-body p', function() {
      assert.equal(
        getElementText('.message-body p'),
        "Activation link sent to bob@boberson.com.",
        "request form displayed success message.");
      done();
    });
  });

  QUnit.test('reset', function(assert) {
    $.mockjax({
      url: '/test-api/auth/send-activation/',
      status: 200,
      responseText: {
        'username': 'Bob',
        'email': 'bob@boberson.com'
      }
    });

    var done = assert.async();

    fillIn('#component-mount input[type="text"]', 'valid@email.com');
    click('#component-mount .btn-primary');
    click('#component-mount .btn-default');

    onElement('.well-form', function() {
      assert.ok(true, 'reset button reset component state.');
      done();
    });
  });
}());