open-nomad/ui/tests/acceptance/plugins-list-test.js
Buck Doyle 29de8f4f76
Add component accessibility auditing and fixes (#8679)
This continues #8455 by adding accessibility audits to component integration
tests and fixing associated errors. It adds audits to existing tests rather than
adding separate ones to facilitate auditing the various permutations a
component’s rendering can go through.

It also adds linting to ensure audits happen in component tests. This
necessitated consolidating test files that were scattered.
2020-08-25 10:56:02 -05:00

147 lines
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 pageSizeSelect from './behaviors/page-size-select';
import PluginsList from 'nomad-ui/tests/pages/storage/plugins/list';
module('Acceptance | plugins list', function(hooks) {
setupApplicationTest(hooks);
setupMirage(hooks);
hooks.beforeEach(function() {
server.create('node');
window.localStorage.clear();
});
test('it passes an accessibility audit', async function(assert) {
await PluginsList.visit();
await a11yAudit(assert);
});
test('visiting /csi/plugins', async function(assert) {
await PluginsList.visit();
assert.equal(currentURL(), '/csi/plugins');
assert.equal(document.title, 'CSI Plugins - Nomad');
});
test('/csi/plugins should list the first page of plugins sorted by id', async function(assert) {
const pluginCount = PluginsList.pageSize + 1;
server.createList('csi-plugin', pluginCount, { shallow: true });
await PluginsList.visit();
const sortedPlugins = server.db.csiPlugins.sortBy('id');
assert.equal(PluginsList.plugins.length, PluginsList.pageSize);
PluginsList.plugins.forEach((plugin, index) => {
assert.equal(plugin.id, sortedPlugins[index].id, 'Plugins are ordered');
});
});
test('each plugin row should contain information about the plugin', async function(assert) {
const plugin = server.create('csi-plugin', { shallow: true, controllerRequired: true });
await PluginsList.visit();
const pluginRow = PluginsList.plugins.objectAt(0);
const controllerHealthStr = plugin.controllersHealthy > 0 ? 'Healthy' : 'Unhealthy';
const nodeHealthStr = plugin.nodesHealthy > 0 ? 'Healthy' : 'Unhealthy';
assert.equal(pluginRow.id, plugin.id);
assert.equal(
pluginRow.controllerHealth,
`${controllerHealthStr} (${plugin.controllersHealthy}/${plugin.controllersExpected})`
);
assert.equal(
pluginRow.nodeHealth,
`${nodeHealthStr} (${plugin.nodesHealthy}/${plugin.nodesExpected})`
);
assert.equal(pluginRow.provider, plugin.provider);
});
test('node only plugins explain that there is no controller health for this plugin type', async function(assert) {
const plugin = server.create('csi-plugin', { shallow: true, controllerRequired: false });
await PluginsList.visit();
const pluginRow = PluginsList.plugins.objectAt(0);
const nodeHealthStr = plugin.nodesHealthy > 0 ? 'Healthy' : 'Unhealthy';
assert.equal(pluginRow.id, plugin.id);
assert.equal(pluginRow.controllerHealth, 'Node Only');
assert.equal(
pluginRow.nodeHealth,
`${nodeHealthStr} (${plugin.nodesHealthy}/${plugin.nodesExpected})`
);
assert.equal(pluginRow.provider, plugin.provider);
});
test('each plugin row should link to the corresponding plugin', async function(assert) {
const plugin = server.create('csi-plugin', { shallow: true });
await PluginsList.visit();
await PluginsList.plugins.objectAt(0).clickName();
assert.equal(currentURL(), `/csi/plugins/${plugin.id}`);
await PluginsList.visit();
assert.equal(currentURL(), '/csi/plugins');
await PluginsList.plugins.objectAt(0).clickRow();
assert.equal(currentURL(), `/csi/plugins/${plugin.id}`);
});
test('when there are no plugins, there is an empty message', async function(assert) {
await PluginsList.visit();
assert.ok(PluginsList.isEmpty);
assert.equal(PluginsList.emptyState.headline, 'No Plugins');
});
test('when there are plugins, but no matches for a search, there is an empty message', async function(assert) {
server.create('csi-plugin', { id: 'cat 1', shallow: true });
server.create('csi-plugin', { id: 'cat 2', shallow: true });
await PluginsList.visit();
await PluginsList.search('dog');
assert.ok(PluginsList.isEmpty);
assert.equal(PluginsList.emptyState.headline, 'No Matches');
});
test('search resets the current page', async function(assert) {
server.createList('csi-plugin', PluginsList.pageSize + 1, { shallow: true });
await PluginsList.visit();
await PluginsList.nextPage();
assert.equal(currentURL(), '/csi/plugins?page=2');
await PluginsList.search('foobar');
assert.equal(currentURL(), '/csi/plugins?search=foobar');
});
test('when accessing plugins is forbidden, a message is shown with a link to the tokens page', async function(assert) {
server.pretender.get('/v1/plugins', () => [403, {}, null]);
await PluginsList.visit();
assert.equal(PluginsList.error.title, 'Not Authorized');
await PluginsList.error.seekHelp();
assert.equal(currentURL(), '/settings/tokens');
});
pageSizeSelect({
resourceName: 'plugin',
pageObject: PluginsList,
pageObjectList: PluginsList.plugins,
async setup() {
server.createList('csi-plugin', PluginsList.pageSize, { shallow: true });
await PluginsList.visit();
},
});
});