90 lines
3.4 KiB
JavaScript
90 lines
3.4 KiB
JavaScript
import { mkdirSync } from 'node:fs';
|
|
import { dirname } from 'node:path';
|
|
import { chromium } from 'playwright';
|
|
|
|
const targetUrl = withQaParams(process.env.PUBLIC_QA_URL ?? 'https://comtropy.synology.me/heros_web/');
|
|
const screenshotPath = process.env.PUBLIC_QA_SCREENSHOT ?? 'dist/public-deploy-qa.png';
|
|
const relevantLogPattern = /asset|audio|cannot|failed|map|missing|portrait|sprite|story|texture|unit/i;
|
|
|
|
mkdirSync(dirname(screenshotPath), { recursive: true });
|
|
|
|
const browser = await chromium.launch({ headless: true });
|
|
|
|
try {
|
|
const page = await browser.newPage({ viewport: { width: 1280, height: 720 } });
|
|
const consoleMessages = [];
|
|
const pageErrors = [];
|
|
const requestFailures = [];
|
|
page.on('console', (message) => {
|
|
consoleMessages.push({ type: message.type(), text: message.text() });
|
|
});
|
|
page.on('pageerror', (error) => {
|
|
pageErrors.push(error.message);
|
|
});
|
|
page.on('requestfailed', (request) => {
|
|
requestFailures.push({
|
|
url: request.url(),
|
|
type: request.resourceType(),
|
|
failure: request.failure()?.errorText ?? 'unknown'
|
|
});
|
|
});
|
|
|
|
await page.goto(targetUrl, { waitUntil: 'domcontentloaded', timeout: 90000 });
|
|
await page.waitForFunction(() => document.querySelector('canvas') !== null, undefined, { timeout: 90000 });
|
|
await page.waitForFunction(() => {
|
|
const canvas = document.querySelector('canvas');
|
|
return Boolean(canvas && canvas.width >= 960 && canvas.height >= 540);
|
|
}, undefined, { timeout: 90000 });
|
|
await page.waitForTimeout(3000);
|
|
await page.screenshot({ path: screenshotPath, fullPage: true });
|
|
|
|
const state = await page.evaluate(() => {
|
|
const canvas = document.querySelector('canvas');
|
|
return {
|
|
title: document.title,
|
|
canvasCount: document.querySelectorAll('canvas').length,
|
|
canvas: canvas
|
|
? {
|
|
width: canvas.width,
|
|
height: canvas.height,
|
|
clientWidth: canvas.clientWidth,
|
|
clientHeight: canvas.clientHeight
|
|
}
|
|
: undefined
|
|
};
|
|
});
|
|
|
|
assert(state.title?.trim().length > 0, `Expected deployed page title: ${JSON.stringify(state)}`);
|
|
assert(state.canvasCount === 1, `Expected exactly one game canvas: ${JSON.stringify(state)}`);
|
|
assert(state.canvas?.width >= 960 && state.canvas?.height >= 540, `Expected desktop-size game canvas: ${JSON.stringify(state)}`);
|
|
|
|
const relevantLogs = consoleMessages.filter(
|
|
(message) => message.type === 'error' || (isWarning(message.type) && relevantLogPattern.test(message.text))
|
|
);
|
|
assert(relevantLogs.length === 0, `Unexpected public deploy console issues: ${JSON.stringify(relevantLogs, null, 2)}`);
|
|
assert(pageErrors.length === 0, `Unexpected public deploy page errors: ${JSON.stringify(pageErrors, null, 2)}`);
|
|
assert(requestFailures.length === 0, `Unexpected public deploy request failures: ${JSON.stringify(requestFailures, null, 2)}`);
|
|
|
|
console.log(`Verified public deploy at ${targetUrl}`);
|
|
console.log(`Captured ${screenshotPath}`);
|
|
} finally {
|
|
await browser.close();
|
|
}
|
|
|
|
function withQaParams(url) {
|
|
const parsed = new URL(url);
|
|
parsed.searchParams.set('renderer', 'canvas');
|
|
parsed.searchParams.set('v', process.env.PUBLIC_QA_VERSION ?? String(Date.now()));
|
|
return parsed.toString();
|
|
}
|
|
|
|
function isWarning(type) {
|
|
return type === 'warning' || type === 'warn';
|
|
}
|
|
|
|
function assert(condition, message) {
|
|
if (!condition) {
|
|
throw new Error(message);
|
|
}
|
|
}
|