mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-10 08:37:00 +02:00
76e742ba32
* UI: HDS adoption replace AlertBanner part 1 (#21163) * rename test selector * replace db banner * add class * replace db role edit * db creds * generate creds * simpler class * license banner component * oidc callback plash * raft * aws * secret create or update * change to compact alert for form field * change back to inline * combine alert banners * wrap in conditional * remove references to message class * UI: HDS adoption replace AlertBanner part 2 (#21243) * token expire warning * delete css * edit form * item details distribute mfa step 2 transit verify * back to secondary * distribute * oidc lease error * sign * kv obj and repl dash * more repl * update test selector * show, creds * shamir * pki csr * pki banners * add hds library to ember engines * woops comma * fix k8 test * update message error component for last! * hold off MessageError changes until next pr * revert test selectors * update pki tests * UI: part 3 remove alert banner (#21334) * final component swap * and actual final of MessageError * update MessageError selectors * delete alert-banner and remove references * update next step alerts to highlight color * finishing touches, auth form test and client dashboard inline link * fix more selectors * fix shamir flow test * ui: part 4 final cleanup (#21365) * replace AlertPopup * add test tag * move tag * one more message error tag * delete alert popup * final css cleanup * move preformatted flash into <p> tag * ui: address comments for sidebranch (#21388) * add periods, move link to trailing * more periods and typo fix
90 lines
2.8 KiB
JavaScript
90 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, settled, find, waitUntil } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
module('Integration | Component | alert-inline', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
hooks.beforeEach(function () {
|
|
this.set('message', 'some very important alert');
|
|
this.set('type', 'warning');
|
|
});
|
|
|
|
test('it renders alert message with correct class args', async function (assert) {
|
|
await render(hbs`
|
|
<AlertInline
|
|
@paddingTop={{true}}
|
|
@isMarginless={{true}}
|
|
@sizeSmall={{true}}
|
|
@message={{this.message}}
|
|
@type={{this.type}}
|
|
/>
|
|
`);
|
|
assert.dom('[data-test-inline-error-message]').hasText('some very important alert');
|
|
assert
|
|
.dom('[data-test-inline-alert]')
|
|
.hasAttribute('class', 'is-flex-center padding-top is-marginless size-small');
|
|
});
|
|
|
|
test('it yields to block text', async function (assert) {
|
|
await render(hbs`
|
|
<AlertInline @message={{this.message}} @type={{this.type}}>
|
|
A much more important alert
|
|
</AlertInline>
|
|
`);
|
|
assert.dom('[data-test-inline-error-message]').hasText('A much more important alert');
|
|
});
|
|
|
|
test('it renders correctly for type=danger', async function (assert) {
|
|
this.set('type', 'danger');
|
|
await render(hbs`
|
|
<AlertInline
|
|
@type={{this.type}}
|
|
@message={{this.message}}
|
|
/>
|
|
`);
|
|
assert
|
|
.dom('[data-test-inline-error-message]')
|
|
.hasAttribute('class', 'has-text-danger', 'has danger text');
|
|
assert.dom('[data-test-icon="x-square-fill"]').exists('danger icon exists');
|
|
});
|
|
|
|
test('it renders correctly for type=warning', async function (assert) {
|
|
await render(hbs`
|
|
<AlertInline
|
|
@type={{this.type}}
|
|
@message={{this.message}}
|
|
/>
|
|
`);
|
|
assert.dom('[data-test-inline-error-message]').doesNotHaveAttribute('class', 'does not have styled text');
|
|
assert.dom('[data-test-icon="alert-triangle-fill"]').exists('warning icon exists');
|
|
});
|
|
|
|
test('it mimics loading when message changes', async function (assert) {
|
|
await render(hbs`
|
|
<AlertInline
|
|
@message={{this.message}}
|
|
@mimicRefresh={{true}}
|
|
@type={{this.type}}
|
|
/>
|
|
`);
|
|
assert
|
|
.dom('[data-test-inline-error-message]')
|
|
.hasText('some very important alert', 'it renders original message');
|
|
|
|
this.set('message', 'some changed alert!!!');
|
|
await waitUntil(() => find('[data-test-icon="loading"]'));
|
|
assert.ok(find('[data-test-icon="loading"]'), 'it shows loading icon when message changes');
|
|
await settled();
|
|
assert
|
|
.dom('[data-test-inline-error-message]')
|
|
.hasText('some changed alert!!!', 'it shows updated message');
|
|
});
|
|
});
|