test: lock journey lifecycle and static fallback

2026-09-02 05:36:59 +03:00
parent 130ff2d8bb
commit a86767cdc6
11 changed files with 478 additions and 5 deletions
--- a/tests/browser/static-fallback.spec.ts
+++ b/tests/browser/static-fallback.spec.ts
@@ -0,0 +1,68 @@
+import { expect, test } from '../helpers/serve-dist';
+import {
+  environmentChunkPattern,
+  installSceneInstrumentation,
+  readSceneInstrumentation,
+} from '../helpers/scene-instrumentation';
+
+test.beforeEach(async ({ page }) => installSceneInstrumentation(page));
+
+test('falls back to one poster and no scene loop when the deferred scene chunk is unavailable', async ({
+  page,
+  distUrl,
+}) => {
+  const pageErrors: string[] = [];
+  page.on('pageerror', (error) => pageErrors.push(error.message));
+  await page.route(environmentChunkPattern, (route) => route.abort('failed'));
+  await page.goto(distUrl, { waitUntil: 'domcontentloaded' });
+
+  await expect(page.locator('.journey-world')).toHaveAttribute('data-scene-state', 'failed');
+  await expect(page.locator('.journey-poster')).toHaveCount(1);
+  await expect(page.locator('.journey-canvas')).toHaveCount(0);
+  await expect(page.locator('main > section')).toHaveCount(8);
+  await expect(page.locator('nav a[href="#contact"]')).toBeVisible();
+  await expect(page.locator('#contact a[href^="mailto:"]')).toBeVisible();
+  await expect.poll(async () => (await readSceneInstrumentation(page)).activeAnimationFrames).toBe(0);
+  expect((await readSceneInstrumentation(page)).unhandledRejections).toEqual([]);
+  expect(pageErrors).toEqual([]);
+});
+
+test('contains a WebGL initialization failure without hiding the portfolio', async ({ page, distUrl }) => {
+  const pageErrors: string[] = [];
+  page.on('pageerror', (error) => pageErrors.push(error.message));
+  await page.addInitScript(() => {
+    const nativeGetContext = HTMLCanvasElement.prototype.getContext;
+    Object.defineProperty(HTMLCanvasElement.prototype, 'getContext', {
+      configurable: true,
+      value(this: HTMLCanvasElement, contextId: string, options?: unknown): RenderingContext | null {
+        if (contextId === 'webgl' || contextId === 'webgl2' || contextId === 'experimental-webgl') return null;
+        return Reflect.apply(nativeGetContext, this, [contextId, options]) as RenderingContext | null;
+      },
+    });
+  });
+  await page.goto(distUrl, { waitUntil: 'domcontentloaded' });
+
+  await expect(page.locator('.journey-world')).toHaveAttribute('data-scene-state', 'failed');
+  await expect(page.locator('.journey-poster')).toHaveCount(1);
+  await expect(page.locator('.journey-canvas')).toHaveCount(0);
+  await expect(page.locator('#portfolio-content')).toBeVisible();
+  await expect(page.locator('#contact a[href^="mailto:"]')).toBeVisible();
+  await expect.poll(async () => (await readSceneInstrumentation(page)).activeAnimationFrames).toBe(0);
+  expect((await readSceneInstrumentation(page)).unhandledRejections).toEqual([]);
+  expect(pageErrors).toEqual([]);
+});
+
+test('allows an explicit Static visitor to re-enable motion when the system permits it', async ({ page, distUrl }) => {
+  const requests: string[] = [];
+  page.on('request', (request) => requests.push(request.url()));
+  await page.goto(distUrl, { waitUntil: 'domcontentloaded' });
+  await page.getByLabel('Quality control').selectOption('static');
+
+  await expect(page.getByRole('button', { name: 'Enable motion' })).toBeVisible();
+  await expect(page.locator('.journey-canvas')).toHaveCount(0);
+  await page.getByRole('button', { name: 'Enable motion' }).click();
+
+  await expect(page.locator('.journey-world')).toHaveAttribute('data-scene-state', 'running');
+  await expect(page.locator('.journey-canvas')).toHaveCount(1);
+  expect(requests.some((url) => environmentChunkPattern.test(url))).toBe(true);
+});