【佳乐Cypress】Day-1 安装mac版

赵佳乐SMILE

一. 什么是 Cypress
基于 JavaScript 的开源 Web UI 自动化测试框架，官网：https://www.cypress.io/

二. Cypress 特点及限制
1. 不使用 Selenium Webdriver，与Selenium的架构完全不一样
2. 关注 e2e 测试，仅支持前端框架或网站
3. 自动等待，相比 Selenium 来说更更快更稳定
4. 自动化过程全程有 video 且失败自动截图
5. 支持 requests 接口

三. Cypress 安装（MAC OS）
1. 下载 Node & NPM
下载地址：https://nodejs.org/en/download/current/点击 macOS installer

双击安装 node js (如果提示无法判断是否恶意软件，去系统设置的安全与隐私通用下面点仍要打开即可)


2. 创建 Cypress 工作目录

3. 安装 Cypress

设置mac Finder-服务-服务偏好设置 勾选 新建位于文件夹位置的终端窗口
在创建的 Cypress 工作目录打开终端（在文件夹右击后选择在服务-新建位于文件夹位置的终端窗口）

在终端运行命令： npm install cypress --save-dev

4. 生成 package.json 文件
运行命令： npm init
一直回车

我按原文运行的时候报错，就把顺序颠倒了一下


5. 下载安装 Visual Studio Code，然后通过 File -> Open Folder 打开创建的 Cypress 工作目录
自动生成的项目结构：




五. 打开 Cypress Test Runner
1. 在命令行输入：

Mac: ./node_modules/.bin/cypress open
Mac & Windows: npx cypress open
自动打开 Cypress 的 test runner (自带一些示例）

六. 第一个测试案例
1. 在 cypress/integration 下新建文件夹及测试文件 first-test.spec.js   (一般测试文件以 .spec.js 结尾）

2. 写第一个测试案例的代码


// describe 可以理解成一个 suite
describe('My First Test Suite', () => {
    // 每个 it 表示一个测试案例
    it('Verify Bing page title', () => {
        // 访问网页， 同 selenium 的 driver.get()
        cy.visit('https://www.bing.com/')
        // should 在此是断言
        cy.title().should('eq', '微软 Bing 搜索 - 国内版')
    })
    // 每个 it 表示一个测试案例
    it('Verify 51Testing page title', () => {
        // 访问网页， 同 selenium 的 driver.get()
        cy.visit('http://bbs.51testing.com/')
        // should 在此是断言
        cy.title().should('eq', '51Testing软件测试论坛 - Powered by Discuz!')
    })   
})




参考文章：https://www.cnblogs.com/fayez/p/12926999.html


原文地址：https://user.qzone.qq.com/305132437/blog/1590643227

applepen

来看了。看完这个，我好像有点印象了。

赵佳乐SMILE

applepen 发表于 2020-6-9 13:44
来看了。看完这个，我好像有点印象了。

是吧，最近好像挺火的 研究研究