mirror of
https://github.com/kemko/nomad.git
synced 2026-01-06 10:25:42 +03:00
8cf81a9ee8
* Recursive trie-building with variable paths * tree structure applied to new path routes and a new util class * Breadcrumbs for SV paths and prompt when nothing exists at a path * Lint and test cleanup * Pre-review cleanup * lintfix * Abstracted pathtree each-ins into a new component class * Path tree component styles * Types added and PR feedback addressed * Path tree to variable paths * Slightly simpler path QP mods * More pr feedback handling * Trim moved into a function on variable model * Traversal and compaction tests for PathTree * Trim Path tests * Variable-paths component tests * Lint fixup for tests
107 lines
3.0 KiB
JavaScript
107 lines
3.0 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import { hbs } from 'ember-cli-htmlbars';
|
|
import { componentA11yAudit } from 'nomad-ui/tests/helpers/a11y-audit';
|
|
import pathTree from 'nomad-ui/utils/path-tree';
|
|
|
|
const PATHSTRINGS = [
|
|
{ path: '/foo/bar/baz' },
|
|
{ path: '/foo/bar/bay' },
|
|
{ path: '/foo/bar/bax' },
|
|
{ path: '/a/b' },
|
|
{ path: '/a/b/c' },
|
|
{ path: '/a/b/canary' },
|
|
{ path: '/a/b/canine' },
|
|
{ path: '/a/b/chipmunk' },
|
|
{ path: '/a/b/c/d' },
|
|
{ path: '/a/b/c/dalmation/index' },
|
|
{ path: '/a/b/c/doberman/index' },
|
|
{ path: '/a/b/c/dachshund/index' },
|
|
{ path: '/a/b/c/dachshund/poppy' },
|
|
];
|
|
const tree = new pathTree(PATHSTRINGS);
|
|
|
|
module('Integration | Component | variable-paths', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders without data', async function (assert) {
|
|
assert.expect(2);
|
|
|
|
this.set('emptyRoot', { children: {}, files: [] });
|
|
await render(hbs`<VariablePaths @branch={{this.emptyRoot}} />`);
|
|
assert.dom('tbody tr').exists({ count: 0 });
|
|
|
|
await componentA11yAudit(this.element, assert);
|
|
});
|
|
|
|
test('it renders with data', async function (assert) {
|
|
assert.expect(2);
|
|
|
|
this.set('tree', tree);
|
|
await render(hbs`<VariablePaths @branch={{this.tree.paths.root}} />`);
|
|
assert.dom('tbody tr').exists({ count: 2 }, 'There are two rows');
|
|
|
|
await componentA11yAudit(this.element, assert);
|
|
});
|
|
|
|
test('it allows for traversal: Folders', async function (assert) {
|
|
assert.expect(3);
|
|
|
|
this.set('tree', tree);
|
|
await render(hbs`<VariablePaths @branch={{this.tree.paths.root}} />`);
|
|
assert
|
|
.dom('tbody tr:first-child td:first-child a')
|
|
.hasAttribute(
|
|
'href',
|
|
'/ui/variables/path/foo/bar',
|
|
'Correctly links a folder'
|
|
);
|
|
assert
|
|
.dom('tbody tr:first-child svg')
|
|
.hasAttribute(
|
|
'data-test-icon',
|
|
'folder',
|
|
'Correctly renders the folder icon'
|
|
);
|
|
|
|
await componentA11yAudit(this.element, assert);
|
|
});
|
|
|
|
test('it allows for traversal: Files', async function (assert) {
|
|
assert.expect(5);
|
|
|
|
this.set('tree', tree.findPath('foo/bar'));
|
|
await render(hbs`<VariablePaths @branch={{this.tree}} />`);
|
|
assert
|
|
.dom('tbody tr:first-child td:first-child a')
|
|
.hasAttribute(
|
|
'href',
|
|
'/ui/variables/foo/bar/baz',
|
|
'Correctly links the first file'
|
|
);
|
|
assert
|
|
.dom('tbody tr:nth-child(2) td:first-child a')
|
|
.hasAttribute(
|
|
'href',
|
|
'/ui/variables/foo/bar/bay',
|
|
'Correctly links the second file'
|
|
);
|
|
assert
|
|
.dom('tbody tr:nth-child(3) td:first-child a')
|
|
.hasAttribute(
|
|
'href',
|
|
'/ui/variables/foo/bar/bax',
|
|
'Correctly links the third file'
|
|
);
|
|
assert
|
|
.dom('tbody tr:first-child svg')
|
|
.hasAttribute(
|
|
'data-test-icon',
|
|
'file-text',
|
|
'Correctly renders the file icon'
|
|
);
|
|
await componentA11yAudit(this.element, assert);
|
|
});
|
|
});
|