N8n Browser

1// Shared browser helpers: settings, Playwright launch, and n8n sign-in.
2// Uses the Playwright copy in the repo test package. Falls back to the local Chrome install.
3import { createRequire } from 'node:module';
4import { existsSync, readFileSync } from 'node:fs';
5import { dirname, join, resolve } from 'node:path';
6import { fileURLToPath } from 'node:url';
7
8const here = dirname(fileURLToPath(import.meta.url));
9const repo = resolve(here, '../../../..');
10const require = createRequire(join(repo, 'packages/quality/testing/playwright/package.json'));
11const { chromium, expect, selectors } = require('@playwright/test');
12export { expect, selectors };
13// pngjs, as Playwright bundles it. Image diffs use it, so the skills need no extra package.
14export const loadPng = () =>
15	createRequire(require.resolve('@playwright/test'))('playwright-core/lib/utilsBundle').PNG;
16
17// Same order as n8n_api.config(): .env.local, then .env.ai-surfaces, then the environment.
18const settings = {};
19for (const file of [
20	join(repo, '.env.local'),
21	process.env.AI_SURFACES_ENV ?? join(repo, '.env.ai-surfaces'),
22]) {
23	if (!existsSync(file)) continue;
24	for (const line of readFileSync(file, 'utf8').split('\n')) {
25		const match = line.match(/^\s*(?:export\s+)?([A-Z0-9_]+)\s*=\s*(.*)$/);
26		if (!match) continue;
27		const value = match[2].trim().replace(/^(['"])(.*)\1$/, '$2');
28		if (value) settings[match[1]] = value;
29	}
30}
31export const setting = (name, fallback) => process.env[name] || settings[name] || fallback;
32
33export const baseUrl = setting('N8N_BASE_URL', 'http://localhost:5678').replace(/\/$/, '');
34
35export async function launchBrowser() {
36	const launch = existsSync(chromium.executablePath()) ? {} : { channel: 'chrome' };
37	return await chromium.launch({ headless: true, ...launch });
38}
39
40export async function signIn(page) {
41	await page.goto(`${baseUrl}/signin`);
42	await page
43		.getByRole('textbox', { name: 'Email' })
44		.fill(setting('N8N_EVAL_EMAIL', 'nathan@n8n.io'));
45	await page
46		.getByRole('textbox', { name: 'Password' })
47		.fill(setting('N8N_EVAL_PASSWORD', 'PlaywrightTest123'));
48	await page.getByRole('button', { name: 'Sign in', exact: true }).click();
49	await page.waitForURL((url) => !url.pathname.startsWith('/signin'), { timeout: 30_000 });
50}