免费领取：测试资料+测试用例+简历模板+测试文档

本文为霍格沃兹测试开发学社学员学习笔记分享

原文链接：https://ceshiren.com/t/topic/27341

一、cypress 简介

• 基于 JavaScript 的前端测试工具

• 可以对浏览器中运行的任何内容进行快速、简单、可靠的测试

• 对每一步操作都支持回看

• 覆盖了测试金字塔模型的所有测试类型【界面测试，集成测试，单元测试】

• 底层协议不采用 WebDriver > Cypress 官网：https://www.cypress.io/

二、cypress 与 selenium 对比

三、cypress 环境部署

• 安装 node.js 官网地址：https://nodejs.org/zh-cn/

• 安装 cypress 初始化项目：npm init

• 配置淘宝镜像：npm config set registry http://registry.npm.taobao.org/

• 安装 cypress：npm install cypress –save-dev

• 打开 cypressnpx cypress open

四、cypress 框架基本用法

cypress 基本用法

• describe 声明一个测试用例集合

• beforeEach 测试用例前置操作，相当于 setup

• it 声明一个测试用例

• cy.get 定位元素，用 css 定位

• type 输入文本

• click 点击操作

• should 断言

describe('搜索功能', ()=>{    beforeEach(()=>{        // 打开网页        cy.visit("https://ceshiren.com/")    })
    it('输入搜索内容，正确返回搜索结果', () => {        // 点击输入框        cy.get('#search-button').click()        // 输入测试开发        cy.get('#search-term').type('测试开发')        // 点击enter键        cy.get('#search-term').type('{enter}')        // 断言结果        cy.get('#ember21').should('contain', '测试');    })})