mirror of
https://github.com/Abdess/retroarch_system.git
synced 2026-10-24 04:39:06 -05:00
Abdessamad Derraz
abe240073c
Pages of cards under one or two headings drop the table of contents, whose script watched every block of a 400-card page: 2 x 430 ms of main thread on a throttled phone. Tables are measured once the page is idle, skipping those in closed blocks, so a scrolling table is a tab stop anywhere on the page. The 12 heaviest pages score 97 to 100 in Lighthouse mobile, axe reports nothing on 16 pages in both themes, and the search answers the ten gate queries.
90 lines
4.6 KiB
JavaScript
90 lines
4.6 KiB
JavaScript
// End-to-end check of the two interactive pages, in a real browser.
|
|
// node check_tools.mjs <base url>
|
|
import { chromium } from 'playwright-core';
|
|
import assert from 'node:assert/strict';
|
|
|
|
const base = process.argv[2] ?? 'http://127.0.0.1:4321/retrobios/';
|
|
const browser = await chromium.launch({ executablePath: '/usr/bin/google-chrome' });
|
|
const page = await browser.newPage();
|
|
const errors = [];
|
|
page.on('pageerror', (error) => errors.push(error.message));
|
|
|
|
// Hash lookup: an MD5 lists every layer, a SHA1 permalink opens the card.
|
|
await page.goto(`${base}files/?hash=490f666e1afb15b7362b406ed1cea246`, { waitUntil: 'networkidle' });
|
|
const lookup = await page.textContent('#rb-file-lookup-status');
|
|
assert.match(lookup, /match/);
|
|
console.log('lookup md5:', lookup.slice(0, 160).replace(/\s+/g, ' '));
|
|
await page.goto(`${base}files/?sha1=0555c6fae8906f3f09baf5988f00e55f88e9f30b`, { waitUntil: 'networkidle' });
|
|
assert.ok(page.url().includes('systems/sony/#sha1-0555c6fae890'), page.url());
|
|
console.log('permalink sha1 ->', page.url());
|
|
|
|
// Picker on Get your files: Batocera, PlayStation only.
|
|
const transfers = [];
|
|
page.on('response', async (response) => {
|
|
if (response.url().includes('/data/picker/')) transfers.push([response.url(), (await response.body()).length]);
|
|
});
|
|
await page.goto(`${base}which-pack/?platform=batocera&system=sony-playstation`, { waitUntil: 'networkidle' });
|
|
await page.waitForSelector('.rb-pick-output:not([hidden])');
|
|
const result = await page.textContent('.rb-pick-result');
|
|
const command = await page.textContent('.rb-pick-cmd code');
|
|
const rows = await page.locator('.rb-pick-output tbody tr').count();
|
|
console.log('picker:', result);
|
|
console.log('command:', command);
|
|
console.log('rows:', rows, 'fetched:', transfers.map(([url, bytes]) => `${url.split('/').pop()} ${bytes} B`).join(', '));
|
|
assert.match(command, /--platform batocera --system sony-playstation$/);
|
|
assert.ok(rows > 0);
|
|
|
|
// Unchecking everything empties the result; "All" restores the full command.
|
|
await page.click('[data-none]');
|
|
assert.match(await page.textContent('.rb-pick-result'), /Choose at least one system/);
|
|
await page.click('[data-all]');
|
|
assert.match(await page.textContent('.rb-pick-cmd code'), /--platform batocera$/);
|
|
|
|
// A full hash typed in the search opens the lookup instead of text results.
|
|
await page.goto(base, { waitUntil: 'networkidle' });
|
|
await page.click('site-search button[data-open-modal]');
|
|
const search = page.locator('site-search dialog input').first();
|
|
await search.waitFor();
|
|
await search.fill('490f666e1afb15b7362b406ed1cea246');
|
|
await Promise.all([page.waitForURL(/files\/\?hash=/), search.press('Enter')]);
|
|
console.log('hash in search ->', page.url());
|
|
|
|
// Breadcrumbs name the tab and the group of a deep page.
|
|
await page.goto(`${base}emulators/duckstation/`, { waitUntil: 'networkidle' });
|
|
const crumbs = await page.locator('.rb-breadcrumbs li').allTextContents();
|
|
console.log('breadcrumbs:', crumbs.join(' / '));
|
|
assert.deepEqual(crumbs.slice(0, 2), ['Explore', 'Emulators']);
|
|
|
|
// Previous and next run on from one tab into the next.
|
|
await page.goto(`${base}wiki/glossary/`, { waitUntil: 'networkidle' });
|
|
const next = await page.locator('.pagination-links a[rel="next"]').getAttribute('href');
|
|
console.log('after the last Start here page:', next);
|
|
assert.ok(next && next.endsWith('/platforms/'), next);
|
|
|
|
// A glossary term opens its definition on a tap.
|
|
await page.goto(`${base}which-pack/`, { waitUntil: 'networkidle' });
|
|
const term = page.locator('abbr.rb-term').first();
|
|
await term.click();
|
|
assert.equal(await term.getAttribute('data-open'), '');
|
|
console.log('glossary term:', await term.textContent(), '=', await term.getAttribute('data-definition'));
|
|
|
|
// On a phone, a table whose rows end in a download is one block per row.
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
await page.goto(`${base}which-pack/`, { waitUntil: 'networkidle' });
|
|
// Tables are set up as they near the screen.
|
|
await page.locator('table:has(a[href*="/releases/download/"])').first().scrollIntoViewIfNeeded();
|
|
await page.waitForTimeout(300);
|
|
const stacked = await page.locator('table[data-rb-stack]').count();
|
|
const overflow = await page.evaluate(() => document.documentElement.scrollWidth > innerWidth + 1);
|
|
console.log('stacked tables:', stacked, 'page wider than the phone:', overflow);
|
|
assert.ok(stacked > 0);
|
|
assert.equal(overflow, false);
|
|
|
|
// A stale address offers the list its page may be in.
|
|
await page.goto(`${base}emulators/no-such-core/`, { waitUntil: 'networkidle' });
|
|
assert.match(await page.textContent('#rb-notfound-hint'), /list of emulators/);
|
|
|
|
assert.deepEqual(errors, []);
|
|
console.log('ok');
|
|
await browser.close();
|