* feat: 🎸 scope picker component (#2646) * feat: 🎸 scope picker component --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com> * refactor: 💡 use hds side nav w/ hds frame instead of rose (#2688) * refactor: 💡 use hds side nav w/ hds frame instead of rose * test: 💍 clean up selectors * fix: 🐛 specificity of style override * refactor: 💡 use hds side nav list instead of target and portal * refactor: 💡 revert to using portal component & update scss * docs: ✏️ update comment * refactor: 💡 use custom class names for containers * refactor: 💡 pr feedback (use @hasSidebar arg) * refactor: 💡 fix onboarding page & fix settings title * refactor: 💡 remove unneeded template file (pr feedback) * test: 💍 fix tests due to merge conflicts * test: 💍 add missing test selector due to merge conflict * test: 💍 fix more broken tests due to merge conflicts * chore: 🤖 update yarn.lock & update hds version to 4.18.1 * chore: 🤖 fix e2e test cases due to side nav refactor (#2751) * chore: 🤖 fix e2e test cases due to side nav refactor * test: 💍 fix e2e test for desktop --------- Co-authored-by: lisbet-alvarez <lisbet-alvarez@users.noreply.github.com> Co-authored-by: Zhihe Li <zhihe.li@hashicorp.com>
158 lines
5.1 KiB
JavaScript
158 lines
5.1 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
import { module, test } from 'qunit';
|
|
import { visit, click, currentURL } from '@ember/test-helpers';
|
|
import { setupApplicationTest } from 'admin/tests/helpers';
|
|
import setupMirage from 'ember-cli-mirage/test-support/setup-mirage';
|
|
import { Response } from 'miragejs';
|
|
import { authenticateSession } from 'ember-simple-auth/test-support';
|
|
import { setupIndexedDb } from 'api/test-support/helpers/indexed-db';
|
|
import * as commonSelectors from 'admin/tests/helpers/selectors';
|
|
|
|
module('Acceptance | storage-buckets | delete', function (hooks) {
|
|
setupApplicationTest(hooks);
|
|
setupMirage(hooks);
|
|
setupIndexedDb(hooks);
|
|
|
|
let intl;
|
|
let features;
|
|
let getStorageBucketCount;
|
|
|
|
const DROPDOWN_BUTTON_SELECTOR = 'tbody tr td:last-child button';
|
|
const DELETE_DROPDOWN_SELECTOR = '.hds-dropdown-list-item [type="button"]';
|
|
const NOTIFICATION_MSG_TEXT = 'Deleted successfully.';
|
|
|
|
const instances = {
|
|
scopes: {
|
|
global: null,
|
|
org: null,
|
|
},
|
|
storageBucket: null,
|
|
};
|
|
|
|
const urls = {
|
|
globalScope: null,
|
|
storageBuckets: null,
|
|
};
|
|
|
|
hooks.beforeEach(async function () {
|
|
instances.scopes.global = this.server.create('scope', { id: 'global' });
|
|
instances.scopes.org = this.server.create('scope', {
|
|
type: 'org',
|
|
scope: { id: 'global', type: 'global' },
|
|
});
|
|
instances.storageBucket = this.server.create('storage-bucket', {
|
|
scope: instances.scopes.global,
|
|
});
|
|
urls.globalScope = `/scopes/global`;
|
|
urls.storageBuckets = `${urls.globalScope}/storage-buckets`;
|
|
getStorageBucketCount = () =>
|
|
this.server.schema.storageBuckets.all().models.length;
|
|
|
|
await authenticateSession({});
|
|
intl = this.owner.lookup('service:intl');
|
|
features = this.owner.lookup('service:features');
|
|
features.enable('ssh-session-recording');
|
|
});
|
|
|
|
test('user can delete a storage bucket', async function (assert) {
|
|
const storageBucketCount = getStorageBucketCount();
|
|
await visit(urls.globalScope);
|
|
assert.true(instances.storageBucket.authorized_actions.includes('delete'));
|
|
await click(`[href="${urls.storageBuckets}"]`);
|
|
await click(DROPDOWN_BUTTON_SELECTOR);
|
|
await click(DELETE_DROPDOWN_SELECTOR);
|
|
|
|
assert.strictEqual(currentURL(), urls.storageBuckets);
|
|
assert.strictEqual(getStorageBucketCount(), storageBucketCount - 1);
|
|
});
|
|
|
|
test('user can accept delete storage bucket via dialog', async function (assert) {
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
const storageBucketCount = getStorageBucketCount();
|
|
await visit(urls.globalScope);
|
|
|
|
await click(`[href="${urls.storageBuckets}"]`);
|
|
await click(DROPDOWN_BUTTON_SELECTOR);
|
|
await click(DELETE_DROPDOWN_SELECTOR);
|
|
|
|
assert
|
|
.dom(commonSelectors.MODAL_WARNING_CONFIRM_BTN)
|
|
.hasText(intl.t('resources.storage-bucket.actions.delete'));
|
|
|
|
await click(commonSelectors.MODAL_WARNING_CONFIRM_BTN);
|
|
|
|
assert.dom(commonSelectors.ALERT_TOAST_BODY).hasText(NOTIFICATION_MSG_TEXT);
|
|
assert.strictEqual(currentURL(), urls.storageBuckets);
|
|
assert.strictEqual(getStorageBucketCount(), storageBucketCount - 1);
|
|
});
|
|
|
|
test('user can cancel delete storage bucket via dialog', async function (assert) {
|
|
const confirmService = this.owner.lookup('service:confirm');
|
|
confirmService.enabled = true;
|
|
const storageBucketCount = getStorageBucketCount();
|
|
await visit(urls.globalScope);
|
|
|
|
await click(`[href="${urls.storageBuckets}"]`);
|
|
await click(DROPDOWN_BUTTON_SELECTOR);
|
|
await click(DELETE_DROPDOWN_SELECTOR);
|
|
|
|
assert
|
|
.dom(commonSelectors.MODAL_WARNING_TITLE)
|
|
.hasText(
|
|
intl.t(
|
|
'resources.storage-bucket.questions.delete-storage-bucket.title',
|
|
),
|
|
);
|
|
assert
|
|
.dom(commonSelectors.MODAL_WARNING_MESSAGE)
|
|
.hasText(
|
|
intl.t(
|
|
'resources.storage-bucket.questions.delete-storage-bucket.message',
|
|
),
|
|
);
|
|
|
|
await click(commonSelectors.MODAL_WARNING_CANCEL_BTN);
|
|
|
|
assert.strictEqual(currentURL(), urls.storageBuckets);
|
|
assert.strictEqual(getStorageBucketCount(), storageBucketCount);
|
|
});
|
|
|
|
test('user cannot delete storage bucket without proper authorization', async function (assert) {
|
|
await visit(urls.globalScope);
|
|
instances.storageBucket.authorized_actions =
|
|
instances.storageBucket.authorized_actions.filter(
|
|
(item) => item !== 'delete',
|
|
);
|
|
|
|
await click(`[href="${urls.storageBuckets}"]`);
|
|
await click(DROPDOWN_BUTTON_SELECTOR);
|
|
|
|
assert.dom(DELETE_DROPDOWN_SELECTOR).doesNotExist();
|
|
});
|
|
|
|
test('deleting a storage bucket which errors displays error messages', async function (assert) {
|
|
await visit(urls.globalScope);
|
|
this.server.del('/storage-buckets/:id', () => {
|
|
return new Response(
|
|
490,
|
|
{},
|
|
{
|
|
status: 490,
|
|
code: 'error',
|
|
message: 'Oops.',
|
|
},
|
|
);
|
|
});
|
|
|
|
await click(`[href="${urls.storageBuckets}"]`);
|
|
await click(DROPDOWN_BUTTON_SELECTOR);
|
|
await click(DELETE_DROPDOWN_SELECTOR);
|
|
|
|
assert.dom(commonSelectors.ALERT_TOAST_BODY).hasText('Oops.');
|
|
});
|
|
});
|