Disable WebGL-requiring tests in CI

Author: 1j01

tests/paint.spec.ts

@@ -1,6 +1,12 @@
 import { test, expect } from '@playwright/test';
 
 test('can set wallpaper tiled (and use pencil, fill, and magnifier tools)', async ({ page }) => {
+	// TODO: make JS Paint work without WebGL, ideally (for tests and for users)
+	// [JavaScript Warning: "Failed to create WebGL context: WebGL creation failed:
+	// * WebglAllowWindowsNativeGl:false restricts context creation on this system. ()
+	// * Exhausted GL driver options. (FEATURE_FAILURE_WEBGL_EXHAUSTED_DRIVERS)" {file: "http://localhost:1998/programs/jspaint/src/image-manipulation.js" line: 1407}]
+	test.skip(!!process.env.CI, 'needs WebGL; could maybe run headed or enable software rendering somehow?');
+
 	await page.goto('http://localhost:1998/');
 	await page.getByText('Paint').dblclick();
 	await page.getByText('Image', { exact: true }).click();

tests/screensavers.spec.ts

@@ -33,6 +33,15 @@ test('closes when pressing a key', async ({ page }) => {
 });
 
 test('has an animated canvas', async ({ page }) => {
+	// [JavaScript Warning: "Failed to create WebGL context: WebGL creation failed: 
+	// * WebglAllowWindowsNativeGl:false restricts context creation on this system. ()
+	// * Exhausted GL driver options. (FEATURE_FAILURE_WEBGL_EXHAUSTED_DRIVERS)" {file: "https://cdnjs.cloudflare.com/ajax/libs/three.js/98/three.min.js" line: 178}]
+	test.skip(!!process.env.CI, 'needs WebGL; could maybe run headed or enable software rendering somehow?');
+
+	// Not every frame may be different from the last (sometimes pipes are offscreen),
+	// so just check that we get enough unique frames to know it's animating.
+	// This assumes `toDataURL` is deterministic, otherwise it could pass with a static image.
+	// I tested the test by disabling animation in the screensaver and it failed correctly.
 	const canvas = page.frameLocator('iframe').locator('#canvas-webgl');
 	await expect(canvas).toBeVisible();
 	expect(await canvas.evaluate((canvas: HTMLCanvasElement) => {