mirror of
https://github.com/Abdess/retroarch_system.git
synced 2026-10-24 04:39:06 -05:00
Abdessamad Derraz
294942afd0
Tables with a download link stack on phones, the browser check covers the lookup, a hash typed in the search, breadcrumbs, previous and next across tabs, glossary terms and the 404 hint. validate_site budgets the Pagefind index pieces and takes the base path without mkdocs.yml. A test holds the picker to install.narrow() on 180 selections.
87 lines
4.4 KiB
JavaScript
87 lines
4.4 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' });
|
|
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();
|