From a086192a10872534ad0365c2f621fcdda170a38c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Silva?= <ffjs1993@gmail.com>
Date: Wed, 20 Sep 2023 11:51:48 +0100
Subject: [PATCH] Everest 331 edit message (#93)

* feat: change success message

* test: e2e success message
---
 .../pages/database-form/steps/sixth/sixth-step.messages.ts | 1 +
 .../everest/pages/database-form/steps/sixth/sixth-step.tsx | 7 +++++--
 .../db-cluster/create-db-cluster/create-db-cluster.e2e.ts  | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/everest/pages/database-form/steps/sixth/sixth-step.messages.ts b/apps/everest/pages/database-form/steps/sixth/sixth-step.messages.ts
index 899293d9d..c05d5b286 100644
--- a/apps/everest/pages/database-form/steps/sixth/sixth-step.messages.ts
+++ b/apps/everest/pages/database-form/steps/sixth/sixth-step.messages.ts
@@ -14,6 +14,7 @@
 // limitations under the License.
 export const Messages = {
   dbBeingCreated: 'Awesome! Your database is being created!',
+  dbBeingUpdated: 'Your database is being updated',
   sitTight: `
     Everest is now hard at work creating your new database, tailored to your specifications.
     Sit tight and relax while we handle the setup for you.
diff --git a/apps/everest/pages/database-form/steps/sixth/sixth-step.tsx b/apps/everest/pages/database-form/steps/sixth/sixth-step.tsx
index 96d565ec4..3030a90ac 100644
--- a/apps/everest/pages/database-form/steps/sixth/sixth-step.tsx
+++ b/apps/everest/pages/database-form/steps/sixth/sixth-step.tsx
@@ -3,8 +3,11 @@ import { Stack, Typography, Button } from '@mui/material';
 import { Link } from 'react-router-dom';
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
 import { Messages } from './sixth-step.messages';
+import { useDatabasePageMode } from '../../useDatabasePageMode';
 
 export const SixthStep = () => {
+  const mode = useDatabasePageMode();
+
   return (
     <Stack alignItems="center">
       <Stack direction="row" alignItems="center">
@@ -12,8 +15,8 @@ export const SixthStep = () => {
           sx={{ color: 'success.contrastText', fontSize: 64, mr: 1 }}
         />
         <Stack direction="column">
-          <Typography variant="h6">{Messages.dbBeingCreated}</Typography>
-          <Typography variant="caption">{Messages.sitTight}</Typography>
+          <Typography variant="h6">{mode === 'new' ? Messages.dbBeingCreated : Messages.dbBeingUpdated}</Typography>
+          {mode === 'new' && <Typography variant="caption">{Messages.sitTight}</Typography>}
         </Stack>
       </Stack>
       <Button
diff --git a/apps/everest/ui-tests/tests/db-cluster/create-db-cluster/create-db-cluster.e2e.ts b/apps/everest/ui-tests/tests/db-cluster/create-db-cluster/create-db-cluster.e2e.ts
index 73de63abc..2606057e2 100644
--- a/apps/everest/ui-tests/tests/db-cluster/create-db-cluster/create-db-cluster.e2e.ts
+++ b/apps/everest/ui-tests/tests/db-cluster/create-db-cluster/create-db-cluster.e2e.ts
@@ -79,6 +79,7 @@ test.describe('DB Cluster creation', () => {
     // await monitoringStepCheck(page, monitoringInstancesList);
     await page.getByTestId('db-wizard-submit-button').click();
     await expect(page.getByTestId('db-wizard-goto-db-clusters')).toBeVisible();
+    await expect(page.getByText('Awesome! Your database is being created!')).toBeVisible();
 
     const response = await request.get(
       `/v1/kubernetes/${kubernetesId}/database-clusters`