open-vault/ui/tests/acceptance/enterprise-transform-test.js
Angel Garbarino 59e83e2e6d
UI Database Secrets Engine (MongoDB) (#10655)
* move the ttls on enable for db to default and not as options

* refactor form field to angle brackets

* add database to supported backend

* initial setup of components and models

* setup selectable cards, need to make own component

* styling setup

* subtext and links

* number styling

* search select put in place and button, all pretty things

* search label text

* messy but closer to data configuration. making models and fetching those models on routes

* connection adapter and serializer that is pulled in by the overview route

* clean up and add new model params connections and roles to overview route hbs

* setting up overview as route with SecretHeader component.  TODO, show Overview tab, but have link to route.  It's going be on the secret header list component

* setup overview tab on secret-list-header to go to overview page

* setup id in overview route

* Correct link on secrets engine list for database and others

* Roles tab on database fetches correct model

* Update options for backend with hasOverview param so overview tab is rendered conditionally on secret list header

* create new getCrendentialsComponent

* Rename database connection parent component and start working on display

* setup routing to credentials route for database from overview page

* setup network request for the credentials of role

* setup serializer for credentials

* redirect previous route

* fix border color on button disable

* add margin to back button

* change to glimmer component

* glimmerize and clean up the get-credentials-card

* Begin database connection show and create form

* add component test for the get-credentials-card

* Database connection model and field groups

* add static roles to searhSelect

* add staticRoles on overview page

* Toolbar and tabs on database connection show view looks correct

* combine static and dynamic role models for pagination

* Update database-list-item with real link to connection

* Add support for optionalText edit type on form-field

* handle situation when no static and/or dynamic roles

* turn partial into component so can handle computed and eventually click actions, similar to transform

* glimmerize database-list-item

* use lazy capabilities on list role and static-role actions

* Create connection works and redirects to show page

* creds request based on dynamic or static and unload the store by record creds when they transition away.

* dynamcially add in backend for queries

* fixes on overview page for get credentials with hardcoded backend and layout for static creds

* Rotate and Reset connection actions working on connection

* get credentials set the query params

* setup async for handling permission errors on overivew

* Move query logic to store for getting both types of role

* Filtering works on combined role models

* cleanup

* Fix no meta on connections list

* better handle the situation where you don't have access to list roles but do to generate

* implment updated empty state component and add to credentials page when roleType is noRoleType

* glimmerize the input search component

* move logic for generate credentials urlto the generate creds component

* remove query param for role type

* handle permissions on the overview page

* permissions for role list

* New roles route for backends

* handle different permissions for empty return on 404 vs 403 on overview page

* fix links on overview page

* Connetions WIP

* setup lazy caps for the connections model and list

* add computed to role and static role models to clean up permissions

* setup actions for connections list

* Update form-field to show password type and update json input to angle bracket syntax with optional theme option

* setup capabilities on overview for empty state

* fix hardcoded on the backend

* toggle inner label has width 100%

* Add custom update password togglable input on database connection edit form, and only submit defined attrs

* Add updateRecord to connection adapter

* glimmerize secret list header and make new component which either shows or does not show the tab based on permissions

* Remove tabs on show connection

* add peek record

* Update database role to get both models on a single model, remove static-role model and adapter, remove roles route

* fix creds permissions on database-list-item

* add component info and rename for secret-list-header-tab

* fix issues on overview page

* Add path to individual role on serializer

* add accetpance test for testing the engine

* fix transform test

* test fix

* Update connection before role created, disable button with tooltip if user cannot update path

* Add add-to-array and remove-from-array helpers with tests

* Clean up connection update on delete or create role, cleanup logs, role create link works

* Database role create and edit forms with readonly fields and validation. Add readonly-form-field

* Add field div around ttl picker for correct spacing on form-field

* fix the breadcrumbs

* PLaceholder test for readonly form field

* create new helper to format time duration

* tooltip and formatting on static role

* more on static roles time stuff

* clean up

* clean up

* fixes on the test and addition of another helper test

* fix secrets machine test

* Add modal to connection creation flow

* fix issue with readonly form field test

* Add is-empty-object helper and tests

* Role error handling

* Remove Atlas option from connection list, add defaults to db role form

* clean up stuff though might have made it uglier

* clean up

* Add capabilities checks on connection actions

* Fix jsdocs on readonly-form-field

* Fix json editor height on form field

* Readonly form has notallowed cursor, readonly form field updates

* Add blank field rendering to info-table-row

* Start writing readonly form field tests

* Address some PR comments

* fix fallback action on search select

* cleanup per comments

* fix readonly form field test and lint

* Cleanup string helpers

* Replace renderBlank with alwaysRender logic

* re-humanize label on readonly form field

* Show defaultShown value on info-table-row if no value and always render

* Show default on role and connection show table

* Add changelog

Co-authored-by: Chelsea Shaw <chelshaw.dev@gmail.com>
2021-02-18 10:36:31 -06:00

271 lines
11 KiB
JavaScript

import { module, test } from 'qunit';
import { setupApplicationTest } from 'ember-qunit';
import { currentURL, click, settled } from '@ember/test-helpers';
import { create } from 'ember-cli-page-object';
import { typeInSearch, selectChoose, clickTrigger } from 'ember-power-select/test-support/helpers';
import authPage from 'vault/tests/pages/auth';
import mountSecrets from 'vault/tests/pages/settings/mount-secret-backend';
import transformationsPage from 'vault/tests/pages/secrets/backend/transform/transformations';
import rolesPage from 'vault/tests/pages/secrets/backend/transform/roles';
import templatesPage from 'vault/tests/pages/secrets/backend/transform/templates';
import alphabetsPage from 'vault/tests/pages/secrets/backend/transform/alphabets';
import searchSelect from 'vault/tests/pages/components/search-select';
const searchSelectComponent = create(searchSelect);
const mount = async () => {
let path = `transform-${Date.now()}`;
await mountSecrets.enable('transform', path);
await settled();
return path;
};
const newTransformation = async (backend, name, submit = false) => {
const transformationName = name || 'foo';
await transformationsPage.visitCreate({ backend });
await settled();
await transformationsPage.name(transformationName);
await settled();
await clickTrigger('#template');
await selectChoose('#template', '.ember-power-select-option', 0);
await settled();
// Don't automatically choose role because we might be testing that
if (submit) {
await transformationsPage.submit();
await settled();
}
return transformationName;
};
const newRole = async (backend, name) => {
const roleName = name || 'bar';
await rolesPage.visitCreate({ backend });
await settled();
await rolesPage.name(roleName);
await settled();
await clickTrigger('#transformations');
await settled();
await selectChoose('#transformations', '.ember-power-select-option', 0);
await settled();
await rolesPage.submit();
await settled();
return roleName;
};
module('Acceptance | Enterprise | Transform secrets', function(hooks) {
setupApplicationTest(hooks);
hooks.beforeEach(function() {
return authPage.login();
});
test('it enables Transform secrets engine and shows tabs', async function(assert) {
let backend = `transform-${Date.now()}`;
await mountSecrets.enable('transform', backend);
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/list`,
'mounts and redirects to the transformations list page'
);
assert.ok(transformationsPage.isEmpty, 'renders empty state');
assert
.dom('.is-active[data-test-secret-list-tab="Transformations"]')
.exists('Has Transformations tab which is active');
assert.dom('[data-test-secret-list-tab="Roles"]').exists('Has Roles tab');
assert.dom('[data-test-secret-list-tab="Templates"]').exists('Has Templates tab');
assert.dom('[data-test-secret-list-tab="Alphabets"]').exists('Has Alphabets tab');
});
test('it can create a transformation and add itself to the role attached', async function(assert) {
let backend = await mount();
const transformationName = 'foo';
const roleName = 'foo-role';
await settled();
await transformationsPage.createLink({ backend });
await settled();
assert.equal(currentURL(), `/vault/secrets/${backend}/create`, 'redirects to create transformation page');
await transformationsPage.name(transformationName);
await settled();
assert.dom('[data-test-input="type"').hasValue('fpe', 'Has type FPE by default');
assert.dom('[data-test-input="tweak_source"]').exists('Shows tweak source when FPE');
await transformationsPage.type('masking');
await settled();
assert
.dom('[data-test-input="masking_character"]')
.exists('Shows masking character input when changed to masking type');
assert.dom('[data-test-input="tweak_source"]').doesNotExist('Does not show tweak source when masking');
await clickTrigger('#template');
await settled();
assert.equal(searchSelectComponent.options.length, 2, 'list shows two builtin options by default');
await selectChoose('#template', '.ember-power-select-option', 0);
await settled();
await clickTrigger('#allowed_roles');
await settled();
await typeInSearch(roleName);
await selectChoose('#allowed_roles', '.ember-power-select-option', 0);
await transformationsPage.submit();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/show/${transformationName}`,
'redirects to show transformation page after submit'
);
await click(`[data-test-secret-breadcrumb="${backend}"]`);
assert.equal(currentURL(), `/vault/secrets/${backend}/list`, 'Links back to list view from breadcrumb');
});
test('it can create a role and add itself to the transformation attached', async function(assert) {
const roleName = 'my-role';
let backend = await mount();
// create transformation without role
await newTransformation(backend, 'a-transformation', true);
await click(`[data-test-secret-breadcrumb="${backend}"]`);
assert.equal(currentURL(), `/vault/secrets/${backend}/list`, 'Links back to list view from breadcrumb');
await click('[data-test-secret-list-tab="Roles"]');
assert.equal(currentURL(), `/vault/secrets/${backend}/list?tab=role`, 'links to role list page');
// create role with transformation attached
await rolesPage.createLink();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/create?itemType=role`,
'redirects to create role page'
);
await rolesPage.name(roleName);
await clickTrigger('#transformations');
assert.equal(searchSelectComponent.options.length, 1, 'lists the transformation');
await selectChoose('#transformations', '.ember-power-select-option', 0);
await rolesPage.submit();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/show/role/${roleName}`,
'redirects to show role page after submit'
);
await click(`[data-test-secret-breadcrumb="${backend}"]`);
assert.equal(
currentURL(),
`/vault/secrets/${backend}/list?tab=role`,
'Links back to role list view from breadcrumb'
);
});
test('it adds a role to a transformation when added to a role', async function(assert) {
const roleName = 'role-test';
let backend = await mount();
let transformation = await newTransformation(backend, 'b-transformation', true);
await newRole(backend, roleName);
await transformationsPage.visitShow({ backend, id: transformation });
assert.dom('[data-test-row-value="Allowed roles"]').hasText(roleName);
});
test('it shows a message if an update fails after save', async function(assert) {
const roleName = 'role-remove';
let backend = await mount();
// Create transformation
let transformation = await newTransformation(backend, 'c-transformation', true);
// create role
await newRole(backend, roleName);
await transformationsPage.visitShow({ backend, id: transformation });
assert.dom('[data-test-row-value="Allowed roles"]').hasText(roleName);
// Edit transformation
await click('[data-test-edit-link]');
assert.dom('.modal.is-active').exists('Confirmation modal appears');
await rolesPage.modalConfirm();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/edit/${transformation}`,
'Correctly links to edit page for secret'
);
// remove role
await settled();
await click('#allowed_roles [data-test-selected-list-button="delete"]');
await settled();
await transformationsPage.save();
await settled();
assert.dom('.flash-message.is-info').exists('Shows info message since role could not be updated');
assert.equal(
currentURL(),
`/vault/secrets/${backend}/show/${transformation}`,
'Correctly links to show page for secret'
);
assert
.dom('[data-test-row-value="Allowed roles"]')
.doesNotExist('Allowed roles are no longer on the transformation');
});
test('it allows creation and edit of a template', async function(assert) {
const templateName = 'my-template';
let backend = await mount();
await click('[data-test-secret-list-tab="Templates"]');
await settled();
assert.equal(currentURL(), `/vault/secrets/${backend}/list?tab=template`, 'links to template list page');
await settled();
await templatesPage.createLink();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/create?itemType=template`,
'redirects to create template page'
);
await templatesPage.name(templateName);
await templatesPage.pattern(`(\\d{4})`);
await clickTrigger('#alphabet');
await settled();
assert.ok(searchSelectComponent.options.length > 0, 'lists built-in alphabets');
await selectChoose('#alphabet', '.ember-power-select-option', 0);
assert.dom('#alphabet .ember-power-select-trigger').doesNotExist('Alphabet input no longer searchable');
await templatesPage.submit();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/show/template/${templateName}`,
'redirects to show template page after submit'
);
await templatesPage.editLink();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/edit/template/${templateName}`,
'Links to template edit page'
);
await settled();
assert.dom('[data-test-input="name"]').hasAttribute('readonly');
});
test('it allows creation and edit of an alphabet', async function(assert) {
const alphabetName = 'vowels-only';
let backend = await mount();
await click('[data-test-secret-list-tab="Alphabets"]');
await settled();
assert.equal(currentURL(), `/vault/secrets/${backend}/list?tab=alphabet`, 'links to alphabet list page');
await alphabetsPage.createLink();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/create?itemType=alphabet`,
'redirects to create alphabet page'
);
await alphabetsPage.name(alphabetName);
await alphabetsPage.alphabet('aeiou');
await alphabetsPage.submit();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/show/alphabet/${alphabetName}`,
'redirects to show alphabet page after submit'
);
assert.dom('[data-test-row-value="Name"]').hasText(alphabetName);
assert.dom('[data-test-row-value="Alphabet"]').hasText('aeiou');
await alphabetsPage.editLink();
await settled();
assert.equal(
currentURL(),
`/vault/secrets/${backend}/edit/alphabet/${alphabetName}`,
'Links to alphabet edit page'
);
assert.dom('[data-test-input="name"]').hasAttribute('readonly');
});
});