github.com/zoomfoo/nomad@v0.8.5-0.20180907175415-f28fd3a1a056/ui/tests/integration/page-layout-test.js (about)

     1  import { test, moduleForComponent } from 'ember-qunit';
     2  import { find, click } from 'ember-native-dom-helpers';
     3  import wait from 'ember-test-helpers/wait';
     4  import hbs from 'htmlbars-inline-precompile';
     5  import { startMirage } from 'nomad-ui/initializers/ember-cli-mirage';
     6  
     7  moduleForComponent('page-layout', 'Integration | Component | page layout', {
     8    integration: true,
     9    beforeEach() {
    10      this.server = startMirage();
    11    },
    12    afterEach() {
    13      this.server.shutdown();
    14    },
    15  });
    16  
    17  test('the global-header hamburger menu opens the gutter menu', function(assert) {
    18    this.render(hbs`{{page-layout}}`);
    19  
    20    assert.notOk(
    21      find('[data-test-gutter-menu]').classList.contains('is-open'),
    22      'Gutter menu is not open'
    23    );
    24    click('[data-test-header-gutter-toggle]');
    25  
    26    return wait().then(() => {
    27      assert.ok(find('[data-test-gutter-menu]').classList.contains('is-open'), 'Gutter menu is open');
    28    });
    29  });
    30  
    31  test('the gutter-menu hamburger menu closes the gutter menu', function(assert) {
    32    this.render(hbs`{{page-layout}}`);
    33  
    34    click('[data-test-header-gutter-toggle]');
    35  
    36    return wait()
    37      .then(() => {
    38        assert.ok(
    39          find('[data-test-gutter-menu]').classList.contains('is-open'),
    40          'Gutter menu is open'
    41        );
    42        click('[data-test-gutter-gutter-toggle]');
    43        return wait();
    44      })
    45      .then(() => {
    46        assert.notOk(
    47          find('[data-test-gutter-menu]').classList.contains('is-open'),
    48          'Gutter menu is not open'
    49        );
    50      });
    51  });
    52  
    53  test('the gutter-menu backdrop closes the gutter menu', function(assert) {
    54    this.render(hbs`{{page-layout}}`);
    55  
    56    click('[data-test-header-gutter-toggle]');
    57  
    58    return wait()
    59      .then(() => {
    60        assert.ok(
    61          find('[data-test-gutter-menu]').classList.contains('is-open'),
    62          'Gutter menu is open'
    63        );
    64        click('[data-test-gutter-backdrop]');
    65        return wait();
    66      })
    67      .then(() => {
    68        assert.notOk(
    69          find('[data-test-gutter-menu]').classList.contains('is-open'),
    70          'Gutter menu is not open'
    71        );
    72      });
    73  });