test: update fixtures flow, add different browsers

web/playwright.config.ts

@@ -1,11 +1,25 @@
 import { defineConfig } from "playwright/test";
 
+const browserContractTests = [
+	"**/pipeline.spec.ts",
+	"**/png-fixtures.spec.ts",
+	"**/text-and-verdicts.spec.ts",
+];
+
+const mobileTests = [
+	"**/navigation.spec.ts",
+	"**/catalog.spec.ts",
+	"**/generators.spec.ts",
+	"**/pipeline.spec.ts",
+];
+
 export default defineConfig({
 	testDir: "./e2e",
 	outputDir: "./e2e-results",
 	fullyParallel: true,
 	timeout: 60_000,
 	retries: 0,
+	workers: process.env.CI ? 2 : 1,
 	reporter: [["list"], ["html", { open: "never" }]],
 	use: {
 		baseURL: "http://127.0.0.1:4173",
@@ -19,6 +33,31 @@ export default defineConfig({
 				viewport: { width: 1440, height: 900 },
 			},
 		},
+		{
+			name: "firefox",
+			testMatch: browserContractTests,
+			use: {
+				browserName: "firefox",
+				viewport: { width: 1440, height: 900 },
+			},
+		},
+		{
+			name: "webkit",
+			testMatch: browserContractTests,
+			use: {
+				browserName: "webkit",
+				viewport: { width: 1440, height: 900 },
+			},
+		},
+		{
+			name: "mobile-chromium",
+			testMatch: mobileTests,
+			use: {
+				browserName: "chromium",
+				viewport: { width: 390, height: 844 },
+				hasTouch: true,
+			},
+		},
 	],
 	webServer: {
 		command: "pnpm build && node scripts/serve-static.mjs --port 4173",