discourse/test/javascripts/acceptance/modal-test.js.es6

import { acceptance } from "helpers/qunit-helpers";
import showModal from 'discourse/lib/show-modal';

acceptance("Modal");

QUnit.test("modal", assert => {
  visit('/');

  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 0, 'there is no modal at first');
  });

  click('.login-button');
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 1, 'modal should appear');
  });

  click('.modal-outer-container');
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 0, 'modal should disappear when you click outside');
  });

  click('.login-button');
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 1, 'modal should reappear');
  });

  keyEvent('#main-outlet', 'keydown', 27);
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 0, 'ESC should close the modal');
  });
  andThen(() => {
    Ember.TEMPLATES['modal/not-dismissable'] = Ember.HTMLBars.compile('{{#d-modal-body title="" class="" dismissable=false}}test{{/d-modal-body}}');
    showModal('not-dismissable', {});
  });
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 1, 'modal should appear');
  });
  click('.modal-outer-container');
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 1, 'modal should not disappear when you click outside');
  });
  keyEvent('#main-outlet', 'keydown', 27);
  andThen(() => {
    assert.ok(find('.d-modal:visible').length === 1, 'ESC should not close the modal');
  });
});