316 lines
9.2 KiB
JavaScript
316 lines
9.2 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import {
|
|
visit,
|
|
currentURL,
|
|
//fillIn,
|
|
click,
|
|
find,
|
|
findAll,
|
|
//getRootElement
|
|
//setupOnerror,
|
|
} from '@ember/test-helpers';
|
|
import { run, later } from '@ember/runloop';
|
|
import { setupApplicationTest } from 'ember-qunit';
|
|
import setupMirage from 'ember-cli-mirage/test-support/setup-mirage';
|
|
import { Response } from 'miragejs';
|
|
import a11yAudit from 'ember-a11y-testing/test-support/audit';
|
|
import sinon from 'sinon';
|
|
import {
|
|
currentSession,
|
|
authenticateSession,
|
|
invalidateSession,
|
|
} from 'ember-simple-auth/test-support';
|
|
|
|
module('Acceptance | projects | targets', function (hooks) {
|
|
setupApplicationTest(hooks);
|
|
setupMirage(hooks);
|
|
|
|
let mockIPC;
|
|
let messageHandler;
|
|
|
|
const instances = {
|
|
scopes: {
|
|
global: null,
|
|
org: null,
|
|
project: null,
|
|
},
|
|
authMethods: {
|
|
global: null,
|
|
},
|
|
target: null,
|
|
session: null,
|
|
};
|
|
|
|
const stubs = {
|
|
global: null,
|
|
org: null,
|
|
ipsService: null,
|
|
};
|
|
|
|
const urls = {
|
|
index: '/',
|
|
origin: '/origin',
|
|
scopes: {
|
|
global: null,
|
|
org: null,
|
|
},
|
|
authenticate: {
|
|
global: null,
|
|
methods: {
|
|
global: null,
|
|
},
|
|
},
|
|
projects: null,
|
|
targets: null,
|
|
target: null,
|
|
sessions: null,
|
|
};
|
|
|
|
const setDefaultOrigin = (test) => {
|
|
const windowOrigin = window.location.origin;
|
|
const origin = test.owner.lookup('service:origin');
|
|
origin.rendererOrigin = windowOrigin;
|
|
};
|
|
|
|
hooks.beforeEach(function () {
|
|
authenticateSession();
|
|
|
|
// create scopes
|
|
instances.scopes.global = this.server.create('scope', { id: 'global' });
|
|
stubs.global = { id: 'global', type: 'global' };
|
|
instances.scopes.org = this.server.create('scope', {
|
|
type: 'org',
|
|
scope: stubs.global,
|
|
});
|
|
stubs.org = { id: instances.scopes.org.id, type: 'org' };
|
|
instances.scopes.project = this.server.create('scope', {
|
|
type: 'project',
|
|
scope: stubs.org,
|
|
});
|
|
stubs.project = { id: instances.scopes.project.id, type: 'project' };
|
|
|
|
instances.authMethods.global = this.server.create('auth-method', {
|
|
scope: instances.scopes.global,
|
|
});
|
|
|
|
instances.hostCatalog = this.server.create(
|
|
'host-catalog',
|
|
{ scope: instances.scopes.project },
|
|
'withChildren'
|
|
);
|
|
instances.target = this.server.create(
|
|
'target',
|
|
{ scope: instances.scopes.project },
|
|
'withAssociations'
|
|
);
|
|
|
|
instances.session = this.server.create(
|
|
'session',
|
|
{
|
|
scope: instances.scopes.project,
|
|
status: 'active',
|
|
},
|
|
'withAssociations'
|
|
);
|
|
|
|
urls.scopes.global = `/scopes/${instances.scopes.global.id}`;
|
|
urls.scopes.org = `/scopes/${instances.scopes.org.id}`;
|
|
urls.authenticate.global = `${urls.scopes.global}/authenticate`;
|
|
urls.authenticate.methods.global = `${urls.authenticate.global}/${instances.authMethods.global.id}`;
|
|
urls.projects = `${urls.scopes.org}/projects`;
|
|
urls.targets = `${urls.projects}/targets`;
|
|
urls.target = `${urls.targets}/${instances.target.id}`;
|
|
urls.sessions = `${urls.target}/sessions`;
|
|
|
|
class MockIPC {
|
|
origin = null;
|
|
|
|
invoke(method, payload) {
|
|
return this[method](payload);
|
|
}
|
|
|
|
getOrigin() {
|
|
return this.origin;
|
|
}
|
|
|
|
setOrigin(origin) {
|
|
this.origin = origin;
|
|
return this.origin;
|
|
}
|
|
}
|
|
|
|
mockIPC = new MockIPC();
|
|
messageHandler = async function (event) {
|
|
if (event.origin !== window.location.origin) return;
|
|
const { method, payload } = event.data;
|
|
if (method) {
|
|
const response = await mockIPC.invoke(method, payload);
|
|
event.ports[0].postMessage(response);
|
|
}
|
|
};
|
|
|
|
window.addEventListener('message', messageHandler);
|
|
setDefaultOrigin(this);
|
|
|
|
const ipcService = this.owner.lookup('service:ipc');
|
|
stubs.ipcService = sinon.stub(ipcService, 'invoke');
|
|
});
|
|
|
|
hooks.afterEach(function () {
|
|
window.removeEventListener('message', messageHandler);
|
|
});
|
|
|
|
test('visiting index while unauthenticated redirects to global authenticate method', async function (assert) {
|
|
invalidateSession();
|
|
assert.expect(2);
|
|
await visit(urls.targets);
|
|
await a11yAudit();
|
|
assert.notOk(currentSession().isAuthenticated);
|
|
assert.equal(currentURL(), urls.authenticate.methods.global);
|
|
});
|
|
|
|
test('visiting index', async function (assert) {
|
|
assert.expect(2);
|
|
const targetsCount = this.server.schema.targets.all().models.length;
|
|
// This later/cancelTimers technique allows us to test a page with
|
|
// active polling. Normally an acceptance test waits for all runloop timers
|
|
// to stop before returning from an awaited test, but polling means that
|
|
// runloop timers exist indefinitely. We thus schedule a cancelation before
|
|
// proceeding with our tests.
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await a11yAudit();
|
|
assert.equal(currentURL(), urls.targets);
|
|
assert.equal(findAll('tbody tr').length, targetsCount);
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('visiting a target', async function (assert) {
|
|
assert.expect(1);
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await click('tbody tr th a');
|
|
assert.equal(currentURL(), urls.sessions);
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('visiting empty targets', async function (assert) {
|
|
assert.expect(1);
|
|
this.server.get('/targets', () => new Response(200));
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
assert.equal(
|
|
find('.rose-message-title').textContent.trim(),
|
|
'No Targets Available'
|
|
);
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('cannot navigate to a target without proper authorization', async function (assert) {
|
|
assert.expect(1);
|
|
instances.target.authorized_actions =
|
|
instances.target.authorized_actions.filter((item) => item !== 'read');
|
|
await visit(urls.target);
|
|
assert.notOk(find('main tbody .rose-table-header-cell:nth-child(1) a'));
|
|
});
|
|
|
|
test('connecting to a target', async function (assert) {
|
|
assert.expect(4);
|
|
stubs.ipcService.withArgs('cliExists').returns(true);
|
|
stubs.ipcService.withArgs('connect').returns({
|
|
session_id: instances.session.id,
|
|
address: 'a_123',
|
|
port: 'p_123',
|
|
protocol: 'tcp',
|
|
});
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await click(
|
|
'tbody tr:first-child td:last-child button',
|
|
'Activate connect mode'
|
|
);
|
|
assert.ok(find('.dialog-detail'), 'Success dialog');
|
|
assert.equal(findAll('.rose-dialog-footer button').length, 1);
|
|
assert.equal(
|
|
find('.rose-dialog-footer button').textContent.trim(),
|
|
'Close',
|
|
'Cannot retry'
|
|
);
|
|
assert.equal(
|
|
find('.rose-dialog-body .copyable-content').textContent.trim(),
|
|
'a_123:p_123'
|
|
);
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('handles cli error on connect', async function (assert) {
|
|
assert.expect(4);
|
|
stubs.ipcService.withArgs('cliExists').returns(true);
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await click(
|
|
'tbody tr:first-child td:last-child button',
|
|
'Activate connect mode'
|
|
);
|
|
assert.ok(find('.rose-dialog-error'), 'Error dialog');
|
|
const dialogButtons = findAll('.rose-dialog-footer button');
|
|
assert.equal(dialogButtons.length, 2);
|
|
assert.equal(dialogButtons[0].textContent.trim(), 'Retry', 'Can retry');
|
|
assert.equal(dialogButtons[1].textContent.trim(), 'Cancel', 'Can cancel');
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('handles connect error', async function (assert) {
|
|
assert.expect(4);
|
|
stubs.ipcService.withArgs('cliExists').returns(true);
|
|
stubs.ipcService.withArgs('connect').rejects();
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await click(
|
|
'tbody tr:first-child td:last-child button',
|
|
'Activate connect mode'
|
|
);
|
|
assert.ok(find('.rose-dialog-error'), 'Error dialog');
|
|
const dialogButtons = findAll('.rose-dialog-footer button');
|
|
assert.equal(dialogButtons.length, 2);
|
|
assert.equal(dialogButtons[0].textContent.trim(), 'Retry', 'Can retry');
|
|
assert.equal(dialogButtons[1].textContent.trim(), 'Cancel', 'Can cancel');
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
|
|
test('can retry on error', async function (assert) {
|
|
assert.expect(1);
|
|
stubs.ipcService.withArgs('cliExists').rejects();
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
|
|
later(async () => {
|
|
run.cancelTimers();
|
|
await click(
|
|
'tbody tr:first-child td:last-child button',
|
|
'Activate connect mode'
|
|
);
|
|
const firstErrorDialog = find('.rose-dialog');
|
|
await click('.rose-dialog footer .rose-button-primary', 'Retry');
|
|
const secondErrorDialog = find('.rose-dialog');
|
|
assert.notEqual(secondErrorDialog.id, firstErrorDialog.id);
|
|
}, 750);
|
|
await visit(urls.targets);
|
|
});
|
|
});
|