桌面应用图标替换为 B-brackets 设计(深藏青 + 白/蓝花括号)
- icon.svg 取自 opsx-icon-options/api/B-brackets.svg,全套光栅重生成: icon.icns(iconutil)、icon.ico(PNG-in-ICO 6 尺寸)、16-1024 PNG、Windows Square*/StoreLogo - 替换 Tauri 脚手架默认五角星图标;GUI 重启实测 Dock 图标已生效 - 服务全量重启:server 8787(官网/文档 200)+ web 5173 + 桌面 GUI
No files matched your search
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 256 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 155 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 88 KiB |
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"verdict": "有缺陷",
|
||||
"pass": [
|
||||
"通道切换往返: 自动|Web 代理|浏览器直连|桌面直连",
|
||||
"打开环境变量面板",
|
||||
"集合树切换到回归 GET",
|
||||
"URL 脏点已写入",
|
||||
"脏点/保存相关 UI 可见或已 Cmd+S",
|
||||
"发送 HTTP 以产生历史",
|
||||
"新建 WebSocket",
|
||||
"填写 WS URL",
|
||||
"填写 Authorization Header",
|
||||
"连接后出现状态文案",
|
||||
"重放 toast: 重放成功 · HTTP 200 · 22ms"
|
||||
],
|
||||
"fail": [
|
||||
"WS流程: locator.click: Timeout 15000ms exceeded.\nCall log:\n - waiting for getByRole('button', { name: /发送/ }).first()\n - locator resolved to <button disabled class=\"ops-btn ops-btn-primary\">发送消息</button>\n - attempting click action\n 2 × waiting for element to be visible, enabled and stable\n - element is not enabled\n - retrying click action\n - waiting 20ms\n 2 × waiting for element to be visible, enabled and stable\n - element is not enabled\n - retrying click action\n - waiting 100ms\n 28 × waiting for element to be visible, enabled and stable\n - element is not enabled\n - retrying click action\n - waiting 500ms\n"
|
||||
],
|
||||
"notes": [
|
||||
"title=OpsxAPI · 接口工作台",
|
||||
"selectCount=1",
|
||||
"select0=自动/Web 代理/浏览器直连/桌面直连"
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,255 @@
|
||||
import { chromium } from 'playwright';
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
const outDir = path.resolve('.ui-review/accept-2026-09-19');
|
||||
const log = [];
|
||||
const shot = async (page, name) => {
|
||||
const p = path.join(outDir, name);
|
||||
await page.screenshot({ path: p, fullPage: false });
|
||||
log.push(`shot:${name}`);
|
||||
};
|
||||
|
||||
const result = { pass: [], fail: [], notes: [] };
|
||||
|
||||
async function main() {
|
||||
const browser = await chromium.launch({ headless: true });
|
||||
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
|
||||
page.setDefaultTimeout(12000);
|
||||
await page.goto('http://127.0.0.1:5173/', { waitUntil: 'networkidle' });
|
||||
await shot(page, 'web-01-home.png');
|
||||
|
||||
// Channel switch
|
||||
try {
|
||||
const channel = page.getByRole('combobox').or(page.locator('select, [aria-label*="通道"], button:has-text("通道")')).first();
|
||||
// Top bar has 通道 popup - from AX it was AXPopUpButton 发信通道
|
||||
const pop = page.locator('text=通道').first();
|
||||
await pop.click({ timeout: 5000 }).catch(() => {});
|
||||
// Try select options visible
|
||||
const modes = ['自动', 'Web代理', '浏览器', '桌面'];
|
||||
let switched = false;
|
||||
for (const m of modes) {
|
||||
const opt = page.getByText(m, { exact: true }).first();
|
||||
if (await opt.isVisible().catch(() => false)) {
|
||||
await opt.click();
|
||||
switched = true;
|
||||
result.pass.push(`通道切换点击到「${m}」`);
|
||||
break;
|
||||
}
|
||||
}
|
||||
// Also try native select
|
||||
const select = page.locator('select').filter({ hasText: /自动|代理|浏览器|桌面/ }).first();
|
||||
if (await select.count()) {
|
||||
const options = await select.locator('option').allTextContents();
|
||||
result.notes.push('channel select options: ' + options.join('|'));
|
||||
if (options.length > 1) {
|
||||
await select.selectOption({ index: 1 });
|
||||
await select.selectOption({ index: 0 });
|
||||
switched = true;
|
||||
result.pass.push('通道 select 往返切换');
|
||||
}
|
||||
}
|
||||
if (!switched) result.fail.push('通道切换:未找到可点选项');
|
||||
await shot(page, 'web-02-channel.png');
|
||||
} catch (e) {
|
||||
result.fail.push('通道切换异常: ' + e.message);
|
||||
}
|
||||
|
||||
// Env switch - button 本地 1 变量
|
||||
try {
|
||||
const envBtn = page.getByRole('button', { name: /变量|环境/ }).first();
|
||||
if (await envBtn.count()) {
|
||||
await envBtn.click();
|
||||
result.pass.push('打开环境/变量');
|
||||
await page.keyboard.press('Escape').catch(() => {});
|
||||
} else {
|
||||
result.fail.push('环境切换:未找到环境按钮');
|
||||
}
|
||||
await shot(page, 'web-03-env.png');
|
||||
} catch (e) {
|
||||
result.fail.push('环境: ' + e.message);
|
||||
}
|
||||
|
||||
// Collection tree - click an existing request
|
||||
try {
|
||||
const req = page.getByText('回归 · GET Query').first();
|
||||
await req.click({ timeout: 5000 });
|
||||
result.pass.push('集合树点击切换到「回归 · GET Query」');
|
||||
await shot(page, 'web-04-tree.png');
|
||||
} catch (e) {
|
||||
result.fail.push('集合树点击: ' + e.message);
|
||||
}
|
||||
|
||||
// Dirty save - edit URL then look for save/dirty indicator
|
||||
try {
|
||||
const urlInput = page.locator('input').filter({ hasText: '' }).nth(0);
|
||||
// Prefer visible URL field near method
|
||||
const candidates = page.locator('input[value*="http"], input[placeholder*="http"], textarea, input');
|
||||
let edited = false;
|
||||
const count = await candidates.count();
|
||||
for (let i = 0; i < Math.min(count, 30); i++) {
|
||||
const el = candidates.nth(i);
|
||||
const val = await el.inputValue().catch(() => '');
|
||||
if (val.includes('http') || val.includes('127.0.0.1') || val.includes('/v1/')) {
|
||||
await el.click();
|
||||
await el.fill(val + (val.includes('?') ? '&' : '?') + '_dirty=1');
|
||||
edited = true;
|
||||
result.pass.push('编辑 URL 制造脏点');
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!edited) result.notes.push('未定位到 URL 输入框,跳过脏点编辑');
|
||||
// Try save shortcut or save button
|
||||
await page.keyboard.press('Meta+s').catch(() => {});
|
||||
const saveBtn = page.getByRole('button', { name: /保存/ }).first();
|
||||
if (await saveBtn.isVisible().catch(() => false)) {
|
||||
await saveBtn.click();
|
||||
result.pass.push('点击保存');
|
||||
} else {
|
||||
result.notes.push('未见「保存」按钮(可能自动持久化)');
|
||||
}
|
||||
await shot(page, 'web-05-dirty.png');
|
||||
} catch (e) {
|
||||
result.fail.push('脏点保存: ' + e.message);
|
||||
}
|
||||
|
||||
// New WebSocket via 新建 menu
|
||||
try {
|
||||
await page.getByRole('button', { name: '新建' }).first().click();
|
||||
await page.waitForTimeout(400);
|
||||
const wsItem = page.getByText(/WebSocket|WS/i).first();
|
||||
if (await wsItem.isVisible().catch(() => false)) {
|
||||
await wsItem.click();
|
||||
result.pass.push('新建 WebSocket');
|
||||
} else {
|
||||
// menu items
|
||||
const items = await page.locator('[role="menu"] >> text=/WebSocket|websocket|WS/i').allTextContents().catch(() => []);
|
||||
result.notes.push('新建菜单项: ' + JSON.stringify(items));
|
||||
result.fail.push('新建菜单未见 WebSocket');
|
||||
}
|
||||
await shot(page, 'web-06-new-ws.png');
|
||||
} catch (e) {
|
||||
result.fail.push('新建 WS: ' + e.message);
|
||||
}
|
||||
|
||||
// Fill WS url + header if editor present
|
||||
try {
|
||||
const urlBox = page.locator('input').filter({ hasNot: page.locator('[type=checkbox]') });
|
||||
// fill first empty-ish or wss field
|
||||
let filledUrl = false;
|
||||
const n = await page.locator('input').count();
|
||||
for (let i = 0; i < n; i++) {
|
||||
const el = page.locator('input').nth(i);
|
||||
const ph = (await el.getAttribute('placeholder').catch(() => '')) || '';
|
||||
const val = await el.inputValue().catch(() => '');
|
||||
if (/wss?|url|地址/i.test(ph) || val.startsWith('ws') || (val === '' && /url/i.test(ph))) {
|
||||
await el.fill('wss://ws.postman-echo.com/raw');
|
||||
filledUrl = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!filledUrl) {
|
||||
// try active tab url field - often the long input
|
||||
const longInputs = page.locator('input.ops-input, input[class*="input"]');
|
||||
if (await longInputs.count()) {
|
||||
await longInputs.first().fill('wss://ws.postman-echo.com/raw');
|
||||
filledUrl = true;
|
||||
}
|
||||
}
|
||||
if (filledUrl) result.pass.push('填写 WS URL');
|
||||
else result.fail.push('未能填写 WS URL');
|
||||
|
||||
// Headers tab
|
||||
const hdrTab = page.getByRole('tab', { name: /Header|请求头|头/i }).or(page.getByText('Headers')).first();
|
||||
if (await hdrTab.isVisible().catch(() => false)) await hdrTab.click();
|
||||
// Add Authorization row
|
||||
const addHdr = page.getByRole('button', { name: /添加|Add/ }).first();
|
||||
if (await addHdr.isVisible().catch(() => false)) await addHdr.click();
|
||||
// Fill key/value - best effort
|
||||
await page.getByPlaceholder(/[Kk]ey|名称|Header/).first().fill('Authorization').catch(() => {});
|
||||
await page.getByPlaceholder(/[Vv]alue|值/).first().fill('Bearer smoke').catch(() => {});
|
||||
// fallback: any two empty inputs in header editor
|
||||
result.notes.push('Header 填写尽力而为');
|
||||
await shot(page, 'web-07-ws-filled.png');
|
||||
|
||||
const connectBtn = page.getByRole('button', { name: /连接|Connect/ }).first();
|
||||
if (await connectBtn.isVisible().catch(() => false)) {
|
||||
await connectBtn.click();
|
||||
await page.waitForTimeout(2500);
|
||||
result.pass.push('点击连接');
|
||||
const bodyText = await page.locator('body').innerText();
|
||||
if (/open|已连接|连接成功|ping|tunnel|自定义 Header/i.test(bodyText)) {
|
||||
result.pass.push('连接后 UI 出现成功/系统相关文案');
|
||||
} else {
|
||||
result.notes.push('连接后未明确看到成功文案,需人工看截图');
|
||||
}
|
||||
// try send
|
||||
const sendBox = page.locator('textarea, input[placeholder*="消息"], input[placeholder*="发送"]').first();
|
||||
if (await sendBox.isVisible().catch(() => false)) {
|
||||
await sendBox.fill('ping-gui-reg');
|
||||
const sendBtn = page.getByRole('button', { name: /发送|Send/ }).first();
|
||||
if (await sendBtn.isVisible().catch(() => false)) await sendBtn.click();
|
||||
await page.waitForTimeout(1500);
|
||||
result.pass.push('尝试发送消息');
|
||||
}
|
||||
} else {
|
||||
result.fail.push('未见连接按钮');
|
||||
}
|
||||
await shot(page, 'web-08-ws-connected.png');
|
||||
} catch (e) {
|
||||
result.fail.push('WS 填表/连接: ' + e.message);
|
||||
}
|
||||
|
||||
// History replay toast
|
||||
try {
|
||||
await page.getByRole('button', { name: /历史/ }).first().click();
|
||||
await page.waitForTimeout(500);
|
||||
await shot(page, 'web-09-history.png');
|
||||
const replay = page.getByRole('button', { name: /重放/ }).first();
|
||||
if (await replay.isVisible().catch(() => false)) {
|
||||
await replay.click();
|
||||
await page.waitForTimeout(2000);
|
||||
const toast = page.locator('.ops-toast, [class*="toast"]');
|
||||
const toastText = (await toast.allTextContents().catch(() => [])).join(' | ');
|
||||
const body = await page.locator('body').innerText();
|
||||
if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(toastText + body)) {
|
||||
result.pass.push('历史重放出现 toast/文案: ' + (toastText || 'body匹配').slice(0, 120));
|
||||
} else {
|
||||
result.fail.push('点了重放但未见 toast 文案');
|
||||
}
|
||||
} else {
|
||||
// hover history rows
|
||||
const rows = page.locator('text=/GET|POST|WS|重放/');
|
||||
result.notes.push('历史面板打开;重放按钮可能需悬停');
|
||||
const hist = page.locator('.ops-tree-row, [class*="history"]');
|
||||
if (await hist.count()) {
|
||||
await hist.first().hover();
|
||||
await page.waitForTimeout(300);
|
||||
if (await page.getByRole('button', { name: /重放/ }).first().isVisible().catch(() => false)) {
|
||||
await page.getByRole('button', { name: /重放/ }).first().click();
|
||||
await page.waitForTimeout(2000);
|
||||
const body = await page.locator('body').innerText();
|
||||
if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(body)) {
|
||||
result.pass.push('悬停后重放 toast 文案可见');
|
||||
} else result.fail.push('悬停重放后未见 toast');
|
||||
} else result.fail.push('悬停后仍无重放按钮');
|
||||
} else result.fail.push('历史为空或结构不符');
|
||||
}
|
||||
await shot(page, 'web-10-replay.png');
|
||||
} catch (e) {
|
||||
result.fail.push('历史重放: ' + e.message);
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
const summary = {
|
||||
verdict: result.fail.length ? '有缺陷' : '通过',
|
||||
...result,
|
||||
};
|
||||
fs.writeFileSync(path.join(outDir, 'web-reg-result.json'), JSON.stringify(summary, null, 2));
|
||||
console.log(JSON.stringify(summary, null, 2));
|
||||
}
|
||||
|
||||
main().catch((e) => {
|
||||
console.error(e);
|
||||
process.exit(1);
|
||||
});
|
||||
@@ -0,0 +1,275 @@
|
||||
import { chromium } from 'playwright';
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
|
||||
const outDir = path.resolve('.ui-review/accept-2026-09-19');
|
||||
const result = { pass: [], fail: [], notes: [] };
|
||||
const shot = async (page, name) => {
|
||||
await page.screenshot({ path: path.join(outDir, name) });
|
||||
};
|
||||
|
||||
async function main() {
|
||||
const browser = await chromium.launch({
|
||||
headless: true,
|
||||
channel: 'chrome',
|
||||
});
|
||||
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
|
||||
page.setDefaultTimeout(15000);
|
||||
await page.goto('http://127.0.0.1:5173/', { waitUntil: 'domcontentloaded' });
|
||||
await page.waitForTimeout(1500);
|
||||
await shot(page, 'web-01-home.png');
|
||||
const title = await page.title();
|
||||
result.notes.push('title=' + title);
|
||||
|
||||
// Channel: look for select near 通道
|
||||
try {
|
||||
const selects = page.locator('select');
|
||||
const sc = await selects.count();
|
||||
result.notes.push('selectCount=' + sc);
|
||||
let channelDone = false;
|
||||
for (let i = 0; i < sc; i++) {
|
||||
const sel = selects.nth(i);
|
||||
const opts = await sel.locator('option').allTextContents();
|
||||
result.notes.push('select' + i + '=' + opts.join('/'));
|
||||
if (opts.some((o) => /自动|代理|浏览器|桌面|Web|browser|tauri|auto/i.test(o))) {
|
||||
const values = await sel.locator('option').evaluateAll((os) => os.map((o) => o.value));
|
||||
if (values.length > 1) {
|
||||
await sel.selectOption(values[1]);
|
||||
await page.waitForTimeout(300);
|
||||
await sel.selectOption(values[0]);
|
||||
result.pass.push('通道切换往返: ' + opts.join('|'));
|
||||
channelDone = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!channelDone) {
|
||||
// click text 通道 then options
|
||||
await page.getByText('通道', { exact: true }).first().click().catch(() => {});
|
||||
await page.waitForTimeout(300);
|
||||
for (const m of ['Web 代理', 'Web代理', '浏览器', '桌面', '自动']) {
|
||||
const o = page.getByText(m, { exact: true });
|
||||
if (await o.count()) {
|
||||
await o.first().click();
|
||||
result.pass.push('通道点选 ' + m);
|
||||
channelDone = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!channelDone) result.fail.push('通道切换失败');
|
||||
await shot(page, 'web-02-channel.png');
|
||||
} catch (e) {
|
||||
result.fail.push('通道: ' + e.message);
|
||||
}
|
||||
|
||||
// Env
|
||||
try {
|
||||
const envBtn = page.getByRole('button', { name: /变量/ });
|
||||
if (await envBtn.count()) {
|
||||
await envBtn.first().click();
|
||||
await page.waitForTimeout(500);
|
||||
result.pass.push('打开环境变量面板');
|
||||
await page.keyboard.press('Escape');
|
||||
} else result.fail.push('无环境变量按钮');
|
||||
await shot(page, 'web-03-env.png');
|
||||
} catch (e) {
|
||||
result.fail.push('环境: ' + e.message);
|
||||
}
|
||||
|
||||
// Tree
|
||||
try {
|
||||
await page.getByText('回归 · GET Query').first().click({ timeout: 8000 });
|
||||
result.pass.push('集合树切换到回归 GET');
|
||||
await page.waitForTimeout(500);
|
||||
await shot(page, 'web-04-tree.png');
|
||||
} catch (e) {
|
||||
result.fail.push('集合树: ' + e.message);
|
||||
}
|
||||
|
||||
// Dirty
|
||||
try {
|
||||
let edited = false;
|
||||
const inputs = page.locator('input');
|
||||
const n = await inputs.count();
|
||||
for (let i = 0; i < n; i++) {
|
||||
const el = inputs.nth(i);
|
||||
const val = await el.inputValue().catch(() => '');
|
||||
if (/https?:|127\.0\.0\.1|\/v1\//.test(val)) {
|
||||
await el.fill(val.replace(/([?&]_dirty=1)/g, '') + (val.includes('?') ? '&' : '?') + '_dirty=1');
|
||||
edited = true;
|
||||
result.pass.push('URL 脏点已写入');
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!edited) result.fail.push('未找到可编辑 URL');
|
||||
// look for dirty marker / save
|
||||
await page.keyboard.press('Meta+s');
|
||||
await page.waitForTimeout(400);
|
||||
const body = await page.locator('body').innerText();
|
||||
if (/未保存|脏|dirty|\*/i.test(body) || (await page.getByRole('button', { name: /保存/ }).count())) {
|
||||
result.pass.push('脏点/保存相关 UI 可见或已 Cmd+S');
|
||||
} else {
|
||||
result.notes.push('可能自动持久化,未见显式脏标记');
|
||||
}
|
||||
await shot(page, 'web-05-dirty.png');
|
||||
} catch (e) {
|
||||
result.fail.push('脏点: ' + e.message);
|
||||
}
|
||||
|
||||
// First send HTTP to create history
|
||||
try {
|
||||
const send = page.getByRole('button', { name: /发送/ }).first();
|
||||
if (await send.count()) {
|
||||
await send.click();
|
||||
await page.waitForTimeout(2000);
|
||||
result.pass.push('发送 HTTP 以产生历史');
|
||||
}
|
||||
} catch (e) {
|
||||
result.notes.push('发送: ' + e.message);
|
||||
}
|
||||
|
||||
// New WS
|
||||
try {
|
||||
await page.getByRole('button', { name: '新建' }).first().click();
|
||||
await page.waitForTimeout(500);
|
||||
await shot(page, 'web-06-new-menu.png');
|
||||
const cand = page.locator('text=/WebSocket|Websocket|WS/i');
|
||||
if (await cand.count()) {
|
||||
await cand.first().click();
|
||||
result.pass.push('新建 WebSocket');
|
||||
} else {
|
||||
result.fail.push('新建菜单无 WebSocket: ' + (await page.locator('body').innerText()).slice(0, 200));
|
||||
}
|
||||
await page.waitForTimeout(600);
|
||||
await shot(page, 'web-07-ws-editor.png');
|
||||
} catch (e) {
|
||||
result.fail.push('新建WS: ' + e.message);
|
||||
}
|
||||
|
||||
// Fill WS
|
||||
try {
|
||||
// URL field
|
||||
const inputs = page.locator('input');
|
||||
let ok = false;
|
||||
for (let i = 0; i < await inputs.count(); i++) {
|
||||
const el = inputs.nth(i);
|
||||
const ph = ((await el.getAttribute('placeholder')) || '') + (await el.getAttribute('aria-label') || '');
|
||||
const val = await el.inputValue().catch(() => '');
|
||||
if (/ws|url|地址|主机/i.test(ph + val) || val.startsWith('ws') || (i < 5 && val === '')) {
|
||||
// prefer empty or ws-looking near top of editor
|
||||
}
|
||||
}
|
||||
// Prefer the main URL bar: often largest width input with ws default
|
||||
const urlCandidates = await page.locator('input.ops-input, input').all();
|
||||
for (const el of urlCandidates) {
|
||||
const val = await el.inputValue().catch(() => '');
|
||||
const box = await el.boundingBox().catch(() => null);
|
||||
if (!box || box.width < 200) continue;
|
||||
if (val.startsWith('ws') || val === '' || /echo|localhost|127/.test(val)) {
|
||||
await el.fill('wss://ws.postman-echo.com/raw');
|
||||
ok = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (ok) result.pass.push('填写 WS URL');
|
||||
else {
|
||||
// force first wide input
|
||||
for (const el of urlCandidates) {
|
||||
const box = await el.boundingBox().catch(() => null);
|
||||
if (box && box.width > 300) {
|
||||
await el.fill('wss://ws.postman-echo.com/raw');
|
||||
ok = true;
|
||||
result.pass.push('填写 WS URL(宽输入框)');
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!ok) result.fail.push('WS URL 填写失败');
|
||||
|
||||
// Headers
|
||||
const headerTab = page.getByText('Headers', { exact: true }).or(page.getByText('请求头')).or(page.getByRole('tab', { name: /Header/i }));
|
||||
if (await headerTab.count()) await headerTab.first().click().catch(() => {});
|
||||
await page.waitForTimeout(300);
|
||||
// try add row
|
||||
const addBtns = page.getByRole('button', { name: /添加|+|\+/ });
|
||||
if (await addBtns.count()) await addBtns.first().click().catch(() => {});
|
||||
// fill key values in kv editor
|
||||
const placeholders = page.locator('input[placeholder*="Key"], input[placeholder*="键"], input[placeholder*="Header"], input[placeholder*="名称"]');
|
||||
if (await placeholders.count()) {
|
||||
await placeholders.first().fill('Authorization');
|
||||
const valPh = page.locator('input[placeholder*="Value"], input[placeholder*="值"]');
|
||||
if (await valPh.count()) await valPh.first().fill('Bearer smoke');
|
||||
result.pass.push('填写 Authorization Header');
|
||||
} else {
|
||||
// generic: last two empty inputs in view
|
||||
result.notes.push('Header 占位符未命中,尝试通用 KV');
|
||||
const all = page.locator('input');
|
||||
const vals = [];
|
||||
for (let i = 0; i < await all.count(); i++) {
|
||||
const v = await all.nth(i).inputValue().catch(() => null);
|
||||
vals.push(v);
|
||||
}
|
||||
result.notes.push('inputs snapshot count=' + vals.length);
|
||||
}
|
||||
|
||||
await shot(page, 'web-08-ws-filled.png');
|
||||
const connect = page.getByRole('button', { name: /连接/ });
|
||||
if (await connect.count()) {
|
||||
await connect.first().click();
|
||||
await page.waitForTimeout(3000);
|
||||
const text = await page.locator('body').innerText();
|
||||
if (/桌面原生|Gin 隧道|自定义 Header|open|已连接|连接成功|status/i.test(text)) {
|
||||
result.pass.push('连接后出现状态文案');
|
||||
} else result.notes.push('连接后文案不明确');
|
||||
const sendInput = page.locator('textarea, input[placeholder*="消息"], input[placeholder*="发送"]');
|
||||
if (await sendInput.count()) {
|
||||
await sendInput.first().fill('ping-gui-reg');
|
||||
const sendBtn = page.getByRole('button', { name: /发送/ });
|
||||
if (await sendBtn.count()) {
|
||||
await sendBtn.first().click();
|
||||
await page.waitForTimeout(1500);
|
||||
result.pass.push('已发送 ping-gui-reg');
|
||||
}
|
||||
}
|
||||
await shot(page, 'web-09-ws-live.png');
|
||||
} else result.fail.push('无连接按钮');
|
||||
} catch (e) {
|
||||
result.fail.push('WS流程: ' + e.message);
|
||||
}
|
||||
|
||||
// History replay
|
||||
try {
|
||||
await page.getByRole('button', { name: /历史/ }).first().click();
|
||||
await page.waitForTimeout(600);
|
||||
await shot(page, 'web-10-history.png');
|
||||
const rows = page.locator('.ops-tree-row, [class*="history"] >> ..');
|
||||
// hover first history-like row
|
||||
const replayBtn = page.getByRole('button', { name: '重放' });
|
||||
if (!(await replayBtn.count()) || !(await replayBtn.first().isVisible())) {
|
||||
const anyRow = page.locator('button:has-text("GET"), button:has-text("POST"), div.ops-tree-row').first();
|
||||
if (await anyRow.count()) await anyRow.hover();
|
||||
await page.waitForTimeout(400);
|
||||
}
|
||||
if (await replayBtn.count()) {
|
||||
await replayBtn.first().click({ force: true });
|
||||
await page.waitForTimeout(2200);
|
||||
const toast = page.locator('.ops-toast');
|
||||
const t = (await toast.allTextContents()).join(' | ');
|
||||
const body = await page.locator('body').innerText();
|
||||
if (/正在重放|重放成功|重放完成|重放失败|重放连接/i.test(t + body)) {
|
||||
result.pass.push('重放 toast: ' + (t || 'body命中').slice(0, 160));
|
||||
} else result.fail.push('重放后无 toast,toast=' + t);
|
||||
} else result.fail.push('无重放按钮');
|
||||
await shot(page, 'web-11-replay.png');
|
||||
} catch (e) {
|
||||
result.fail.push('重放: ' + e.message);
|
||||
}
|
||||
|
||||
await browser.close();
|
||||
const summary = { verdict: result.fail.length ? '有缺陷' : '通过', ...result };
|
||||
fs.writeFileSync(path.join(outDir, 'web-reg-result.json'), JSON.stringify(summary, null, 2));
|
||||
console.log(JSON.stringify(summary, null, 2));
|
||||
}
|
||||
|
||||
main().catch((e) => { console.error(e); process.exit(1); });
|
||||
|
After Width: | Height: | Size: 141 KiB |