vault/ui/tests/integration/components/clients/usage-stats-test.js
claire bontempo 17552aab7d
UI: Refactor and resuse UsageStats display template across tabs (#26562)
* refactor usage stats to use Hds::Card

* use usage stats in other tabs

* use flex row and remove verbose grid css classes

* cleanup selectors, add arg to usage stat selector

* update usage stat test

* update token tab usage stat title

* add test coverage for description and title
2024-04-19 22:14:46 +00:00

33 lines
1.1 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 'ember-cli-htmlbars';
module('Integration | Component | clients/usage-stats', function (hooks) {
setupRenderingTest(hooks);
test('it renders', async function (assert) {
await render(
hbs`
<Clients::UsageStats @title="My stats" @description="a very important description">
yielded content!
</Clients::UsageStats>`
);
assert.dom('[data-test-usage-stats="My stats"]').exists();
assert.dom('h3').hasText('My stats', 'title renders in h3 tag');
assert.dom('p').hasText('a very important description', 'description renders in p tag');
assert
.dom('[data-test-usage-stats="My stats"]')
.hasTextContaining('yielded content!', 'it renders yielded content');
assert
.dom('a')
.hasAttribute('href', 'https://developer.hashicorp.com/vault/tutorials/monitoring/usage-metrics');
});
});