Use cookies code from the Playwright PR

test/playwright/utils/navigation.ts

@@ -1,4 +1,4 @@
-import { expect, Page } from '@playwright/test'
+import { BrowserContext, expect, Page } from '@playwright/test'
 
 import rtlMessages from '~~/test/locales/ar.json'
 
@@ -458,3 +458,17 @@ export const enableNewHeader = async (page: Page) => {
     },
   ])
 }
+
+export const setCookies = async (
+  context: BrowserContext,
+  cookies: Record<string, string | boolean | string[]>
+) => {
+  await context.addCookies(
+    Object.entries(cookies).map(([name, value]) => ({
+      name,
+      value: JSON.stringify(value),
+      domain: 'localhost',
+      path: '/',
+    }))
+  )
+}

test/playwright/visual-regression/pages/pages-with-old-header.spec.ts

@@ -6,6 +6,7 @@ import {
   dismissTranslationBanner,
   pathWithDir,
   languageDirections,
+  setCookies,
 } from '~~/test/playwright/utils/navigation'
 
 test.describe.configure({ mode: 'parallel' })
@@ -15,15 +16,12 @@ for (const contentPage of contentPages) {
   for (const dir of languageDirections) {
     test.describe(`${contentPage} ${dir} page snapshots`, () => {
       breakpoints.describeEvery(({ breakpoint, expectSnapshot }) => {
-        test('full page', async ({ page }) => {
-          await page.context().addCookies([
-            {
-              name: 'uiBreakpoint',
-              value: JSON.stringify(breakpoint),
-              domain: 'localhost',
-              path: '/',
-            },
-          ])
+        test('full page', async ({ context, page }) => {
+          await setCookies(context, {
+            uiBreakpoint: breakpoint,
+            uiDismissedBanners: ['translation-ar'],
+          })
+
           await page.goto(pathWithDir(contentPage, dir))
           await dismissTranslationBanner(page)