111 lines
7.1 KiB
JavaScript
111 lines
7.1 KiB
JavaScript
const assert = require('assert')
|
|
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
|
|
const origin = process.argv[2] || 'http://localhost:5173'
|
|
const routes = [
|
|
['/pages/notification/n02-message-detail', '.notice-state--ready'],
|
|
['/pages/profile/m02-edit-profile', '.profile-state--ready'],
|
|
['/pages/profile/m03-security-settings', '.device-state--safe'],
|
|
['/pages/profile/m04-change-password', '.password-state--ready'],
|
|
['/pages/profile/m05-change-phone', '.phone-state--ready'],
|
|
['/pages/profile/m06-help-center', '.help-page'],
|
|
['/pages/profile/m07-feedback', '.feedback-state--ready'],
|
|
['/pages/profile/m08-promotion', '.share-state--ready'],
|
|
['/pages/profile/m09-vip-orders', '.order-state--empty'],
|
|
['/pages/profile/m10-about-settings', '.about-page'],
|
|
]
|
|
|
|
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', ({ data }) => { const message = JSON.parse(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 < 60; i += 1) { if (await valueOf(send, expression)) return; await sleep(100) } throw new Error(message) }
|
|
|
|
const run = async () => {
|
|
const { socket, send } = await connect()
|
|
let audit = 0
|
|
const open = async (route, selector) => {
|
|
audit += 1
|
|
const url = `${origin}/?nmAudit=${audit}#${route}`
|
|
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)}))`, `selector missing: ${route} ${selector}`)
|
|
}
|
|
try {
|
|
await send('Page.enable'); await send('Runtime.enable')
|
|
for (const size of [{ width: 320, height: 568 }, { width: 412, height: 915 }]) {
|
|
await send('Emulation.setDeviceMetricsOverride', { ...size, deviceScaleFactor: 1, mobile: true, screenWidth: size.width, screenHeight: size.height })
|
|
for (const [route, selector] of routes) {
|
|
await open(route, selector)
|
|
const metrics = await valueOf(send, `({ width: document.documentElement.scrollWidth, modulePage: Boolean(document.querySelector('.module-page')) })`)
|
|
assert(metrics.width <= size.width + 1, `${route} overflows at ${size.width}x${size.height}`)
|
|
assert.strictEqual(metrics.modulePage, false, `${route} still renders ModulePage`)
|
|
const stress = await valueOf(send, `(() => {
|
|
document.querySelectorAll('text').forEach((node) => {
|
|
if (node.children.length || !node.textContent.trim()) return
|
|
node.textContent = node.textContent.repeat(3)
|
|
const size = Number.parseFloat(getComputedStyle(node).fontSize)
|
|
if (size) node.style.fontSize = (size * 1.3) + 'px'
|
|
})
|
|
return { width: document.documentElement.scrollWidth, height: document.documentElement.scrollHeight }
|
|
})()`)
|
|
assert(stress.width <= size.width + 1, `${route} long text overflows at ${size.width}x${size.height}`)
|
|
assert(stress.height >= size.height, `${route} long content did not remain reachable at ${size.width}x${size.height}`)
|
|
}
|
|
}
|
|
|
|
await open('/pages/notification/n02-message-detail', '.notice-state--ready')
|
|
await valueOf(send, `document.querySelector('.app-button').click()`)
|
|
await waitFor(send, `document.body.innerText.includes('已读')`, 'N02 did not update read state')
|
|
|
|
await open('/pages/profile/m02-edit-profile', '.profile-state--ready')
|
|
await valueOf(send, `(() => { const input=document.querySelector('input'); input.value=''; input.dispatchEvent(new Event('input',{bubbles:true})); document.querySelector('.app-button').click(); return true })()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.field-error'))`, 'M02 did not validate nickname')
|
|
|
|
await open('/pages/profile/m03-security-settings', '.device-state--safe')
|
|
await valueOf(send, `document.querySelector('.security-row').click()`)
|
|
await waitFor(send, `location.hash.includes('/pages/profile/m04-change-password')`, 'M03 password navigation failed')
|
|
|
|
await open('/pages/profile/m04-change-password', '.password-state--ready')
|
|
await valueOf(send, `document.querySelector('.app-button').click()`)
|
|
assert.strictEqual(await valueOf(send, `document.querySelectorAll('.field-error').length`), 3, 'M04 must report all empty fields')
|
|
|
|
await open('/pages/profile/m05-change-phone', '.phone-state--ready')
|
|
await valueOf(send, `document.querySelector('.code-action').click()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.field-error'))`, 'M05 did not validate phone before code')
|
|
|
|
await open('/pages/profile/m06-help-center', '.help-page')
|
|
await valueOf(send, `(() => { const input=document.querySelector('input'); input.value='不存在的问题'; input.dispatchEvent(new Event('input',{bubbles:true})); return true })()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.empty-card'))`, 'M06 search empty state missing')
|
|
|
|
await open('/pages/profile/m07-feedback', '.feedback-state--ready')
|
|
await valueOf(send, `document.querySelector('.app-button').click()`)
|
|
assert.strictEqual(await valueOf(send, `document.querySelectorAll('.field-error').length`), 2, 'M07 must report type and description errors')
|
|
|
|
await open('/pages/profile/m08-promotion', '.share-state--ready')
|
|
await valueOf(send, `document.querySelector('.app-button').click()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M08 poster dialog missing')
|
|
|
|
await open('/pages/profile/m09-vip-orders', '.order-state--empty')
|
|
await valueOf(send, `document.querySelector('.app-button').click()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M09 service dialog missing')
|
|
|
|
await open('/pages/profile/m10-about-settings', '.about-page')
|
|
await valueOf(send, `document.querySelector('.settings-row').click()`)
|
|
await waitFor(send, `Boolean(document.querySelector('.app-dialog'))`, 'M10 agreement dialog missing')
|
|
process.stdout.write('NM-BUSINESS-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) })
|