mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-10 08:37:00 +02:00
0b12cdcfd1
* Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package. This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License. Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at https://hashi.co/bsl-blog, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUS-1.1 * Fix test that expected exact offset on hcl file --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com> Co-authored-by: Sarah Thompson <sthompson@hashicorp.com> Co-authored-by: Brian Kassouf <bkassouf@hashicorp.com>
90 lines
2.8 KiB
JavaScript
90 lines
2.8 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
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');
|
|
});
|
|
});
|