test: [M3-8485] - Unit Tests for Object Storage Gen2 feature

packages/manager/src/features/ObjectStorage/BucketDetail/ObjectDetailsDrawer.test.tsx

@@ -2,7 +2,7 @@ import { act, waitFor } from '@testing-library/react';
 import * as React from 'react';
 
 import { profileFactory } from 'src/factories';
-import { http, HttpResponse, server } from 'src/mocks/testServer';
+import { HttpResponse, http, server } from 'src/mocks/testServer';
 import { renderWithTheme } from 'src/utilities/testHelpers';
 
 import { ObjectDetailsDrawer } from './ObjectDetailsDrawer';
@@ -64,4 +64,15 @@ describe('ObjectDetailsDrawer', () => {
       expect(queryByTestId('lastModified')).not.toBeInTheDocument();
     });
   });
+
+  it("doesn't show the ACL Switch for E2 and E3 buckets", async () => {
+    const { queryByLabelText } = renderWithTheme(
+      <ObjectDetailsDrawer {...props} endpointType="E3" />
+    );
+    await waitFor(() => {
+      expect(
+        queryByLabelText('Access Control List (ACL)')
+      ).not.toBeInTheDocument();
+    });
+  });
 });

packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.test.tsx

@@ -4,6 +4,7 @@ import { vi } from 'vitest';
 
 import {
   objectStorageBucketFactory,
+  objectStorageBucketFactoryGen2,
   profileFactory,
   regionFactory,
 } from 'src/factories';
@@ -200,3 +201,100 @@ describe('BucketDetailsDrawer: Legacy UI', () => {
     });
   });
 });
+
+describe('BucketDetailDrawer: Gen2 UI', () => {
+  const e3Bucket = objectStorageBucketFactoryGen2.build();
+  const e1Bucket = objectStorageBucketFactoryGen2.build({
+    endpoint_type: 'E1',
+  });
+
+  const region = regionFactory.build({
+    id: e3Bucket.region,
+  });
+
+  it('renders correctly when open', () => {
+    renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={e3Bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false, objectStorageGen2: { enabled: true } },
+      },
+    });
+
+    expect(screen.getByText(e3Bucket.label)).toBeInTheDocument();
+    expect(screen.getByTestId('createdTime')).toHaveTextContent(
+      'Created: 2019-12-12'
+    );
+    expect(screen.getByTestId('endpointType')).toHaveTextContent(
+      `Endpoint Type: E3`
+    );
+    expect(screen.getByTestId('cluster')).toHaveTextContent(region.id);
+    expect(screen.getByText(e3Bucket.hostname)).toBeInTheDocument();
+    expect(screen.getByText('1 MB')).toBeInTheDocument();
+    expect(screen.getByText('103 objects')).toBeInTheDocument();
+  });
+
+  it("doesn't show the CORS switch for E2 and E3 buckets", async () => {
+    const { getByText } = renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={e3Bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false, objectStorageGen2: { enabled: true } },
+      },
+    });
+
+    expect(
+      getByText(
+        /CORS \(Cross Origin Sharing\) is not available for endpoint types E2 and E3./
+      )
+    ).toBeInTheDocument();
+  });
+
+  it('renders the Bucket Rate Limit Table for E2 and E3 buckets', async () => {
+    const { findByTestId } = renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={e3Bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false, objectStorageGen2: { enabled: true } },
+      },
+    });
+
+    const rateLimitTable = await findByTestId('bucket-rate-limit-table');
+    expect(rateLimitTable).toBeVisible();
+  });
+
+  it('renders the Bucket Rate Limit Text for E0 and E1 buckets', async () => {
+    const { findByText } = renderWithThemeAndHookFormContext({
+      component: (
+        <BucketDetailsDrawer
+          onClose={mockOnClose}
+          open={true}
+          selectedBucket={e1Bucket}
+        />
+      ),
+      options: {
+        flags: { objMultiCluster: false, objectStorageGen2: { enabled: true } },
+      },
+    });
+    expect(
+      await findByText(
+        /This endpoint type supports up to 750 Requests Per Second \(RPS\)./
+      )
+    ).toBeInTheDocument();
+  });
+});

packages/manager/src/features/ObjectStorage/BucketLanding/BucketDetailsDrawer.tsx

@@ -181,6 +181,7 @@ export const BucketDetailsDrawer = React.memo(
                 payload
               );
             }}
+            endpointType={endpoint_type}
             name={label}
             variant="bucket"
           />

packages/manager/src/features/ObjectStorage/BucketLanding/BucketTable.test.tsx

@@ -1,7 +1,10 @@
 import * as React from 'react';
 
-import { objectStorageBucketFactory } from 'src/factories';
-import { renderWithTheme, mockMatchMedia } from 'src/utilities/testHelpers';
+import {
+  objectStorageBucketFactory,
+  objectStorageBucketFactoryGen2,
+} from 'src/factories';
+import { mockMatchMedia, renderWithTheme } from 'src/utilities/testHelpers';
 
 import { BucketTable } from './BucketTable';
 
@@ -43,4 +46,20 @@ describe('BucketTable', () => {
       expect(getByText(bucket.label)).toBeVisible();
     }
   });
+
+  it('renders "Endpoint Type" column when Gen 2 is enabled', () => {
+    const bucket = objectStorageBucketFactoryGen2.buildList(1);
+    const { getByText } = renderWithTheme(
+      <BucketTable
+        data={bucket}
+        handleClickDetails={vi.fn()}
+        handleClickRemove={vi.fn()}
+        handleOrderChange={vi.fn()}
+        order="asc"
+        orderBy="label"
+      />
+    );
+    expect(getByText('Endpoint Type')).toBeVisible();
+    expect(getByText('Standard (E3)')).toBeVisible();
+  });
 });

packages/manager/src/mocks/serverHandlers.ts

@@ -860,7 +860,7 @@ export const handlers = [
     ];
     return HttpResponse.json(makeResourcePage(objectStorageTypes));
   }),
-  http.get('*/v4/object-storage/endpoints', ({ }) => {
+  http.get('*/v4/object-storage/endpoints', ({}) => {
     const endpoints = [
       objectStorageEndpointsFactory.build({
         endpoint_type: 'E0',