webapp-testing
创建 Playwright Web 应用测试
手动浏览器测试速度慢,而且经常遗漏表单、设备和网络状态方面的回归问题。此技能可帮助 Claude、Codex 和 Claude Code 为真实 Web 工作流创建实用的 Playwright 测试。
使用我的智能体安装
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "webapp-testing" from https://skillstore.io/skills/autumnsgrove-webapp-testing.md and its manifest at https://skillstore.io/api/skills/autumnsgrove-webapp-testing/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
测试它
正在使用“webapp-testing”。 使用有效和无效凭据测试登录页面。
预期结果:
一份简洁的 Playwright 测试计划,覆盖成功登录、错误消息、重定向检查以及测试之间的会话清理。
正在使用“webapp-testing”。 为响应式菜单添加移动端覆盖。
预期结果:
- 移动设备上下文设置
- 菜单可见性检查
- 触摸交互步骤
- 打开和关闭状态的断言
正在使用“webapp-testing”。 稳定不稳定的结账测试。
预期结果:
建议用 Playwright 断言替换固定等待,使用稳定的选择器,隔离购物车状态,并在重试时捕获跟踪记录。
安全审计
安全The static findings are explained by Playwright documentation, example test code, and local test-helper behavior. No prompt injection, credential exfiltration, malicious command execution, or unauthorized upload intent was found in the reviewed context.
风险因素
🌐 网络访问 (50)
📁 文件系统访问 (3)
🔑 环境变量 (8)
⚙️ 外部命令 (32)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/autumnsgrove-webapp-testing/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/autumnsgrove-webapp-testing?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/autumnsgrove-webapp-testing?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/autumnsgrove-webapp-testing/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/autumnsgrove-webapp-testing.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
AutumnsGrove. (2026). webapp-testing security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/autumnsgrove-webapp-testing/audits/10BibTeX 引用
@techreport{autumnsgrove-autumnsgrove-webapp-testing-2026,
author = {AutumnsGrove},
title = {webapp-testing security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/autumnsgrove-webapp-testing/audits/10},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "webapp-testing security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "AutumnsGrove"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/autumnsgrove-webapp-testing/audits/10"
identifiers:
- type: other
value: "skillstore:autumnsgrove-webapp-testing:audit:10"
description: "Skillstore immutable audit report identifier"
比较变体
11 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
autumnsgrove-webapp-testing
2026-09-09
cam10001110101-webapp-testing
2026-09-09
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
为产品流程添加端到端覆盖
在发布前为登录、导航、结账和成功状态创建 Playwright 测试。
标准化 QA 自动化模式
使用可靠的选择器、fixtures、截图和网络 mock 来减少不稳定的浏览器测试。
为 CI 准备浏览器测试
配置浏览器、重试、跟踪记录、截图和报告,以实现可重复的流水线执行。
试试这些提示
为我的首页创建一个 Playwright 测试。检查标题、主标题和一个导航链接。尽可能使用可靠的选择器。
为此表单流程编写 Playwright 测试:有效提交、必填字段错误、无效电子邮件验证和成功确认。
创建一个 Playwright 测试,mock 用户资料 API,验证渲染的资料数据,并确认 API 请求已发出。
为登录、结账、移动端布局、视觉截图、跟踪记录和 CI 重试设计 Playwright 测试计划。包含风险和选择器指导。
最佳实践
- 使用 test IDs、roles 和可见标签,而不是脆弱的布局选择器。
- 启用截图或视频时,针对隔离账户和已清理的数据运行测试。
- 优先使用 Playwright 自动等待和断言,而不是固定 sleep。
避免
- 不要针对包含敏感数据的生产账户运行浏览器测试。
- 未经审查,不要将截图、视频或跟踪记录存储在公共 artifacts 中。
- 不要在测试文件中硬编码真实凭据、secrets 或私有 URL。
常见问题
此技能能帮助我构建什么?
它支持 Python 和 TypeScript 吗?
它能测试移动端布局吗?
它能 mock API 吗?
截图捕获安全吗?
它会自动修复不稳定的测试吗?
开发者详情
作者
AutumnsGrove许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
维护新鲜度
2026/7/18
使用量
52 次下载 · 308 次浏览