github.com/aminovpavel/nomad@v0.11.8/ui/tests/integration/page-layout-test.js (about)

     1  import { module, test } from 'qunit';
     2  import { setupRenderingTest } from 'ember-qunit';
     3  import { find, click, render } from '@ember/test-helpers';
     4  import hbs from 'htmlbars-inline-precompile';
     5  import { startMirage } from 'nomad-ui/initializers/ember-cli-mirage';
     6  
     7  module('Integration | Component | page layout', function(hooks) {
     8    setupRenderingTest(hooks);
     9  
    10    hooks.beforeEach(function() {
    11      this.server = startMirage();
    12    });
    13  
    14    hooks.afterEach(function() {
    15      this.server.shutdown();
    16    });
    17  
    18    test('the global-header hamburger menu opens the gutter menu', async function(assert) {
    19      await render(hbs`{{page-layout}}`);
    20  
    21      assert.notOk(
    22        find('[data-test-gutter-menu]').classList.contains('is-open'),
    23        'Gutter menu is not open'
    24      );
    25      await click('[data-test-header-gutter-toggle]');
    26  
    27      assert.ok(find('[data-test-gutter-menu]').classList.contains('is-open'), 'Gutter menu is open');
    28    });
    29  
    30    test('the gutter-menu hamburger menu closes the gutter menu', async function(assert) {
    31      await render(hbs`{{page-layout}}`);
    32  
    33      await click('[data-test-header-gutter-toggle]');
    34  
    35      assert.ok(find('[data-test-gutter-menu]').classList.contains('is-open'), 'Gutter menu is open');
    36      await click('[data-test-gutter-gutter-toggle]');
    37  
    38      assert.notOk(
    39        find('[data-test-gutter-menu]').classList.contains('is-open'),
    40        'Gutter menu is not open'
    41      );
    42    });
    43  
    44    test('the gutter-menu backdrop closes the gutter menu', async function(assert) {
    45      await render(hbs`{{page-layout}}`);
    46  
    47      await click('[data-test-header-gutter-toggle]');
    48  
    49      assert.ok(find('[data-test-gutter-menu]').classList.contains('is-open'), 'Gutter menu is open');
    50      await click('[data-test-gutter-backdrop]');
    51  
    52      assert.notOk(
    53        find('[data-test-gutter-menu]').classList.contains('is-open'),
    54        'Gutter menu is not open'
    55      );
    56    });
    57  });