mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-15 02:57:04 +02:00
a5b60cd8cc
* remove title-number class and consolidate border radius * move selectable card to core addon * add top padding to db cards * update transform icon color * new selectable card component * fix db test * use selectable card in mount backend form * fix query param for overview card * update tests * fix replication card styling * make card accessible; * update tabindex * change to standalone for error handling * update test selector * update tests * go back to number only css class * fix on click tests * add changelog * update class name in template file * delete box radio
62 lines
2.2 KiB
JavaScript
62 lines
2.2 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
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-xlm', 'adds the larger size class');
|
|
|
|
const promise = waitForError();
|
|
render(hbs`<Icon @name="vault-logo" @size="12"/>`);
|
|
const err = await promise;
|
|
assert.strictEqual(
|
|
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.strictEqual(
|
|
err.message,
|
|
'Assertion Failed: Icon component size argument must be either "16" or "24"',
|
|
'Error is thrown when supported size is not provided'
|
|
);
|
|
});
|
|
});
|