webapp-testing · 检查网页是否真的能用

作者提供的示例，实际效果取决于你的输入和使用工具。

输入

本地测试页有“搜索”输入框和按钮；搜索 zz-no-match 显示“没有找到”；改搜“示例”后应看到示例报告。

输出

编辑示例 · 未运行

from playwright.sync_api import sync_playwright
with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    page.goto("http://127.0.0.1:3000/reports")
    page.get_by_role("textbox", name="搜索").fill("zz-no-match")
    page.get_by_role("button", name="搜索", exact=True).click()
    page.get_by_text("没有找到", exact=True).wait_for()
    page.get_by_role("textbox", name="搜索").fill("示例")
    page.get_by_role("button", name="搜索", exact=True).click()
    page.get_by_role("link", name="示例报告").wait_for()
    page.screenshot(path="search-recovery.png", full_page=True)
    browser.close()
# 本片段按示例控件编写，实际运行前先检查页面语义。

用浏览器按真实操作路径检查本地网页，保存截图和错误信息，帮你发现按钮点不通、流程走不完的问题。

具体任务

验证搜索无结果后可以重新搜索：用浏览器按真实操作路径检查本地网页，保存截图和错误信息，帮你发现按钮点不通、流程走不完的问题。

复现窄屏交互问题：设置真实视口和测试数据，走关键路径，采集截图、控制台和失败步骤。

必需材料

本地启动命令与测试 URL

明确操作步骤和预期结果

可选材料

测试账号与专用数据

截图和日志要求

使用门槛

已检查本地配置不会写生产或共享数据，存在可重置的任务专用样本。

这个 Skill 额外提供的方法

先观察页面真实结构再选择定位器，产出可以重跑的流程和可复查失败记录。

编辑示例（未运行）

验证搜索无结果后可以重新搜索

任务：请根据下面的示例材料完成验证搜索无结果后可以重新搜索，把判断依据和待确认事项写清楚。

输入：
本地测试页有“搜索”输入框和按钮；搜索 zz-no-match 显示“没有找到”；改搜“示例”后应看到示例报告。

结果片段：
```python
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    page.goto("http://127.0.0.1:3000/reports")
    page.get_by_role("textbox", name="搜索").fill("zz-no-match")
    page.get_by_role("button", name="搜索", exact=True).click()
    page.get_by_text("没有找到", exact=True).wait_for()
    page.get_by_role("textbox", name="搜索").fill("示例")
    page.get_by_role("button", name="搜索", exact=True).click()
    page.get_by_role("link", name="示例报告").wait_for()
    page.screenshot(path="search-recovery.png", full_page=True)
    browser.close()
# 本片段按示例控件编写，实际运行前先检查页面语义。
```

先观察页面真实结构再选择定位器，产出可以重跑的流程和可复查失败记录。 该片段是编辑示例，用于说明交付形态，未运行上游技能。

首次任务

请使用「检查网页是否真的能用」完成「验证搜索无结果后可以重新搜索」。
任务要求：先观察页面真实结构再选择定位器，产出可以重跑的流程和可复查失败记录。

我的必需材料：
- 本地启动命令与测试 URL：[请填写或粘贴]
- 明确操作步骤和预期结果：[请填写或粘贴]

请基于上述实际材料输出：可重跑的 Playwright 脚本、页面截图和具体失败记录。缺少依据的地方单列为待确认，不编造事实；未执行的操作或测试明确标为未执行。

验收要求：
1. 断言针对真实行为而非只等固定时间。
2. 测试数据与环境边界已核实。
3. 报告区分已执行结果和未运行脚本。

验收方法

断言针对真实行为而非只等固定时间

测试数据与环境边界已核实

报告区分已执行结果和未运行脚本

依赖与准备

来源使用 Python Playwright，并提供 with_server.py 管理测试服务；需浏览器运行时与项目依赖，不会自动获得生产账号。

使用边界

浏览器自动化不能因地址是 localhost 就默认副作用安全。

一次截图不能证明整个流程正常，应断言实际结果并保存失败证据。

排错

定位器找不到元素：先看当前 DOM 和可访问名称，不猜选择器或盲目加等待。

测试偶发失败：检查异步状态与等待条件，改用结果断言而非任意 sleep。

固定来源

https://github.com/anthropics/skills/blob/34040c9c568585f6929bedeaad110ad08f079624/skills/webapp-testing/SKILL.md

先看看示例

输入

输出

方法说明