5c2a08de6d
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
57 lines
2.1 KiB
JavaScript
57 lines
2.1 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import waitForError from 'vault/tests/helpers/wait-for-error';
|
|
|
|
module('Integration | Component | icon', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders', async function (assert) {
|
|
await render(hbs`<Icon class="i-con" />`);
|
|
assert.dom('.i-con').exists('renders');
|
|
|
|
await render(hbs`<Icon @name="vault-logo" />`);
|
|
assert.dom('.vault-logo').exists('inlines the SVG');
|
|
assert.dom('.hs-icon').hasClass('hs-icon-l', 'Default hs class applied');
|
|
|
|
await render(hbs`<Icon class="ah" aria-hidden="true" />`);
|
|
assert.dom('.ah').hasAttribute('aria-hidden', 'true', 'renders aria-hidden');
|
|
|
|
await render(hbs`<Icon class="al" aria-label="Testing" />`);
|
|
assert.dom('.al').hasAttribute('aria-label', 'Testing', 'renders aria-label');
|
|
|
|
await render(hbs`<Icon @name="vault-logo" @size="24"/>`);
|
|
assert.dom('.hs-icon').hasClass('hs-icon-xl', 'adds the larger size class');
|
|
|
|
let promise = waitForError();
|
|
render(hbs`<Icon @name="vault-logo" @size="12"/>`);
|
|
let err = await promise;
|
|
assert.equal(
|
|
err.message,
|
|
'Assertion Failed: Icon component size argument must be either "16" or "24"',
|
|
'Error is thrown when supported size is not provided'
|
|
);
|
|
});
|
|
|
|
test('it should render FlightIcon', async function (assert) {
|
|
assert.expect(4);
|
|
|
|
await render(hbs`<Icon @name="x" />`);
|
|
assert.dom('.flight-icon').exists('FlightIcon renders when provided name of icon in set');
|
|
assert.dom('.flight-icon').hasAttribute('width', '16', 'Default size applied svg');
|
|
|
|
await render(hbs`<Icon @name="x" @size="24" />`);
|
|
assert.dom('.flight-icon').hasAttribute('width', '24', 'Size applied to svg');
|
|
|
|
const promise = waitForError();
|
|
render(hbs`<Icon @name="x" @size="12"/>`);
|
|
const err = await promise;
|
|
assert.equal(
|
|
err.message,
|
|
'Assertion Failed: Icon component size argument must be either "16" or "24"',
|
|
'Error is thrown when supported size is not provided'
|
|
);
|
|
});
|
|
});
|