Cypress

简介

Cypress 是运行在浏览器中的测试工具。Web 技术在不断的发展，测试技术也是一样。

能干啥

• 端到端测试
• 集成测试
• 单元测试

重要的特性

• Timing travel 看得见的测试运行
• 基于浏览器特别容易调试
• 自动的等待
• 方便的间谍，存根和定时器工具
• 方便的流量控制
• 一致的结果
• 简单的截屏/视频功能
• 多浏览器支持

日常开发的测试任务，它的基础功能都有了。有了它，我们就可以在我们熟悉的浏览器上进行测试相关的任务。

测试四步走

• 设置测试
• 编写测试
• 运行测试
• 调试测试

快速开始

依赖以及安装

• cypress
• chrome/firefox/… 浏览器

cd your_project_name && yarn add cypress
复制代码

使用 cypress open 打开 cyress 开始话工具

{
    "scripts": {
        "cy:open": "cypress open"
    }
}
复制代码

运行npm 脚本后， 会出现 Verifying Cypress can run xxx 的字样，然后在项目的更目录下面生成一个 cypress 的配置文件。目录结构式这样的：

.
├── fixtures
│   └── example.json
├── integration
│   └── examples
│       ├── actions.spec.js
│       ├── xxx...
├── plugins
│   └── index.js
└── support
    ├── commands.js
复制代码

cypress 的可视化操作界面

官方在集成测试文件（INTERGETION TESTS/examples）里面的有许多官方的例子，可以参考

小结

1. 了解 cypress 是什么，能干什么
2. 如何通过 npm 的方式简单的操作 cypress

下一步

1. 使用 cypress 测试用例，特性与测试用例的结合
2. 熟悉 api，编写简单的测试用例