Add mock api and test reporting

playwright.config.ts

@@ -9,6 +9,7 @@ const config: PlaywrightTestConfig = {
 		command: 'npm run build && npm run preview',
 		port: 4173
 	},
+	reporter: process.env.CI ? 'github' : 'list',
 	testDir: 'tests',
 	testMatch: /(.+\.)?(test|spec)\.[jt]s/
 };

tests/test.ts

@@ -1,5 +1,67 @@
 import { expect, test } from '@playwright/test';
 
+test.beforeEach(async ({ page }) => {
+	await page.route('*/**/api/status', async (route) => {
+		const json = {
+			currentScreen: 0,
+			numScreens: 7,
+			timerRunning: true,
+			espUptime: 4479,
+			espFreeHeap: 58508,
+			espHeapSize: 342108,
+			connectionStatus: { price: true, blocks: true },
+			rssi: -66,
+			data: ['BLOCK/HEIGHT', '8', '1', '8', '0', '2', '6'],
+			rendered: ['BLOCK/HEIGHT', '8', '1', '8', '0', '2', '6'],
+			leds: [
+				{ red: 0, green: 0, blue: 0, hex: '#000000' },
+				{ red: 0, green: 0, blue: 0, hex: '#000000' },
+				{ red: 0, green: 0, blue: 0, hex: '#000000' },
+				{ red: 0, green: 0, blue: 0, hex: '#000000' }
+			]
+		};
+		await route.fulfill({ json });
+	});
+	await page.route('*/**/api/settings', async (route) => {
+		const json = {
+			numScreens: 7,
+			fgColor: 415029,
+			bgColor: 0,
+			timerSeconds: 1800,
+			timerRunning: true,
+			minSecPriceUpd: 30,
+			fullRefreshMin: 60,
+			wpTimeout: 600,
+			tzOffset: 0,
+			useBitcoinNode: false,
+			mempoolInstance: 'mempool.space',
+			ledTestOnPower: true,
+			ledFlashOnUpd: true,
+			ledBrightness: 128,
+			stealFocus: true,
+			mcapBigChar: true,
+			mdnsEnabled: true,
+			otaEnabled: true,
+			fetchEurPrice: false,
+			hostnamePrefix: 'btclock',
+			hostname: 'btclock-d60b14',
+			ip: '192.168.20.231',
+			txPower: 78,
+			gitRev: '25d8b92bcbc8938417c140355ea3ba99ff9eb4b7',
+			lastBuildTime: '1700666677',
+			screens: [
+				{ id: 0, name: 'Block Height', enabled: true },
+				{ id: 1, name: 'Sats per dollar', enabled: true },
+				{ id: 2, name: 'Ticker', enabled: true },
+				{ id: 3, name: 'Time', enabled: true },
+				{ id: 4, name: 'Halving countdown', enabled: true },
+				{ id: 5, name: 'Market Cap', enabled: true }
+			]
+		};
+		await route.fulfill({ json });
+	});
+});
+
 test('index page has expected status', async ({ page }) => {
 	await page.goto('/');
 	await expect(page.getByRole('heading', { name: 'Status' })).toBeVisible();