CCM-7465: update timeouts to 30 seconds and 10 seconds for expect. Create a new browser page on common page steps

Author: bhansell1

tests/test-team/config/local.config.ts

@@ -4,8 +4,10 @@ import baseConfig from './playwright.config';
 export default defineConfig({
   ...baseConfig,
 
-  timeout: 15_000,
-
+  timeout: 30_000, // 30 seconds in the playwright default
+  expect: {
+    timeout: 10_000 // default is 5 seconds. After creating and previewing sometimes the load is slow on a cold start
+  },
   projects: [
     {
       name: 'auth-setup',

tests/test-team/template-mgmt-component-tests/email/template-mgmt-preview-email-page.component.ts

@@ -83,7 +83,10 @@ test.describe('Preview Email message template Page', () => {
       await assertLogoutLink(props);
       await assertFooterLinks(props);
       await assertBackToAllTemplatesTopLink(props);
-      await assertBackToAllTemplatesBottomLink(props);
+      await assertBackToAllTemplatesBottomLink({
+        ...props,
+        page: new TemplateMgmtPreviewEmailPage(page),
+      });
     });
 
     test('when user submits form with "Edit" data, then the "Create email message template" page is displayed', async ({

tests/test-team/template-mgmt-component-tests/nhs-app/template-mgmt-preview-nhs-app-page.component.ts

@@ -82,7 +82,10 @@ test.describe('Preview NHS App template Page', () => {
       await assertLogoutLink(props);
       await assertFooterLinks(props);
       await assertBackToAllTemplatesTopLink(props);
-      await assertBackToAllTemplatesBottomLink(props);
+      await assertBackToAllTemplatesBottomLink({
+        ...props,
+        page: new TemplateMgmtPreviewNhsAppPage(page),
+      });
     });
 
     test('when user submits form with "Edit" data, then the "Create NHS App message template" page is displayed', async ({

tests/test-team/template-mgmt-component-tests/sms/template-mgmt-preview-sms-page.component.ts

@@ -82,7 +82,10 @@ test.describe('Preview SMS message template Page', () => {
       await assertLogoutLink(props);
       await assertFooterLinks(props);
       await assertBackToAllTemplatesTopLink(props);
-      await assertBackToAllTemplatesBottomLink(props);
+      await assertBackToAllTemplatesBottomLink({
+        ...props,
+        page: new TemplateMgmtPreviewSmsPage(page),
+      });
     });
 
     test('when user submits form with "Edit" data, then the "Create text message template" page is displayed', async ({