vault/ui/tests/integration/components/replication-actions-test.js
claire bontempo 43258c28fa
UI: HDS adoption replace <Modal> (#23382)
* UI: Part 1 - hds adoption replace <Modal> (#23363)

* replace policy-form modal

* replace clients/attribution modal

* clients/config modal

* scope form odal

* remove button type

* include toolbar to match other example templates

* rotate credentials modal

* add toolbar button class for hds buttons

* transformation-edit modal

* add back test selector

* add route arg to button!

* update link status

* fix link-status tests

* remove prevent default

* update db tests

* update tests

* use page alert for hcp link status banner

* fix scopy button selector

* fix sidebar test

* change to neutral banner

* UI: Part 2 - hds adoption replace <Modal>  (#23398)

* upgrade HDS library (adds support for snippet containers

* cleanup flight icons

* replace transit key action modals

* re-add deps as devDeps

* remove line

* address transit tests

* UI: Part 3 - hds adoption replace <Modal> (#23415)

* cleanup css

* cleanup extra type attr

* masked input download modal

* use Hds::Button in  download button"

* fix size of modal

* tiny icon fix

* refactor download button to always render download icon

* update tests

* UI: Part 3.5 - hds adoption replace <Modal> (#23448)

* replication-promote modal

* replication component modals

* replication add secondary modal

* move update text for diff

* UI: Part 4 - hds adoption replace <Modal>  (#23451)

* k8 configure modal

* kv delete modal

* ldap modals

* pki modals

* add trash icon

* move deps

* UI: Part 5 - hds adoption replace <Modal> (#23471)

* replace confirmation modals
---------

* UI: Part 6 - hds adoption replace <Modal>  (#23484)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* UI: Final hds adoption replace <Modal> cleanup PR (#23522)

* search select with modal

* policy search select modal

* replace date dropdown for client dashboard

* change padding to top

* update policy example args

* lolllll test typo wow

* update dropdown tests

* shamir flow modals!

* add one more container

* update test selectors

* remove wormhole and modal component

* fix selectors

* uninstall wormhole

* remove shamir-modal-flow class

* fix confirm modal test

* fix pki and kv test

* fix toolbar selector kv

* client and download button test

* fix-confirmation-modal-padding

* fix replication modal tests so relevant modal opens (#23540)

* more confirmation modal tests

* adds changelog
2023-10-06 22:06:36 +00:00

181 lines
5.2 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
import { run } from '@ember/runloop';
import { resolve } from 'rsvp';
import Service from '@ember/service';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { click, fillIn, render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
import sinon from 'sinon';
const storeStub = Service.extend({
callArgs: null,
adapterFor() {
return {
replicationAction() {
return {
then(cb) {
cb();
},
};
},
};
},
});
const routerService = Service.extend({
transitionTo: sinon.stub().returns(resolve()),
});
module('Integration | Component | replication actions', function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
run(() => {
this.owner.register('service:router', routerService);
this.owner.unregister('service:store');
this.owner.register('service:store', storeStub);
this.storeService = this.owner.lookup('service:store');
});
});
const confirmInput = (confirmText) => fillIn('[data-test-confirmation-modal-input]', confirmText);
const testCases = [
[
'dr',
'primary',
'disable',
'Disable Replication',
() => confirmInput('Disaster Recovery'),
['disable', 'primary'],
false,
],
[
'performance',
'primary',
'disable',
'Disable Replication',
() => confirmInput('Performance'),
['disable', 'primary'],
false,
],
[
'performance',
'secondary',
'disable',
'Disable Replication',
() => confirmInput('Performance'),
['disable', 'secondary'],
false,
],
['dr', 'primary', 'recover', 'Recover', null, ['recover'], false],
['performance', 'primary', 'recover', 'Recover', null, ['recover'], false],
['performance', 'secondary', 'recover', 'Recover', null, ['recover'], false],
['dr', 'primary', 'reindex', 'Reindex', () => null, ['reindex'], false],
['performance', 'primary', 'reindex', 'Reindex', () => null, ['reindex'], false],
['performance', 'secondary', 'reindex', 'Reindex', () => null, ['reindex'], false],
[
'dr',
'primary',
'demote',
'Demote cluster',
() => confirmInput('Disaster Recovery'),
['demote', 'primary'],
false,
],
[
'performance',
'primary',
'demote',
'Demote cluster',
() => confirmInput('Performance'),
['demote', 'primary'],
false,
],
// we don't do dr secondary promote in this component so just test perf
// re-enable this test when the DR secondary disable API endpoint is fixed
// ['dr', 'secondary', 'disable', 'Disable Replication', null, ['disable', 'secondary'], false],
// ['dr', 'secondary', 'reindex', 'Reindex', null, ['reindex'], false],
[
'performance',
'secondary',
'promote',
'Promote cluster',
async function () {
await fillIn('[name="primary_cluster_addr"]', 'cluster addr');
},
['promote', 'secondary', { primary_cluster_addr: 'cluster addr' }],
false,
],
[
'performance',
'secondary',
'update-primary',
'Update primary',
async function () {
await fillIn('#secondary-token', 'token');
await fillIn('#primary_api_addr', 'addr');
},
['update-primary', 'secondary', { token: 'token', primary_api_addr: 'addr' }],
false,
],
];
for (const [replicationMode, clusterMode, action, headerText, fillInFn, expectedOnSubmit] of testCases) {
test(`replication mode ${replicationMode}, cluster mode: ${clusterMode}, action: ${action}`, async function (assert) {
assert.expect(1);
const testKey = `${replicationMode}-${clusterMode}-${action}`;
this.set('model', {
replicationAttrs: {
modeForUrl: clusterMode,
},
[replicationMode]: {
mode: clusterMode,
modeForUrl: clusterMode,
},
replicationModeForDisplay: replicationMode === 'dr' ? 'Disaster Recovery' : 'Performance',
reload() {
return resolve();
},
rollbackAttributes() {},
});
this.set('replicationMode', replicationMode);
this.set('selectedAction', action);
this.set('onSubmit', (...actual) => {
assert.deepEqual(
JSON.stringify(actual),
JSON.stringify(expectedOnSubmit),
`${testKey}: submitted values match expected`
);
return resolve();
});
this.set('storeService.capabilitiesReturnVal', ['root']);
await render(
hbs`
<ReplicationActions
@model={{this.model}}
@replicationMode={{this.replicationMode}}
@selectedAction={{this.selectedAction}}
@onSubmit={{action this.onSubmit}}
/>
`
);
assert
.dom(`[data-test-${action}-replication] h3`)
.hasText(headerText, `${testKey}: renders the ${action} component header`);
await click(`[data-test-replication-action-trigger="${action}"]`);
if (typeof fillInFn === 'function') {
await fillInFn.call(this);
}
await click('[data-test-confirm-button]');
});
}
});