vault/ui/tests/integration/components/clients/usage-stats-test.js
claire bontempo 638f9ddae6
Sync UI: Remove beta tags, and reveal sync client count billing tab (#25669)
* Revert "hide sync billing related details"

This reverts commit 26d24d9e789dc2378be5845f0e835978676fc9e6.

* Revert "add beta tags"

This reverts commit a9837bce0b2123ad3eb47f261f127fa166ddb1bc.

* final cleanup from remaining SYNC BETA comments

* fix line chart scale

* update sync copy

* update test
2024-02-28 09:53:24 -08:00

78 lines
3.0 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 defaults', async function (assert) {
await render(hbs`<Clients::UsageStats />`);
assert.dom('[data-test-stat-text]').exists({ count: 3 }, 'Renders 3 Stat texts even with no data passed');
assert.dom('[data-test-stat-text="total-clients"]').exists('Total clients exists');
assert.dom('[data-test-stat-text="total-clients"] .stat-value').hasText('-', 'renders dash when no data');
assert.dom('[data-test-stat-text="entity-clients"]').exists('Entity clients exists');
assert
.dom('[data-test-stat-text="entity-clients"] .stat-value')
.hasText('-', 'renders dash when no data');
assert.dom('[data-test-stat-text="non-entity-clients"]').exists('Non entity clients exists');
assert
.dom('[data-test-stat-text="non-entity-clients"] .stat-value')
.hasText('-', 'renders dash when no data');
assert
.dom('a')
.hasAttribute('href', 'https://developer.hashicorp.com/vault/tutorials/monitoring/usage-metrics');
});
test('it renders with token data', async function (assert) {
this.set('counts', {
clients: 17,
entity_clients: 7,
non_entity_clients: 10,
});
await render(hbs`<Clients::UsageStats @totalUsageCounts={{this.counts}} />`);
assert.dom('[data-test-stat-text]').exists({ count: 3 }, 'Renders 3 Stat texts');
assert
.dom('[data-test-stat-text="total-clients"] .stat-value')
.hasText('17', 'Total clients shows passed value');
assert
.dom('[data-test-stat-text="entity-clients"] .stat-value')
.hasText('7', 'entity clients shows passed value');
assert
.dom('[data-test-stat-text="non-entity-clients"] .stat-value')
.hasText('10', 'non entity clients shows passed value');
});
test('it renders with full totals data', async function (assert) {
this.set('counts', {
clients: 22,
entity_clients: 7,
non_entity_clients: 10,
secret_syncs: 5,
});
await render(hbs`<Clients::UsageStats @totalUsageCounts={{this.counts}} />`);
assert.dom('[data-test-stat-text]').exists({ count: 4 }, 'Renders 3 Stat texts');
assert
.dom('[data-test-stat-text="total-clients"] .stat-value')
.hasText('22', 'Total clients shows passed value');
assert
.dom('[data-test-stat-text="entity-clients"] .stat-value')
.hasText('7', 'entity clients shows passed value');
assert
.dom('[data-test-stat-text="non-entity-clients"] .stat-value')
.hasText('10', 'non entity clients shows passed value');
assert
.dom('[data-test-stat-text="secret-syncs"] .stat-value')
.hasText('5', 'secrets sync clients shows passed value');
});
});