refactor(transit): isolate native rendering from playback

scripts/qa-transit-recovery.mjs

@@ -2,21 +2,26 @@
 import puppeteer from 'puppeteer';
 import { mkdir, writeFile } from 'node:fs/promises';
 import { reduceTrailPixels } from '../src/layers/transit/qaMetrics.js';
+import { blockPaidQaMaps } from './qa-map-policy.mjs';
+import { transitQaBase } from './qa-transit-browser.mjs';
 
-const base = process.env.QA_BASE_URL || 'http://localhost:4305';
+const base = transitQaBase(process.env.QA_BASE_URL);
 const shots = process.env.QA_SHOTS || 'qa-shots/transit-recovery';
 await mkdir(shots, { recursive: true });
 const browser = await puppeteer.launch({
-  headless: process.env.QA_HEADFUL === '1' ? false : true,
+  headless: true,
   executablePath:
     '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
   args: [
+    '--use-angle=metal',
+    '--enable-gpu',
     '--disable-background-timer-throttling',
     '--disable-renderer-backgrounding',
   ],
 });
 try {
   const page = await browser.newPage();
+  await blockPaidQaMaps(page);
   await page.setViewport({ width: 1920, height: 1080 });
   const errors = [];
   page.on('pageerror', (error) => errors.push(error.message));