fix(org-chart): improve auto connector contrast and test portability

examples/org-chart/verify-card-content.mjs

@@ -1,14 +1,15 @@
+import { loadPlaywright, launchChromium } from '../../scripts/orgchart-browser-runtime.mjs';
 import http from 'node:http';
 import path from 'node:path';
 import { readFile, writeFile, mkdir } from 'node:fs/promises';
-import { fileURLToPath, pathToFileURL } from 'node:url';
+import { fileURLToPath } from 'node:url';
 
 // Stage 2 only: typography, data placement, overflow and accessible tooltip.
 // Do not repeat Stage 1's gradient/data/Summary/engine suites.
 const root = fileURLToPath(new URL('../../', import.meta.url));
 const output = path.join(root, 'test-results/org-chart-card-content');
 await mkdir(output, { recursive: true });
-const { chromium } = await import(process.env.ORGCHART_PLAYWRIGHT_MODULE ? pathToFileURL(process.env.ORGCHART_PLAYWRIGHT_MODULE).href : 'playwright');
+await loadPlaywright();
 const results = [], errors = [], measurements = [], servers = [];
 const check = (value, name, detail) => results.push({ name, status: value ? 'PASS' : 'FAIL', ...(detail === undefined ? {} : { detail }) });
 const mime = { '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css', '.json': 'application/json', '.ttf': 'font/ttf' };
@@ -135,7 +136,7 @@ async function tooltipChecks(page, label) {
 let browser;
 try {
   const origins = await Promise.all(['storybook-static', 'examples/org-chart/dist', 'examples/org-chart-react/dist'].map(directory => serve(path.join(root, directory))));
-  browser = await chromium.launch({ executablePath: process.env.ORGCHART_CHROME ?? 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe', headless: true });
+  browser = await launchChromium({ headless: true });
   const context = await browser.newContext({ viewport: { width: 1440, height: 1000 }, reducedMotion: 'reduce' });
   const routes = [['department-colors', `${origins[0]}/iframe.html?id=orgchart--department-colors&viewMode=story`],
     ['full-composition', `${origins[0]}/iframe.html?id=orgchart--full-composition&viewMode=story`], ['html', `${origins[1]}/p1.html`], ['react', `${origins[2]}/p1.html`]];