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 });