III-6948: add a helper function to suppress the hydration errors

Author: alduya

src/test/e2e/events/event-preview-actions.spec.ts

@@ -1,6 +1,8 @@
 import { expect, test as base } from '@playwright/test';
 import { addDays, subDays } from 'date-fns';
 
+import { suppressHydrationErrors } from '../helpers/suppress-hydration-errors';
+
 type TestFixtures = {
   eventPreviewUrl: string;
   eventId: string;
@@ -9,11 +11,7 @@ type TestFixtures = {
 const test = base.extend<TestFixtures>({
   eventId: async ({ page, baseURL }, applyFixture) => {
     // todo: remove when the styled components hydration errors are fixed.
-    page.on('console', (msg) => {
-      if (msg.type() === 'error' && msg.text().includes('Hydration')) {
-        return;
-      }
-    });
+    suppressHydrationErrors(page);
     await page.goto(`${baseURL}/create`);
 
     await page.getByRole('button', { name: 'Evenement' }).click();
@@ -64,11 +62,7 @@ test.describe('Event Preview Sidebar Actions', () => {
       },
     ]);
     // todo: remove when the styled components hydration errors are fixed.
-    page.on('console', (msg) => {
-      if (msg.type() === 'error' && msg.text().includes('Hydration')) {
-        return;
-      }
-    });
+    suppressHydrationErrors(page);
 
     await page.goto(eventPreviewUrl);
     await page.getByRole('button', { name: 'Bewerken' }).waitFor();

src/test/e2e/events/movie-preview-actions.spec.ts

@@ -1,6 +1,8 @@
 import { expect, test as base } from '@playwright/test';
 import { addDays, subDays } from 'date-fns';
 
+import { suppressHydrationErrors } from '../helpers/suppress-hydration-errors';
+
 type TestFixtures = {
   moviePreviewUrl: string;
   movieEventId: string;
@@ -9,11 +11,7 @@ type TestFixtures = {
 const test = base.extend<TestFixtures>({
   movieEventId: async ({ page, baseURL }, applyFixture) => {
     // todo: remove when the styled components hydration errors are fixed.
-    page.on('console', (msg) => {
-      if (msg.type() === 'error' && msg.text().includes('Hydration')) {
-        return;
-      }
-    });
+    suppressHydrationErrors(page);
     await page.goto(`${baseURL}/create`);
 
     await page.getByRole('button', { name: 'Evenement' }).click();
@@ -68,11 +66,7 @@ test.describe('Movie Preview Sidebar Actions', () => {
       },
     ]);
     // todo: remove when the styled components hydration errors are fixed.
-    page.on('console', (msg) => {
-      if (msg.type() === 'error' && msg.text().includes('Hydration')) {
-        return;
-      }
-    });
+    suppressHydrationErrors(page);
 
     await page.goto(moviePreviewUrl);
     await page.getByRole('button', { name: 'Bewerken', exact: true }).waitFor();

src/test/e2e/helpers/suppress-hydration-errors.ts

@@ -0,0 +1,9 @@
+import type { Page } from '@playwright/test';
+
+export const suppressHydrationErrors = (page: Page) => {
+  page.on('console', (msg) => {
+    if (msg.type() === 'error' && msg.text().includes('Hydration')) {
+      return;
+    }
+  });
+};