Cypress 速查
共 27 条 Cypress 端到端测试，涵盖命令与结构、测试骨架、元素操作、断言、网络与配置。 支持搜索与分类筛选，点击即可复制。
命令与结构
交互式与无头运行。
| 命令 | 说明 |
|---|---|
| 打开交互式测试运行器 | |
| 无头运行全部测试（CI 用） | |
| 只跑指定文件 | |
| 指定浏览器 / 显示界面 | |
| 测试文件约定目录 |
测试骨架
describe / it / cy。
| 命令 | 说明 |
|---|---|
| 测试结构 | |
| 访问页面（配合 baseUrl 可省略域名） | |
| 前置钩子 | |
| 只跑 / 跳过 |
元素操作
选择器与交互。
| 命令 | 说明 |
|---|---|
| 按选择器获取元素 | |
| 按文本查找 | |
| 输入 | |
| 点击 / 选择 | |
| 提交 / 勾选 | |
| 取第一个 |
断言
should 链式断言。
| 命令 | 说明 |
|---|---|
| 可见 | |
| 文本相等 | |
| 数量 | |
| URL 断言 | |
| 输入框值 | |
| 禁用 / 不存在 |
网络与配置
拦截、fixture 与配置。
| 命令 | 说明 |
|---|---|
| 拦截并返回 fixture | |
| 直接发请求 | |
| 读取 fixture | |
| 配置 baseUrl | |
| 自定义命令 | |
| 录制视频与失败截图 |
使用说明
Cypress 速查：命令与结构、测试骨架、元素操作、断言、网络与配置；支持搜索与分类筛选，点击即可复制。
- 按用途点分类：命令与结构、测试骨架、元素操作、断言、网络与配置。
- 点「命令」列复制到 *.cy.js 或终端。
- 给关键元素加 data-testid 并用它定位，避免依赖易变的样式类。
- 用 cy.intercept 模拟接口，让测试不依赖后端真实数据。
常见问题
- Cypress 会自动等待吗？
- 会：命令链自带重试与等待，直到断言通过或超时；多数情况下不需要手写 sleep。
- 为什么接口要 mock？
- 让测试稳定、快速且可复现，也能测异常分支（超时、报错、空数据）。
- 需要联网吗？
- 不需要，本地可用（跑真实站点除外）。
延伸阅读
相关工具
STR
Strapi 速查
Content-Type / /api / API Token / 部署 速查
HTX
htmx 速查
hx-get / hx-target / hx-trigger / hx-swap 速查
ALP
Alpine.js 速查
x-data / x-show / x-for / $store 速查
QWK
Qwik 速查
component$ / useSignal / routeLoader$ / resumability 速查
SVK
SvelteKit 速查
+page.svelte / load / actions / adapter 速查
LIT
Lit 速查
LitElement / @property / html / css 速查