UI: [VAULT-12979] Dashboard Landing Page (#21057)

Co-authored-by: Chelsea Shaw <cshaw@hashicorp.com>
Co-authored-by: clairebontempo@gmail.com <clairebontempo@gmail.com>
Co-authored-by: Angel Garbarino <angel@hashicorp.com>

ui/tests/integration/components/dashboard/quick-actions-card-test.js

@@ -0,0 +1,131 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'vault/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+import { fillIn } from '@ember/test-helpers';
+import { selectChoose } from 'ember-power-select/test-support/helpers';
+
+import SELECTORS from 'vault/tests/helpers/components/dashboard/quick-actions-card';
+
+module('Integration | Component | dashboard/quick-actions-card', function (hooks) {
+  setupRenderingTest(hooks);
+
+  hooks.beforeEach(function () {
+    this.store = this.owner.lookup('service:store');
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'kubernetes_f3400dee',
+        path: 'kubernetes-test/',
+        type: 'kubernetes',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'database_f3400dee',
+        path: 'database-test/',
+        type: 'database',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'pki_i1234dd',
+        path: 'apki-test/',
+        type: 'pki',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'secrets_j2350ii',
+        path: 'secrets-test/',
+        type: 'kv',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'nomad_123hh',
+        path: 'nomad/',
+        type: 'nomad',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'pki_f3400dee',
+        path: 'pki-0-test/',
+        type: 'pki',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'pki_i1234dd',
+        path: 'pki-1-test/',
+        description: 'pki-1-path-description',
+        type: 'pki',
+      },
+    });
+    this.store.pushPayload('secret-engine', {
+      modelName: 'secret-engine',
+      data: {
+        accessor: 'secrets_j2350ii',
+        path: 'secrets-1-test/',
+        type: 'kv',
+      },
+    });
+
+    this.secretsEngines = this.store.peekAll('secret-engine', {});
+
+    this.renderComponent = () => {
+      return render(hbs`<Dashboard::QuickActionsCard @secretsEngines={{this.secretsEngines}} />`);
+    };
+  });
+
+  test('it should show quick action empty state if no engine is selected', async function (assert) {
+    await this.renderComponent();
+    assert.dom('.title').hasText('Quick actions');
+    assert.dom(SELECTORS.secretsEnginesSelect).exists({ count: 1 });
+    assert.dom(SELECTORS.emptyState).exists({ count: 1 });
+  });
+
+  test('it should show correct actions for pki', async function (assert) {
+    await this.renderComponent();
+    await selectChoose(SELECTORS.secretsEnginesSelect, 'pki-0-test');
+    await fillIn(SELECTORS.actionSelect, 'Issue certificate');
+    assert.dom(SELECTORS.emptyState).doesNotExist();
+    await fillIn(SELECTORS.actionSelect, 'Issue certificate');
+    assert.dom(SELECTORS.getActionButton('Issue leaf certificate')).exists({ count: 1 });
+    assert.dom(SELECTORS.paramsTitle).hasText('Role to use');
+    await fillIn(SELECTORS.actionSelect, 'View certificate');
+    assert.dom(SELECTORS.paramsTitle).hasText('Certificate serial number');
+    assert.dom(SELECTORS.getActionButton('View certificate')).exists({ count: 1 });
+    await fillIn(SELECTORS.actionSelect, 'View issuer');
+    assert.dom(SELECTORS.paramsTitle).hasText('Issuer');
+    assert.dom(SELECTORS.getActionButton('View issuer')).exists({ count: 1 });
+  });
+  test('it should show correct actions for database', async function (assert) {
+    await this.renderComponent();
+    await selectChoose(SELECTORS.secretsEnginesSelect, 'database-test');
+    assert.dom(SELECTORS.emptyState).doesNotExist();
+    await fillIn(SELECTORS.actionSelect, 'Generate credentials for database');
+    assert.dom(SELECTORS.paramsTitle).hasText('Role to use');
+    assert.dom(SELECTORS.getActionButton('Generate credentials')).exists({ count: 1 });
+  });
+  test('it should show correct actions for kv', async function (assert) {
+    await this.renderComponent();
+    await selectChoose(SELECTORS.secretsEnginesSelect, 'secrets-1-test');
+    assert.dom(SELECTORS.emptyState).doesNotExist();
+    await fillIn(SELECTORS.actionSelect, 'Find KV secrets');
+    assert.dom(SELECTORS.paramsTitle).hasText('Secret path');
+    assert.dom(SELECTORS.getActionButton('Read secrets')).exists({ count: 1 });
+  });
+});