e11567be82
* wip -- add modal component using ember-wormhole, add static content but still need to enable onClose * add onClose to modal * WIP * add copy and close button * add copy and close button * and copy and close button to modal * use modal on each key action page * make text copied text more generic * update datakey textareas to codemirror * only show user input on encrypt and decrypt * only show user input on all key actions * separate copy ciphertext, plaintext, and close button on datakey modal * style ciphertext and plaintext as code * only show separate copy buttons on datakey modal if both outputs are shown * update modal styling * style modal * add descriptions to each key action * remove conditional from hmac modal since we only ever show hmac output * add modal for export key action * make output scroll horizontally with copy button next to it * make output scroll horizontally with copy button next to it * escape & in copy and close button, format text output so it scrolls horizontally * fix formatting of key action descriptions * Ui/add transit modal tests (#8523) * Fix tests for updated transit with modals workflow * WIP // remove box shadow from key actions descriptions * WIP // flash messages on successful action match mocks * WIP // remove ciphertext view after datakey created * WIP // make flash messages when copy & closing less generic, and match copy flash message * WIP // Optionally show close button on modal, with tests * remove unused deps from modal test * WIP // Fix verify modal styling and content * Add modal for sign action * Fix output of non-wrapped export key * Fix output of non-wrapped export key * Add description to JSDOCS about modal component * Add help text about plaintext encoded in base64 * add flash msgs for datakey and export * flash success msg when closing modal on export page * clarify sign success msg * address PR feedback * add indentation for export key json * Fix modal tests pt 2 * Remove decode after decrypt in transit tests Co-authored-by: Chelsea Shaw <chelshaw.dev@gmail.com>
324 lines
11 KiB
JavaScript
324 lines
11 KiB
JavaScript
import { click, fillIn, find, currentURL, settled, visit } from '@ember/test-helpers';
|
|
import { module, test } from 'qunit';
|
|
import { setupApplicationTest } from 'ember-qunit';
|
|
import { encodeString } from 'vault/utils/b64';
|
|
import authPage from 'vault/tests/pages/auth';
|
|
import enablePage from 'vault/tests/pages/settings/mount-secret-backend';
|
|
import secretListPage from 'vault/tests/pages/secrets/backend/list';
|
|
|
|
const keyTypes = [
|
|
{
|
|
name: ts => `aes-${ts}`,
|
|
type: 'aes256-gcm96',
|
|
exportable: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `aes-convergent-${ts}`,
|
|
type: 'aes256-gcm96',
|
|
convergent: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `chacha-${ts}`,
|
|
type: 'chacha20-poly1305',
|
|
exportable: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `chacha-convergent-${ts}`,
|
|
type: 'chacha20-poly1305',
|
|
convergent: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `ecdsa-${ts}`,
|
|
type: 'ecdsa-p256',
|
|
exportable: true,
|
|
supportsSigning: true,
|
|
},
|
|
{
|
|
name: ts => `ed25519-${ts}`,
|
|
type: 'ed25519',
|
|
derived: true,
|
|
supportsSigning: true,
|
|
},
|
|
{
|
|
name: ts => `rsa-2048-${ts}`,
|
|
type: `rsa-2048`,
|
|
supportsSigning: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `rsa-3072-${ts}`,
|
|
type: `rsa-3072`,
|
|
supportsSigning: true,
|
|
supportsEncryption: true,
|
|
},
|
|
{
|
|
name: ts => `rsa-4096-${ts}`,
|
|
type: `rsa-4096`,
|
|
supportsSigning: true,
|
|
supportsEncryption: true,
|
|
},
|
|
];
|
|
|
|
let generateTransitKey = async function(key, now) {
|
|
let name = key.name(now);
|
|
await click('[data-test-secret-create]');
|
|
await fillIn('[data-test-transit-key-name]', name);
|
|
await fillIn('[data-test-transit-key-type]', key.type);
|
|
if (key.exportable) {
|
|
await click('[data-test-transit-key-exportable]');
|
|
}
|
|
if (key.derived) {
|
|
await click('[data-test-transit-key-derived]');
|
|
}
|
|
if (key.convergent) {
|
|
await click('[data-test-transit-key-convergent-encryption]');
|
|
}
|
|
await click('[data-test-transit-key-create]');
|
|
await settled();
|
|
|
|
// link back to the list
|
|
await click('[data-test-secret-root-link]');
|
|
await settled();
|
|
return name;
|
|
};
|
|
|
|
const testConvergentEncryption = async function(assert, keyName) {
|
|
const tests = [
|
|
// raw bytes for plaintext and context
|
|
{
|
|
plaintext: 'NaXud2QW7KjyK6Me9ggh+zmnCeBGdG93LQED49PtoOI=',
|
|
context: 'nqR8LiVgNh/lwO2rArJJE9F9DMhh0lKo4JX9DAAkCDw=',
|
|
encodePlaintext: false,
|
|
encodeContext: false,
|
|
assertAfterEncrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after encrypt`);
|
|
assert.ok(
|
|
/vault:/.test(find('[data-test-encrypted-value="ciphertext"]').innerText),
|
|
`${key}: ciphertext shows a vault-prefixed ciphertext`
|
|
);
|
|
},
|
|
assertBeforeDecrypt: key => {
|
|
assert.dom('.modal.is-active').doesNotExist(`${key}: Modal not open before decrypt`);
|
|
assert
|
|
.dom('[data-test-transit-input="context"]')
|
|
.hasValue(
|
|
'nqR8LiVgNh/lwO2rArJJE9F9DMhh0lKo4JX9DAAkCDw=',
|
|
`${key}: the ui shows the base64-encoded context`
|
|
);
|
|
},
|
|
|
|
assertAfterDecrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after decrypt`);
|
|
assert.equal(
|
|
find('[data-test-encrypted-value="plaintext"]').innerText,
|
|
'NaXud2QW7KjyK6Me9ggh+zmnCeBGdG93LQED49PtoOI=',
|
|
`${key}: the ui shows the base64-encoded plaintext`
|
|
);
|
|
},
|
|
},
|
|
// raw bytes for plaintext, string for context
|
|
{
|
|
plaintext: 'NaXud2QW7KjyK6Me9ggh+zmnCeBGdG93LQED49PtoOI=',
|
|
context: encodeString('context'),
|
|
encodePlaintext: false,
|
|
encodeContext: false,
|
|
assertAfterEncrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after encrypt`);
|
|
assert.ok(
|
|
/vault:/.test(find('[data-test-encrypted-value="ciphertext"]').innerText),
|
|
`${key}: ciphertext shows a vault-prefixed ciphertext`
|
|
);
|
|
},
|
|
assertBeforeDecrypt: key => {
|
|
assert.dom('.modal.is-active').doesNotExist(`${key}: Modal not open before decrypt`);
|
|
assert
|
|
.dom('[data-test-transit-input="context"]')
|
|
.hasValue(encodeString('context'), `${key}: the ui shows the input context`);
|
|
},
|
|
assertAfterDecrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after decrypt`);
|
|
assert.equal(
|
|
find('[data-test-encrypted-value="plaintext"]').innerText,
|
|
'NaXud2QW7KjyK6Me9ggh+zmnCeBGdG93LQED49PtoOI=',
|
|
`${key}: the ui shows the base64-encoded plaintext`
|
|
);
|
|
},
|
|
},
|
|
// base64 input
|
|
{
|
|
plaintext: encodeString('This is the secret'),
|
|
context: encodeString('context'),
|
|
encodePlaintext: false,
|
|
encodeContext: false,
|
|
assertAfterEncrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after encrypt`);
|
|
assert.ok(
|
|
/vault:/.test(find('[data-test-encrypted-value="ciphertext"]').innerText),
|
|
`${key}: ciphertext shows a vault-prefixed ciphertext`
|
|
);
|
|
},
|
|
assertBeforeDecrypt: key => {
|
|
assert.dom('.modal.is-active').doesNotExist(`${key}: Modal not open before decrypt`);
|
|
assert
|
|
.dom('[data-test-transit-input="context"]')
|
|
.hasValue(encodeString('context'), `${key}: the ui shows the input context`);
|
|
},
|
|
assertAfterDecrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after decrypt`);
|
|
assert.equal(
|
|
find('[data-test-encrypted-value="plaintext"]').innerText,
|
|
encodeString('This is the secret'),
|
|
`${key}: the ui decodes plaintext`
|
|
);
|
|
},
|
|
},
|
|
|
|
// string input
|
|
{
|
|
plaintext: 'There are many secrets 🤐',
|
|
context: 'secret 2',
|
|
encodePlaintext: true,
|
|
encodeContext: true,
|
|
assertAfterEncrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after encrypt`);
|
|
assert.ok(
|
|
/vault:/.test(find('[data-test-encrypted-value="ciphertext"]').innerText),
|
|
`${key}: ciphertext shows a vault-prefixed ciphertext`
|
|
);
|
|
},
|
|
assertBeforeDecrypt: key => {
|
|
assert.dom('.modal.is-active').doesNotExist(`${key}: Modal not open before decrypt`);
|
|
assert
|
|
.dom('[data-test-transit-input="context"]')
|
|
.hasValue(encodeString('secret 2'), `${key}: the ui shows the encoded context`);
|
|
},
|
|
assertAfterDecrypt: key => {
|
|
assert.dom('.modal.is-active').exists(`${key}: Modal opens after decrypt`);
|
|
assert.equal(
|
|
find('[data-test-encrypted-value="plaintext"]').innerText,
|
|
encodeString('There are many secrets 🤐'),
|
|
`${key}: the ui decodes plaintext`
|
|
);
|
|
},
|
|
},
|
|
];
|
|
|
|
for (let testCase of tests) {
|
|
await click('[data-test-transit-action-link="encrypt"]');
|
|
find('#plaintext-control .CodeMirror').CodeMirror.setValue(testCase.plaintext);
|
|
await fillIn('[data-test-transit-input="context"]', testCase.context);
|
|
if (!testCase.encodePlaintext) {
|
|
// If value is already encoded, check the box
|
|
await click('input[data-test-transit-input="encodedBase64"]');
|
|
}
|
|
if (testCase.encodeContext) {
|
|
await click('[data-test-transit-b64-toggle="context"]');
|
|
}
|
|
assert.dom('.modal.is-active').doesNotExist(`${name}: is not open before encrypt`);
|
|
await click('[data-test-button-encrypt]');
|
|
await settled();
|
|
if (testCase.assertAfterEncrypt) {
|
|
testCase.assertAfterEncrypt(keyName);
|
|
}
|
|
// store ciphertext for decryption step
|
|
const copiedCiphertext = find('[data-test-encrypted-value="ciphertext"]').innerText;
|
|
await click('[data-test-modal-background]');
|
|
await settled();
|
|
assert.dom('.modal.is-active').doesNotExist(`${name}: Modal closes after background clicked`);
|
|
await click('[data-test-transit-action-link="decrypt"]');
|
|
await settled();
|
|
if (testCase.assertBeforeDecrypt) {
|
|
testCase.assertBeforeDecrypt(keyName);
|
|
}
|
|
find('#ciphertext-control .CodeMirror').CodeMirror.setValue(copiedCiphertext);
|
|
await click('[data-test-button-decrypt]');
|
|
await settled();
|
|
|
|
if (testCase.assertAfterDecrypt) {
|
|
testCase.assertAfterDecrypt(keyName);
|
|
}
|
|
|
|
await click('[data-test-modal-background]');
|
|
await settled();
|
|
assert.dom('.modal.is-active').doesNotExist(`${name}: Modal closes after background clicked`);
|
|
}
|
|
};
|
|
module('Acceptance | transit', function(hooks) {
|
|
setupApplicationTest(hooks);
|
|
let path;
|
|
let now;
|
|
|
|
hooks.beforeEach(async function() {
|
|
await authPage.login();
|
|
now = new Date().getTime();
|
|
path = `transit-${now}`;
|
|
|
|
await enablePage.enable('transit', path);
|
|
await settled();
|
|
});
|
|
|
|
test(`transit backend: list menu`, async function(assert) {
|
|
await generateTransitKey(keyTypes[0], now);
|
|
await secretListPage.secrets.objectAt(0).menuToggle();
|
|
assert.equal(secretListPage.menuItems.length, 2, 'shows 2 items in the menu');
|
|
});
|
|
for (let key of keyTypes) {
|
|
test(`transit backend: ${key.type}`, async function(assert) {
|
|
let name = await generateTransitKey(key, now);
|
|
await visit(`vault/secrets/${path}/show/${name}`);
|
|
await settled();
|
|
await click('[data-test-transit-link="versions"]');
|
|
// wait for capabilities
|
|
await settled();
|
|
assert.dom('[data-test-transit-key-version-row]').exists({ count: 1 }, `${name}: only one key version`);
|
|
await click('[data-test-confirm-action-trigger]');
|
|
await click('[data-test-confirm-button]');
|
|
// wait for rotate call
|
|
await settled();
|
|
assert
|
|
.dom('[data-test-transit-key-version-row]')
|
|
.exists({ count: 2 }, `${name}: two key versions after rotate`);
|
|
await click('[data-test-transit-key-actions-link]');
|
|
await settled();
|
|
assert.ok(
|
|
currentURL().startsWith(`/vault/secrets/${path}/show/${name}?tab=actions`),
|
|
`${name}: navigates to transit actions`
|
|
);
|
|
|
|
const keyAction = key.supportsEncryption ? 'encrypt' : 'sign';
|
|
const actionTitle = find(`[data-test-transit-action-title=${keyAction}]`).innerText.toLowerCase();
|
|
|
|
assert.equal(
|
|
actionTitle.includes(keyAction),
|
|
true,
|
|
`shows a card with title that links to the ${name} transit action`
|
|
);
|
|
|
|
await click(`[data-test-transit-card=${keyAction}]`);
|
|
await settled();
|
|
assert.ok(
|
|
find('[data-test-transit-key-version-select]'),
|
|
`${name}: the rotated key allows you to select versions`
|
|
);
|
|
if (key.exportable) {
|
|
assert.ok(
|
|
find('[data-test-transit-action-link="export"]'),
|
|
`${name}: exportable key has a link to export action`
|
|
);
|
|
} else {
|
|
assert
|
|
.dom('[data-test-transit-action-link="export"]')
|
|
.doesNotExist(`${name}: non-exportable key does not link to export action`);
|
|
}
|
|
if (key.convergent && key.supportsEncryption) {
|
|
await testConvergentEncryption(assert, name);
|
|
}
|
|
await settled();
|
|
});
|
|
}
|
|
});
|