fix(e2e): remove redundant stylePath options in screenshot checks

- Simplify screenshot utility calls by removing unnecessary `stylePath` parameter in tests.
- Refactor masks and parameters for clarity and consistency across multiplatform and compose tests.

Author: zoobestik

test/e2e/compose-multiplatform.spec.ts

@@ -21,8 +21,7 @@ test.describe('Compose Multiplatform landing page', async () => {
         const href = await composePage.heroActionButton.getAttribute('href');
 
         await checkScreenshot(composePage.hero, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-            mask: [composePage.heroCarousel],
+            mask: [composePage.heroCarousel]
         });
 
         await composePage.heroActionButton.click();
@@ -34,33 +33,27 @@ test.describe('Compose Multiplatform landing page', async () => {
         await expect(composePage.platformsContent).toBeVisible();
         await expect(composePage.platformsItems).toHaveCount(4);
 
-        await checkScreenshot(composePage.platformsBlock, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
-    })
+        await checkScreenshot(composePage.platformsBlock);
+    });
 
     test('check features block', async () => {
         await expect(composePage.featuresBlock).toBeVisible();
-        
+
         await expect(composePage.featureItems).not.toHaveCount(0);
-        
+
         for (const title of await composePage.featureTitles.all()) {
             await expect(title).toBeVisible();
             await expect(title).not.toBeEmpty();
         }
 
-        await checkScreenshot(composePage.featuresBlock, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
+        await checkScreenshot(composePage.featuresBlock);
     });
 
     test('check quote section', async () => {
         await expect(composePage.quoteSection).toBeVisible();
         await expect(composePage.quoteCards).not.toHaveCount(0);
 
-        await checkScreenshot(composePage.quoteSection, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
+        await checkScreenshot(composePage.quoteSection);
     });
 
     test('check CTA block', async () => {
@@ -70,9 +63,7 @@ test.describe('Compose Multiplatform landing page', async () => {
         await expect(composePage.ctaBlockButton).toBeVisible();
         const href = await composePage.ctaBlockButton.getAttribute('href');
 
-        await checkScreenshot(composePage.ctaBlock, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
+        await checkScreenshot(composePage.ctaBlock);
 
         await composePage.ctaBlockButton.click();
         await expect(composePage.page).toHaveURL(new RegExp(`.*${href}$`));

test/e2e/multiplatform/multiplatform.spec.ts

@@ -1,7 +1,6 @@
 import { expect, Locator, test } from '@playwright/test';
 import { MultiplatformPage } from '../../page/multiplatform-page';
-import { checkAnchor, checkScreenshot } from '../../utils';
-import { checkFullPageScreenshot } from '../../utils';
+import { checkAnchor, checkFullPageScreenshot, checkScreenshot } from '../../utils';
 
 test.describe('Multiplatform landing page', async () => {
     let multiplatformPage: MultiplatformPage;
@@ -15,7 +14,9 @@ test.describe('Multiplatform landing page', async () => {
         const { main, page } = multiplatformPage;
 
         await checkFullPageScreenshot(page, {
-            mask: [main.locator('[data-testid*="share-what-chip-content-"]')],
+            mask: [
+                main.locator('[data-testid*="share-what-chip-content-"]')
+            ]
         });
     });
 
@@ -32,9 +33,7 @@ test.describe('Multiplatform landing page', async () => {
         const heroActionButton = multiplatformPage.heroActionButon;
         await expect(heroActionButton).toBeVisible();
 
-        await checkScreenshot(multiplatformPage.heroBanner, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
+        await checkScreenshot(multiplatformPage.heroBanner);
 
         const href = await heroActionButton.getAttribute('href');
         await heroActionButton.click();
@@ -86,9 +85,7 @@ test.describe('Multiplatform landing page', async () => {
         await expect(multiplatformPage.ctaBlockAction).toBeVisible();
         await expect(multiplatformPage.ctaBlockAction).not.toBeEmpty();
 
-        await checkScreenshot(multiplatformPage.ctaBlock, {
-            stylePath: 'test/e2e/hide-sticky-banner.css',
-        });
+        await checkScreenshot(multiplatformPage.ctaBlock);
 
         const href = await multiplatformPage.ctaBlockAction.getAttribute('href');
         await multiplatformPage.ctaBlockAction.click();
@@ -121,9 +118,7 @@ async function checkChooseWhatToShare({ page, main, shareWhatBlock }: Multiplatf
     await expect(link).toBeVisible();
     await expect(link).not.toBeEmpty();
 
-    await checkScreenshot(shareWhatBlock, {
-        stylePath: 'test/e2e/hide-sticky-banner.css',
-    });
+    await checkScreenshot(shareWhatBlock);
 
     // Check that links work as links
     const href = await link.getAttribute('href');

test/utils.ts

@@ -53,7 +53,7 @@ export async function checkScreenshot(element: Locator | Page, options?: CheckSc
             animations: 'disabled',
             ...(options || {}),
             clip,
-            stylePath: ['test/production/production.css'].concat(options?.stylePath || []),
+            stylePath: ['test/production/production.css'].concat(options?.stylePath || [])
         });
     });
 }
@@ -70,7 +70,7 @@ async function getClippingRect(
                 x: box.x - padding,
                 y: box.y - padding,
                 width: box.width + padding * 2,
-                height: box.height + padding * 2,
+                height: box.height + padding * 2
             };
     }
 }
@@ -84,7 +84,7 @@ export async function checkFullPageScreenshot(page: Page, options?: CheckScreens
     await checkScreenshot(page, {
         ...options,
         fullPage: true,
-        mask: [page.locator('video[autoplay]'), ...(options?.mask || [])],
+        mask: [page.locator('video[autoplay]'), ...(options?.mask || [])]
     });
 }