open-vault/ui/tests/acceptance/console-test.js
Matthew Irish 42300b4087
UI - web cli layout (#5909)
* move console/ui-panel into nav-header component

* notch-specific CSS

* add layout test in the application for the console
2018-12-07 14:00:52 -06:00

49 lines
1.7 KiB
JavaScript

import { module, test } from 'qunit';
import { create } from 'ember-cli-page-object';
import { later } from '@ember/runloop';
import { setupApplicationTest } from 'ember-qunit';
import enginesPage from 'vault/tests/pages/secrets/backends';
import authPage from 'vault/tests/pages/auth';
import consoleClass from 'vault/tests/pages/components/console/ui-panel';
const consoleComponent = create(consoleClass);
module('Acceptance | console', function(hooks) {
setupApplicationTest(hooks);
hooks.beforeEach(function() {
return authPage.login();
});
test("refresh reloads the current route's data", async function(assert) {
await enginesPage.visit();
let numEngines = enginesPage.rows.length;
await consoleComponent.toggle();
let now = Date.now();
for (let num of [1, 2, 3]) {
let inputString = `write sys/mounts/${now + num} type=kv`;
await consoleComponent.runCommands(inputString);
}
await consoleComponent.runCommands('refresh');
assert.equal(enginesPage.rows.length, numEngines + 3, 'new engines were added to the page');
});
test('fullscreen command expands the cli panel', async function(assert) {
await consoleComponent.toggle();
await consoleComponent.runCommands('fullscreen');
// have to wrap in a later so that we can wait for the CSS transition to finish
await later(() => {
let consoleEle = document.querySelector('[data-test-component="console/ui-panel"]');
assert.equal(
consoleEle.offsetHeight,
window.innerHeight,
'fullscreen is the same height as the window'
);
assert.equal(consoleEle.offsetTop, 0, 'fullscreen is aligned to the top of window');
}, 300);
});
});