Everest 331 edit message (percona#93)

* feat: change success message * test: e2e success message
oksana-grishchenko · Sep 20, 2023 · a086192 · a086192
1 parent 279685a
commit a086192
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 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
@@ -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
@@ -3,17 +3,20 @@ 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">
         <CheckCircleOutlineIcon
           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
@@ -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`