69 lines
5.1 KiB
JavaScript
69 lines
5.1 KiB
JavaScript
const sleep = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds))
|
|
const origin = process.argv[2] || 'http://localhost:5173'
|
|
const consumers = [
|
|
['/pages/family/f03-feed-detail', '.feed-detail-page'], ['/pages/family/f04-article-list', '.article-list-page'],
|
|
['/pages/family/f05-article-detail', '.article-detail-page'], ['/pages/family/f07-album-list', '.album-list-page'],
|
|
['/pages/records/r03-gift-list', '.gift-page'], ['/pages/records/r04-gift-editor', '.gift-editor-page'],
|
|
['/pages/records/r05-ritual-list', '.ritual-page'], ['/pages/records/r06-ritual-detail', '.ritual-detail-page'],
|
|
['/pages/records/r07-ritual-editor', '.ritual-editor-page'], ['/pages/records/r08-growth-journal', '.timeline-page'],
|
|
['/pages/records/r09-life-events', '.timeline-page'], ['/pages/records/r10-memo-list', '.memo-page'],
|
|
['/pages/records/r11-merit-records', '.merit-page'], ['/pages/notification/n02-message-detail', '.notice-detail-page'],
|
|
['/pages/profile/m02-edit-profile', '.profile-edit-page'], ['/pages/profile/m03-security-settings', '.security-page'],
|
|
['/pages/profile/m04-change-password', '.password-page'], ['/pages/profile/m05-change-phone', '.phone-page'],
|
|
['/pages/profile/m06-help-center', '.help-page'], ['/pages/profile/m07-feedback', '.feedback-page'],
|
|
['/pages/profile/m08-promotion', '.promotion-page'], ['/pages/profile/m09-vip-orders', '.orders-page'],
|
|
['/pages/profile/m10-about-settings', '.about-page']
|
|
]
|
|
const sizes = [{ width: 320, height: 568 }, { width: 360, height: 640 }, { width: 360, height: 800 }, { width: 412, height: 915 }]
|
|
const connect = async () => {
|
|
const pages = await (await fetch('http://127.0.0.1:9222/json/list')).json()
|
|
const page = pages.find((item) => item.type === 'page' && item.url.startsWith(`${origin}/`))
|
|
if (!page) throw new Error(`Chrome debugging has no ${origin} page`)
|
|
const socket = new WebSocket(page.webSocketDebuggerUrl)
|
|
await new Promise((resolve, reject) => { socket.addEventListener('open', resolve, { once: true }); socket.addEventListener('error', reject, { once: true }) })
|
|
let id = 0
|
|
const pending = new Map()
|
|
socket.addEventListener('message', (event) => {
|
|
const message = JSON.parse(event.data); const request = pending.get(message.id); if (!request) return
|
|
pending.delete(message.id); message.error ? request.reject(new Error(message.error.message)) : request.resolve(message.result)
|
|
})
|
|
const send = (method, params = {}) => new Promise((resolve, reject) => { id += 1; pending.set(id, { resolve, reject }); socket.send(JSON.stringify({ id, method, params })) })
|
|
return { socket, send }
|
|
}
|
|
const valueOf = async (send, expression) => (await send('Runtime.evaluate', { expression, returnByValue: true })).result?.value
|
|
const waitFor = async (send, expression, message) => { for (let i = 0; i < 50; i += 1) { if (await valueOf(send, expression)) return; await sleep(100) } throw new Error(message) }
|
|
let auditId = 0
|
|
const open = async (send, route, query, selector) => {
|
|
auditId += 1
|
|
const url = `${origin}/?moduleAudit=${auditId}#${route}${query}`; await send('Page.navigate', { url }); await waitFor(send, `location.href === ${JSON.stringify(url)}`, `Navigation failed: ${route}`); await waitFor(send, `Boolean(document.querySelector(${JSON.stringify(selector)}))`, `State missing: ${route}${query}`)
|
|
}
|
|
const run = async () => {
|
|
const { socket, send } = await connect()
|
|
try {
|
|
await send('Page.enable'); await send('Runtime.enable')
|
|
await open(send, '/pages/family/f04-article-list', '', '.article-list-page')
|
|
await open(send, '/pages/records/r04-gift-editor', '', '.gift-editor-page')
|
|
await open(send, '/pages/family/f03-feed-detail', '', '.feed-detail-page')
|
|
await open(send, '/pages/records/r08-growth-journal', '', '.timeline-page')
|
|
await open(send, '/pages/profile/m03-security-settings', '', '.security-page')
|
|
await open(send, '/pages/profile/m09-vip-orders', '', '.orders-page')
|
|
await open(send, '/pages/family/f04-article-list', '?state=empty', '.article-list-state--empty')
|
|
await open(send, '/pages/records/r04-gift-editor', '?mode=edit&giftId=missing', '.gift-editor-state--error')
|
|
await open(send, '/pages/notification/n02-message-detail', '?state=expired', '.notice-state--expired')
|
|
for (const size of sizes) {
|
|
await send('Emulation.setDeviceMetricsOverride', { ...size, deviceScaleFactor: 1, mobile: true, screenWidth: size.width, screenHeight: size.height })
|
|
for (const [route, selector] of consumers) {
|
|
await open(send, route, '', selector)
|
|
const documentWidth = await valueOf(send, 'document.documentElement.scrollWidth')
|
|
if (documentWidth > size.width + 1) throw new Error(`${route} overflows at ${size.width}x${size.height}`)
|
|
if (await valueOf(send, "Boolean(document.querySelector('.module-page'))")) throw new Error(`${route} still renders the retired generic ModulePage`)
|
|
}
|
|
}
|
|
process.stdout.write('MODULE-PAGE-RUNTIME-SMOKE PASS\n')
|
|
} finally {
|
|
try { await send('Emulation.clearDeviceMetricsOverride') } catch (_) {}
|
|
socket.close()
|
|
}
|
|
}
|
|
run().catch((error) => { process.stderr.write(`${error.stack || error.message}\n`); process.exit(1) })
|