赵佳乐SMILE 发表于 2020-5-28 13:23:58

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

一. 什么是 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 发表于 2020-6-9 13:44:55

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

赵佳乐SMILE 发表于 2020-6-10 11:13:12

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

是吧,最近好像挺火的 研究研究
页: [1]
查看完整版本: 【佳乐Cypress】Day-1 安装mac版