From 82bb19d42f3c282da631223bef2ebe43aa243927 Mon Sep 17 00:00:00 2001
From: Patrick Ear <patrick.ear@scality.com>
Date: Wed, 18 Sep 2024 16:47:40 +0200
Subject: [PATCH] ARTESCA-13460 - fix error when create ring location

---
 src/react/locations/LocationEditor.tsx        |   2 +-
 .../__tests__/LocationEditor.test.tsx         | 126 +++++++++++++++++-
 src/react/utils/storageOptions.ts             |   2 +-
 tsconfig.json                                 |   2 +-
 4 files changed, 127 insertions(+), 5 deletions(-)

diff --git a/src/react/locations/LocationEditor.tsx b/src/react/locations/LocationEditor.tsx
index 1dbcb614d..cdd221a65 100644
--- a/src/react/locations/LocationEditor.tsx
+++ b/src/react/locations/LocationEditor.tsx
@@ -357,7 +357,7 @@ function LocationEditor() {
           content={
             <Select
               id="locationType"
-              placeholder="Select an option..."
+              placeholder="Select a location type..."
               onChange={onTypeChange}
               disabled={editingExisting}
               //@ts-expect-error fix this when you are working on it
diff --git a/src/react/locations/__tests__/LocationEditor.test.tsx b/src/react/locations/__tests__/LocationEditor.test.tsx
index d837c587f..a008ff1f0 100644
--- a/src/react/locations/__tests__/LocationEditor.test.tsx
+++ b/src/react/locations/__tests__/LocationEditor.test.tsx
@@ -22,6 +22,7 @@ import { INSTANCE_ID } from '../../actions/__tests__/utils/testUtil';
 import userEvent from '@testing-library/user-event';
 import { rest } from 'msw';
 
+jest.setTimeout(60_000);
 const server = setupServer(getConfigOverlay(TEST_API_BASE_URL, INSTANCE_ID));
 
 beforeAll(() => {
@@ -73,7 +74,11 @@ describe('LocationEditor', () => {
   });
   const selectors = {
     loadingLocation: () => screen.getByText('Loading location...'),
-    locationType: () => screen.getByLabelText(/location type \*/i),
+    selectLocationType: () => screen.getByLabelText(/location type \*/i),
+    inputLocationType: () =>
+      screen.getByRole('textbox', { name: /location type \*/i }),
+    optionLocationType: (locationName: string | RegExp) =>
+      screen.getByRole('option', { name: locationName }),
   };
 
   it('should hide the artesca storage service if it is already created', async () => {
@@ -104,10 +109,127 @@ describe('LocationEditor', () => {
     render(<LocationEditor />, { wrapper: Wrapper });
     await waitForElementToBeRemoved(() => selectors.loadingLocation());
     //E
-    selectClick(selectors.locationType());
+    selectClick(selectors.selectLocationType());
     //V
     await waitFor(() => {
       expect(screen.queryByText('Storage Service for ARTESCA')).toBeNull();
     });
   });
+
+  it(`test if each location display correctly`, async () => {
+    reduxRender(
+      <MemoryRouter>
+        <LocationEditor />
+      </MemoryRouter>,
+    );
+
+    await waitForElementToBeRemoved(() =>
+      screen.getByText('Loading location...'),
+    );
+
+    const locationsTests = [
+      {
+        name: 'Scality ARTESCA S3',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Scality ARTESCA S3/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: 'Scality RING with S3 Connector',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Scality RING with S3 Connector/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: 'Amazon S3',
+        optionToQuery: () => selectors.optionLocationType(/Amazon S3/i),
+        checkField: () => screen.getByText(/AWS Access Key \*/i),
+      },
+      {
+        name: 'Google Cloud Storage',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Google Cloud Storage/i),
+        checkField: () => screen.getByText(/GCP Access Key \*/i),
+      },
+      {
+        name: 'Microsoft Azure Blob Storage',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Microsoft Azure Blob Storage/i),
+        checkField: () => screen.getByText(/Blob endpoint \*/i),
+      },
+      {
+        name: 'Microsoft Azure Archive',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Microsoft Azure Archive/i),
+        checkField: () => screen.getByText(/Blob endpoint \*/i),
+      },
+      {
+        name: 'Atlas Object Storage (Free Pro)',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Atlas Object Storage \(Free Pro\)/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: '3DS Outscale OOS Public',
+        optionToQuery: () =>
+          selectors.optionLocationType(/3DS Outscale OOS Public/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: '3DS Outscale OOS SNC',
+        optionToQuery: () =>
+          selectors.optionLocationType(/3DS Outscale OOS SNC/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: 'Flexible Datastore',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Flexible Datastore/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: 'Tape DMF',
+        optionToQuery: () => selectors.optionLocationType(/Tape DMF/i),
+        checkField: () => screen.getByText(/Temperature/i),
+      },
+      {
+        name: 'Ceph RADOS Gateway',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Ceph RADOS Gateway/i),
+        checkField: () => screen.getByText(/access key \*/i),
+      },
+      {
+        name: 'Scality RING with Sproxyd Connector',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Scality RING with Sproxyd Connector/i),
+        checkField: () => screen.getByText(/Bootstrap List \*/i),
+      },
+      {
+        name: 'Wasabi',
+        optionToQuery: () => selectors.optionLocationType(/Wasabi/i),
+        checkField: () => screen.getByText(/Wasabi Access Key \*/i),
+      },
+      {
+        name: 'Oracle Cloud Object Storage',
+        optionToQuery: () =>
+          selectors.optionLocationType(/Oracle Cloud Object Storage/i),
+        checkField: () => screen.getByText(/Namespace \*/i),
+      },
+    ];
+
+    for await (const location of locationsTests) {
+      await userEvent.click(screen.getByLabelText(/select a location type/i));
+
+      await userEvent.clear(
+        screen.getByRole('textbox', { name: /location type \*/i }),
+      );
+      await userEvent.type(
+        screen.getByRole('textbox', { name: /location type \*/i }),
+        location.name,
+      );
+
+      await userEvent.click(location.optionToQuery());
+      expect(location.checkField()).toBeInTheDocument();
+    }
+  });
 });
diff --git a/src/react/utils/storageOptions.ts b/src/react/utils/storageOptions.ts
index e59e051bf..9aff3637a 100644
--- a/src/react/utils/storageOptions.ts
+++ b/src/react/utils/storageOptions.ts
@@ -66,7 +66,7 @@ export const getLocationTypeKey = (
         return OUTSCALE_PUBLIC_S3_LOCATION_KEY;
       } else if (location.details.endpoint === OUTSCALE_SNC_S3_ENDPOINT) {
         return OUTSCALE_SNC_S3_LOCATION_KEY;
-      } else if (location.details.endpoint.endsWith('oraclecloud.com')) {
+      } else if (location.details.endpoint?.endsWith('oraclecloud.com')) {
         return ORACLE_CLOUD_LOCATION_KEY;
       } else {
         return 'locationType' in location
diff --git a/tsconfig.json b/tsconfig.json
index 38de1f0b3..7c09d7c6f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,7 +4,7 @@
 
     /* Basic Options */
     // "incremental": true,                         /* Enable incremental compilation */
-    "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+    "target": "es2021" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
     "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
     "lib": [
       "es2021",