Cesar Mendivil
8b458a3ddf
- Add Next.js app structure with base configs, linting, and formatting - Implement LiveKit Meet page, types, and utility functions - Add Docker, Compose, and deployment scripts for backend and token server - Provide E2E and smoke test scaffolding with Puppeteer and Playwright helpers - Include CSS modules and global styles for UI - Add postMessage and studio integration utilities - Update package.json with dependencies and scripts for development and testing
89 lines
3.7 KiB
JavaScript
89 lines
3.7 KiB
JavaScript
// Local E2E script that connects to a local Chrome remote debugging endpoint (http://127.0.0.1:9222)
|
|
// Usage:
|
|
// PUPPETEER_BROWSER_URL=http://127.0.0.1:9222 BROADCAST_URL=http://localhost:5175 node packages/broadcast-panel/scripts/browser_e2e_local.cjs
|
|
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
const puppeteer = require('puppeteer-core');
|
|
|
|
const LOG_DIR = path.resolve(process.cwd(), 'packages', 'broadcast-panel', 'tmp');
|
|
const LOG_FILE = path.join(LOG_DIR, 'browser_e2e_local.log');
|
|
if (!fs.existsSync(LOG_DIR)) fs.mkdirSync(LOG_DIR, { recursive: true });
|
|
|
|
function log(...args) {
|
|
const s = `[${new Date().toISOString()}] ${args.join(' ')}\n`;
|
|
fs.appendFileSync(LOG_FILE, s);
|
|
console.log(...args);
|
|
}
|
|
|
|
(async () => {
|
|
try {
|
|
const browserUrl = process.env.PUPPETEER_BROWSER_URL || process.env.BROWSERLESS_BROWSER_URL || 'http://127.0.0.1:9222';
|
|
const broadcastUrl = process.env.BROADCAST_URL || 'http://localhost:5175';
|
|
|
|
log('Connecting to Chrome at', browserUrl);
|
|
const browser = await puppeteer.connect({ browserURL: browserUrl, defaultViewport: { width: 1280, height: 800 } });
|
|
log('Connected to Chrome. Opening new page...');
|
|
const page = await browser.newPage();
|
|
|
|
page.on('console', msg => log('PAGE_CONSOLE:', msg.type(), msg.text()));
|
|
page.on('pageerror', err => log('PAGE_ERROR:', err && err.stack ? err.stack : err));
|
|
|
|
log('Navigating to', broadcastUrl);
|
|
await page.goto(broadcastUrl, { waitUntil: 'networkidle2', timeout: 60000 });
|
|
log('Page loaded:', page.url());
|
|
|
|
const xpaths = [
|
|
"//button[contains(normalize-space(.), 'Entrar al Estudio')]",
|
|
"//button[contains(normalize-space(.), 'Entrar al estudio')]",
|
|
"//button[contains(normalize-space(.), 'Entrar al Studio')]",
|
|
"//button[contains(normalize-space(.), 'Entrar')]",
|
|
"//a[contains(normalize-space(.), 'Entrar al Estudio')]",
|
|
"//a[contains(normalize-space(.), 'Entrar')]",
|
|
];
|
|
|
|
let handle = null;
|
|
for (const xp of xpaths) {
|
|
try {
|
|
log('Trying XPath:', xp);
|
|
handle = await page.waitForXPath(xp, { timeout: 3000 });
|
|
if (handle) { log('Found element for XPath:', xp); break; }
|
|
} catch (e) { }
|
|
}
|
|
|
|
if (!handle) {
|
|
log('ERROR: No "Entrar" button found. Dumping candidates...');
|
|
const candidates = await page.$$eval('button, a', els => els.slice(0,50).map(e => ({ text: e.innerText.trim().slice(0,80), html: e.outerHTML.slice(0,200) })));
|
|
log('CANDIDATES:', JSON.stringify(candidates, null, 2));
|
|
await browser.disconnect();
|
|
process.exit(2);
|
|
}
|
|
|
|
try { await handle.click(); log('Clicked Entrar'); } catch (e) { try { await page.evaluate(el => el.click(), handle); log('Clicked via evaluate'); } catch (e2) { log('Click failed', e2 && e2.message); } }
|
|
|
|
try { await page.waitForNavigation({ waitUntil: 'networkidle2', timeout: 8000 }); log('Navigation:', page.url()); } catch (e) { log('No navigation, checking popups...'); }
|
|
|
|
const pages = await browser.pages();
|
|
log('Open pages count:', pages.length);
|
|
for (const p of pages) log('PAGE:', p.target()._targetId || p.url(), p.url());
|
|
|
|
const studioPage = pages.find(p => /studio|session|\/\w{6}/i.test(p.url()));
|
|
if (studioPage) {
|
|
log('Detected studio candidate:', studioPage.url());
|
|
const u = new URL(studioPage.url());
|
|
const sessionParam = u.searchParams.get('session') || u.searchParams.get('token');
|
|
log('Session param (if any):', sessionParam);
|
|
} else {
|
|
log('No studio page detected. Current page URL:', page.url());
|
|
}
|
|
|
|
await browser.disconnect();
|
|
log('Done. Logs:', LOG_FILE);
|
|
process.exit(0);
|
|
} catch (err) {
|
|
log('FATAL', err && err.stack ? err.stack : err);
|
|
process.exit(10);
|
|
}
|
|
})();
|
|
|