Add mask option to regression tests

php · Aug 20, 2024 · 12e4538 · 12e4538
1 parent c632d19
commit 12e4538
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/tests/Visual/SmokeTest.spec.ts b/tests/Visual/SmokeTest.spec.ts
@@ -4,6 +4,7 @@ export type TestPageOptions = {
     path: string
     options?: object
     evaluate?: () => any
+    mask?: string[]
 }
 
 const items: TestPageOptions[] = [
@@ -12,7 +13,12 @@ const items: TestPageOptions[] = [
         evaluate: () => {
             const selector = document.querySelector('.elephpants');
             selector.remove()
-        }
+        },
+        options: {
+            fullPage: true,
+            timeout: 10000,
+        },
+        mask: ['.hero-versions'],
     },
     {
         path: 'archive/1998.php',
@@ -52,6 +58,13 @@ for (const item of items) {
             await page.evaluate(item.evaluate)
         }
 
+        if (typeof item.mask === 'object') {
+            item.options = {
+                ...item.options,
+                mask: item.mask.map((selector) => page.locator(selector))
+            }
+        }
+
         await expect(page).toHaveScreenshot(
             `tests/screenshots/${item.path}.png`,
             item.options ?? {

diff --git a/tests/Visual/SmokeTest.spec.ts-snapshots/tests-screenshots-index-php-chromium.png b/tests/Visual/SmokeTest.spec.ts-snapshots/tests-screenshots-index-php-chromium.png