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