vault/ui/tests/integration/components/replication-summary-card-test.js
Chelsea Shaw af3901e256
UI: Update replication nav (#24283)
* replication gets its own subnav

* glimmerize replication-summary-card

* Simplify replication-summary-card

* update replication subnav + tests

* replication action block uses HDS card

* add/update test selectors

* test coverage

* Add changelog

* Update defaults on replication-summary-card

* test that the view updates between replication types

* typo
2023-12-04 10:40:34 -06:00

101 lines
3.5 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 } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
const TITLE = 'Disaster Recovery';
const REPLICATION_DETAILS = {
dr: {
state: 'running',
lastWAL: 10,
knownSecondaries: ['https://127.0.0.1:8201', 'https://127.0.0.1:8202'],
merkleRoot: 'zzzzzzzyyyyyyyxxxxxxxwwwwww',
},
performance: {
state: 'running',
lastWAL: 20,
knownSecondaries: ['https://127.0.0.1:8201'],
merkleRoot: 'aaaaaabbbbbbbbccccccccdddddd',
},
};
module('Integration | Component | replication-summary-card', function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
this.set('replicationDetails', REPLICATION_DETAILS);
this.set('title', TITLE);
});
test('it renders', async function (assert) {
await render(
hbs`<ReplicationSummaryCard @replicationDetails={{this.replicationDetails}} @title={{this.title}} />`
);
assert.dom('[data-test-replication-summary-card]').exists();
assert
.dom('[data-test-lastWAL]')
.includesText(REPLICATION_DETAILS.dr.lastWAL, `shows the correct lastWAL value`);
const knownSecondaries = REPLICATION_DETAILS.dr.knownSecondaries.length;
assert
.dom('[data-test-known-secondaries]')
.includesText(knownSecondaries, `shows the correct computed value of the known secondaries count`);
assert
.dom('[data-test-merkle-root]')
.includesText(REPLICATION_DETAILS.dr.merkleRoot, `shows the correct merkle root value`);
});
test('it shows the correct lastWAL and knownSecondaries when title is Performance', async function (assert) {
await render(
hbs`<ReplicationSummaryCard @replicationDetails={{this.replicationDetails}} @title="Performance" />`
);
assert
.dom('[data-test-lastWAL]')
.includesText(REPLICATION_DETAILS.performance.lastWAL, `shows the correct lastWAL value`);
const knownSecondaries = REPLICATION_DETAILS.performance.knownSecondaries.length;
assert
.dom('[data-test-known-secondaries]')
.includesText(knownSecondaries, `shows the correct computed value of the known secondaries count`);
assert
.dom('[data-test-merkle-root]')
.includesText(REPLICATION_DETAILS.performance.merkleRoot, `shows the correct merkle root value`);
});
test('it shows reasonable defaults', async function (assert) {
const data = {
dr: {
mode: 'disabled',
},
performance: {
mode: 'disabled',
},
};
this.set('replicationDetails', data);
await render(
hbs`<ReplicationSummaryCard @replicationDetails={{this.replicationDetails}} @title={{this.title}} />`
);
assert.dom('[data-test-lastWAL]').includesText('0', `shows the correct lastWAL value`);
assert
.dom('[data-test-known-secondaries]')
.includesText('0', `shows the correct default value of the known secondaries count`);
assert.dom('[data-test-merkle-root]').includesText('', `shows the correct merkle root value`);
await this.set('title', 'Performance');
await settled();
assert.dom('[data-test-lastWAL]').includesText('0', `shows the correct lastWAL value`);
assert
.dom('[data-test-known-secondaries]')
.includesText('0', `shows the correct default value of the known secondaries count`);
assert
.dom('[data-test-merkle-root]')
.includesText('no hash found', `shows the correct merkle root value`);
});
});