test: 💍 acceptance tests for creation of a storage bucket (#131)

* test: 💍 create acceptance tests for storage buckets

✅ Closes: ICU-8239

ui/admin/tests/acceptance/storage-buckets/create-test-test.js

@@ -0,0 +1,132 @@
+import { module, test } from 'qunit';
+import { visit, currentURL, click, fillIn } from '@ember/test-helpers';
+import { setupApplicationTest } from 'admin/tests/helpers';
+import setupMirage from 'ember-cli-mirage/test-support/setup-mirage';
+import a11yAudit from 'ember-a11y-testing/test-support/audit';
+import { Response } from 'miragejs';
+import { authenticateSession } from 'ember-simple-auth/test-support';
+
+module('Acceptance | storage-buckets | create', function (hooks) {
+  setupApplicationTest(hooks);
+  setupMirage(hooks);
+
+  let features;
+  let getStorageBucketCount;
+
+  const SAVE_BTN_SELECTOR = '[type="submit"]';
+  const CANCEL_BTN_SELECTOR = '.rose-form-actions [type="button"]';
+  const NAME_FIELD_SELECTOR = '[name="name"]';
+  const ALERT_TEXT_SELECTOR = '[role="alert"] div';
+  const FIELD_ERROR_TEXT_SELECTOR = '.hds-form-error__message';
+  const NAME_FIELD_TEXT = 'random string';
+
+  const instances = {
+    scopes: {
+      global: null,
+      org: null,
+    },
+  };
+
+  const urls = {
+    globalScope: null,
+    storageBuckets: null,
+    newStorageBucket: null,
+  };
+
+  hooks.beforeEach(function () {
+    instances.scopes.global = this.server.create('scope', { id: 'global' });
+    instances.scopes.org = this.server.create('scope', {
+      type: 'org',
+      scope: { id: 'global', type: 'global' },
+    });
+    urls.globalScope = `/scopes/global`;
+    urls.storageBuckets = `${urls.globalScope}/storage-buckets`;
+    urls.newStorageBucket = `${urls.storageBuckets}/new`;
+    getStorageBucketCount = () =>
+      this.server.schema.storageBuckets.all().models.length;
+
+    features = this.owner.lookup('service:features');
+    features.enable('session-recording');
+    authenticateSession({});
+  });
+
+  test('users can create a new storage bucket with global scope', async function (assert) {
+    assert.expect(3);
+    const storageBucketCount = getStorageBucketCount();
+    await visit(urls.storageBuckets);
+
+    await click(`[href="${urls.newStorageBucket}"]`);
+    await fillIn(NAME_FIELD_SELECTOR, NAME_FIELD_TEXT);
+    await click('[value="global"]');
+    await click(SAVE_BTN_SELECTOR);
+    const storageBucket = this.server.schema.storageBuckets.findBy({
+      name: NAME_FIELD_TEXT,
+    });
+
+    assert.strictEqual(storageBucket.name, NAME_FIELD_TEXT);
+    assert.strictEqual(storageBucket.scopeId, 'global');
+    assert.strictEqual(getStorageBucketCount(), storageBucketCount + 1);
+  });
+
+  test('users can create a new storage bucket with org scope', async function (assert) {
+    assert.expect(3);
+    const storageBucketCount = getStorageBucketCount();
+    await visit(urls.storageBuckets);
+
+    await click(`[href="${urls.newStorageBucket}"]`);
+    await fillIn(NAME_FIELD_SELECTOR, NAME_FIELD_TEXT);
+    await click(`[value="${instances.scopes.org.scope.id}"]`);
+    await click(SAVE_BTN_SELECTOR);
+    const storageBucket = this.server.schema.storageBuckets.findBy({
+      name: NAME_FIELD_TEXT,
+    });
+
+    assert.strictEqual(storageBucket.name, NAME_FIELD_TEXT);
+    assert.strictEqual(storageBucket.scopeId, instances.scopes.org.scope.id);
+    assert.strictEqual(getStorageBucketCount(), storageBucketCount + 1);
+  });
+
+  test('user can cancel new storage bucket creation', async function (assert) {
+    assert.expect(2);
+    const storageBucketCount = getStorageBucketCount();
+    await visit(urls.storageBuckets);
+
+    await click(`[href="${urls.newStorageBucket}"]`);
+    await fillIn(NAME_FIELD_SELECTOR, NAME_FIELD_TEXT);
+    await click(CANCEL_BTN_SELECTOR);
+
+    assert.strictEqual(currentURL(), urls.storageBuckets);
+    assert.strictEqual(getStorageBucketCount(), storageBucketCount);
+  });
+
+  test('saving a new storage bucket with invalid fields displays error messages', async function (assert) {
+    assert.expect(2);
+    this.server.post('/storage-buckets', () => {
+      return new Response(
+        400,
+        {},
+        {
+          status: 400,
+          code: 'invalid_argument',
+          message: 'The request was invalid.',
+          details: {
+            request_fields: [
+              {
+                name: 'name',
+                description: 'Name is required.',
+              },
+            ],
+          },
+        }
+      );
+    });
+    await visit(urls.storageBuckets);
+
+    await click(`[href="${urls.newStorageBucket}"]`);
+    await click(SAVE_BTN_SELECTOR);
+    await a11yAudit();
+
+    assert.dom(ALERT_TEXT_SELECTOR).hasText('The request was invalid.');
+    assert.dom(FIELD_ERROR_TEXT_SELECTOR).hasText('Name is required.');
+  });
+});