open-nomad/ui/tests/acceptance/server-detail-test.js
Buck Doyle 7bed453de3
Add acceptance test accessibility auditing and fixes (#8455)
This introduces ember-a11y-testing to acceptance tests via a helper
wrapper that allows us to globally ignore rules that we can address
separately. It also adds fixes for the aXe rules that were failing.
2020-07-28 12:59:14 -05:00

66 lines
2.5 KiB
JavaScript

import { currentURL } from '@ember/test-helpers';
import { module, test } from 'qunit';
import { setupApplicationTest } from 'ember-qunit';
import { setupMirage } from 'ember-cli-mirage/test-support';
import a11yAudit from 'nomad-ui/tests/helpers/a11y-audit';
import ServerDetail from 'nomad-ui/tests/pages/servers/detail';
let agent;
module('Acceptance | server detail', function(hooks) {
setupApplicationTest(hooks);
setupMirage(hooks);
hooks.beforeEach(async function() {
server.createList('agent', 3);
agent = server.db.agents[0];
await ServerDetail.visit({ name: agent.name });
});
test('it passes an accessibility audit', async function(assert) {
await a11yAudit();
assert.ok(true, 'a11y audit passes');
});
test('visiting /servers/:server_name', async function(assert) {
assert.equal(currentURL(), `/servers/${encodeURIComponent(agent.name)}`);
assert.equal(document.title, `Server ${agent.name} - Nomad`);
});
test('when the server is the leader, the title shows a leader badge', async function(assert) {
assert.ok(ServerDetail.title.includes(agent.name));
assert.ok(ServerDetail.hasLeaderBadge);
});
test('the details ribbon displays basic information about the server', async function(assert) {
assert.ok(ServerDetail.serverStatus.includes(agent.status));
assert.ok(ServerDetail.address.includes(`${agent.address}:${agent.tags.port}`));
assert.ok(ServerDetail.datacenter.includes(agent.tags.dc));
});
test('the server detail page should list all tags for the server', async function(assert) {
const tags = Object.keys(agent.tags)
.map(name => ({ name, value: agent.tags[name] }))
.sortBy('name');
assert.equal(ServerDetail.tags.length, tags.length, '# of tags');
ServerDetail.tags.forEach((tagRow, index) => {
const tag = tags[index];
assert.equal(tagRow.name, tag.name, `Label: ${tag.name}`);
assert.equal(tagRow.value, tag.value, `Value: ${tag.value}`);
});
});
test('when the server is not the leader, there is no leader badge', async function(assert) {
await ServerDetail.visit({ name: server.db.agents[1].name });
assert.notOk(ServerDetail.hasLeaderBadge);
});
test('when the server is not found, an error message is shown, but the URL persists', async function(assert) {
await ServerDetail.visit({ name: 'not-a-real-server' });
assert.equal(currentURL(), '/servers/not-a-real-server', 'The URL persists');
assert.equal(ServerDetail.error.title, 'Not Found', 'Error message is for 404');
});
});