vault/ui/tests/integration/components/kv/page/kv-page-version-diff-test.js
2023-08-24 10:02:53 -05:00

126 lines
4.3 KiB
JavaScript

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { setupEngine } from 'ember-engines/test-support';
import { setupMirage } from 'ember-cli-mirage/test-support';
import { click, render } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
import { kvMetadataPath, kvDataPath } from 'vault/utils/kv-path';
import { PAGE } from 'vault/tests/helpers/kv/kv-selectors';
import { allowAllCapabilitiesStub } from 'vault/tests/helpers/stubs';
import { encodePath } from 'vault/utils/path-encoding-helpers';
const EXAMPLE_KV_DATA_GET_RESPONSE = {
request_id: 'foobar',
data: {
data: { hello: 'world' },
metadata: {
created_time: '2023-06-20T21:26:47.592306Z',
custom_metadata: null,
deletion_time: '',
destroyed: false,
version: 1,
},
},
};
module('Integration | Component | kv | Page::Secret::Metadata::Version-Diff', function (hooks) {
setupRenderingTest(hooks);
setupEngine(hooks, 'kv');
setupMirage(hooks);
hooks.beforeEach(async function () {
const store = this.owner.lookup('service:store');
this.server.post('/sys/capabilities-self', allowAllCapabilitiesStub());
const metadata = this.server.create('kv-metadatum');
metadata.id = kvMetadataPath('kv-engine', 'my-secret');
store.pushPayload('kv/metadata', {
modelName: 'kv/metadata',
...metadata,
});
this.metadata = store.peekRecord('kv/metadata', metadata.id);
this.breadcrumbs = [
{ label: 'secrets', route: 'secrets', linkExternal: true },
{ label: this.metadata.backend, route: 'list' },
{ label: this.metadata.path, route: 'secret.details', model: this.metadata.path },
{ label: 'version diff' },
];
// compare version 4
const dataId = kvDataPath('kv-engine', 'my-secret', 4);
store.pushPayload('kv/data', {
modelName: 'kv/data',
id: dataId,
secret_data: { foo: 'bar' },
created_time: '2023-07-20T02:12:17.379762Z',
custom_metadata: null,
deletion_time: '',
destroyed: false,
version: 4,
});
this.endpoint = `${encodePath('kv-engine')}/data/${'my-secret'}`;
});
test('it renders compared data of the two versions and shows icons for deleted, destroyed and current', async function (assert) {
assert.expect(12);
this.server.get(this.endpoint, (schema, req) => {
assert.ok('request made to the correct endpoint.');
assert.strictEqual(
req.queryParams.version,
'1',
'request includes the version flag on queryRecord and correctly only queries for the record not in the store, which is retrieved by peekRecord.'
);
return EXAMPLE_KV_DATA_GET_RESPONSE;
});
await render(
hbs`
<Page::Secret::Metadata::VersionDiff
@metadata={{this.metadata}}
@path={{this.metadata.path}}
@backend={{this.metadata.backend}}
@breadcrumbs={{this.breadcrumbs}}
/>
`,
{ owner: this.engine }
);
/* eslint-disable no-useless-escape */
assert
.dom('[data-test-visual-diff]')
.hasText(
`foo"bar"\hello"world"`,
'correctly pull in the data from version 4 and compared to version 1.'
);
assert
.dom('[data-test-version-dropdown-left]')
.hasText('Version 4', 'shows the current version for the left side default version.');
assert
.dom('[data-test-version-dropdown-right]')
.hasText(
'Version 1',
'shows the first version that is not deleted or destroyed for the right version on init.'
);
await click('[data-test-version-dropdown-right]');
for (const version in this.metadata.versions) {
const data = this.metadata.versions[version];
assert.dom(PAGE.versions.button(version)).exists('renders the button for each version.');
if (data.destroyed || data.deletion_time) {
assert
.dom(`${PAGE.versions.button(version)} [data-test-icon="x-square-fill"]`)
.hasClass(`${data.destroyed ? 'has-text-danger' : 'has-text-grey'}`);
}
}
assert
.dom(`${PAGE.versions.button('1')}`)
.hasClass('is-active', 'correctly shows the selected version 1 as active giving it text blue.');
});
});