WIP: Add screenshot tests on mobile_guide.

Author: pixlwave

playwright/e2e/mobile-guide/mobile-guide.spec.ts

@@ -0,0 +1,44 @@
+/*
+Copyright 2025 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { test, expect } from '../../element-web-test';
+import { MobileAppVariant } from '../../../src/vector/mobile_guide/mobile-apps';
+
+const variants = [
+    MobileAppVariant.Classic,
+    MobileAppVariant.X,
+    MobileAppVariant.Pro,
+];
+
+// Use a base config, can be extended per variant
+test.use({
+    config: {
+        // Add any required base config here
+        default_server_config: {
+            'm.homeserver': {
+                base_url: 'https://matrix.server.invalid',
+                server_name: 'server.invalid',
+            },
+        },
+    },
+});
+
+test.describe('Mobile Guide Screenshots', () => {
+    for (const variant of variants) {
+        test.use({
+            config: {
+                mobile_guide_app_variant: variant,
+            },
+            viewport: { width: 390, height: 844 }, // iPhone 16e
+        });
+        test(`should match the homepage screenshot for variant: ${variant}`, async ({ page, axe }) => {
+            await page.goto('/mobile_guide/');
+            await expect(page).toMatchScreenshot(`mobile-guide-${variant}.png`);
+            await expect(axe).toHaveNoViolations();
+        });
+    }
+});