new: STORIF-181 - Bucket metrics page created. (#13161)

* ref: STORIF-181 - BucketDetails folder cleanup.

* new: STORIF-181 - Bucket metrics page created.

Author: dchyrva-akamai

packages/manager/cypress/e2e/core/objectStorage/object-storage-errors.spec.ts

@@ -5,11 +5,14 @@
 import 'cypress-file-upload';
 import {
   mockGetBucketObjects,
+  mockGetBuckets,
   mockUploadBucketObject,
 } from 'support/intercepts/object-storage';
 import { makeError } from 'support/util/errors';
 import { randomItem, randomLabel, randomString } from 'support/util/random';
 
+import { objectStorageBucketFactory } from 'src/factories';
+
 describe('object storage failure paths', () => {
   /*
    * - Tests error UI when an object upload fails.
@@ -19,6 +22,12 @@ describe('object storage failure paths', () => {
   it('shows error upon object upload failure', () => {
     const bucketLabel = randomLabel();
     const bucketCluster = 'us-southeast-1';
+    const bucketMock = objectStorageBucketFactory.build({
+      cluster: bucketCluster,
+      hostname: `${bucketLabel}.${bucketCluster}.linodeobjects.com`,
+      label: bucketLabel,
+      objects: 0,
+    });
     const bucketFile = randomItem([
       'object-storage-files/1.txt',
       'object-storage-files/2.jpg',
@@ -29,6 +38,7 @@ describe('object storage failure paths', () => {
     const bucketFilename = bucketFile.split('/')[1];
 
     // Mock empty object list and failed object-url upload request.
+    mockGetBuckets([bucketMock]).as('getBuckets');
     mockGetBucketObjects(bucketLabel, bucketCluster, []).as('getBucketObjects');
     mockUploadBucketObject(
       bucketLabel,
@@ -73,7 +83,14 @@ describe('object storage failure paths', () => {
   it('shows error upon object list retrieval failure', () => {
     const bucketLabel = randomLabel();
     const bucketCluster = 'us-southeast-1';
+    const bucketMock = objectStorageBucketFactory.build({
+      cluster: bucketCluster,
+      hostname: `${bucketLabel}.${bucketCluster}.linodeobjects.com`,
+      label: bucketLabel,
+      objects: 0,
+    });
 
+    mockGetBuckets([bucketMock]).as('getBuckets');
     mockGetBucketObjects(
       bucketLabel,
       bucketCluster,

packages/manager/cypress/e2e/core/objectStorage/object-storage.smoke.spec.ts

@@ -88,18 +88,27 @@ describe('object storage smoke tests', () => {
   it('can upload, view, and delete bucket objects - smoke', () => {
     const bucketLabel = randomLabel();
     const bucketCluster = 'us-southeast-1';
+    const bucketMock = objectStorageBucketFactory.build({
+      cluster: bucketCluster,
+      hostname: `${bucketLabel}.${bucketCluster}.linodeobjects.com`,
+      label: bucketLabel,
+      objects: 0,
+    });
+
     const bucketContents = [
       'object-storage-files/1.txt',
       'object-storage-files/2.jpg',
       'object-storage-files/3.jpg',
       'object-storage-files/4.zip',
     ];
 
+    mockGetBuckets([bucketMock]).as('getBuckets');
     mockGetBucketObjects(bucketLabel, bucketCluster, []).as('getBucketObjects');
 
     cy.visitWithLogin(
       `/object-storage/buckets/${bucketCluster}/${bucketLabel}`
     );
+    cy.wait('@getBuckets');
     cy.wait('@getBucketObjects');
 
     cy.log('Upload bucket objects');

packages/manager/cypress/e2e/core/objectStorageMulticluster/bucket-details-multicluster.spec.ts

@@ -20,7 +20,7 @@ import {
 } from 'src/queries/object-storage/queries';
 import { getErrorStringOrDefault } from 'src/utilities/errorUtils';
 
-import { bucketACLOptions, objectACLOptions } from '../utilities';
+import { bucketACLOptions, objectACLOptions } from '../../utilities';
 import { copy } from './AccessSelect.data';
 
 import type {