web自动化测试 —— cypress测试框架

一、cypress简介

• 基于 JavaScript 的前端测试工具
• 可以对浏览器中运行的任何内容进行快速、简单、可靠的测试
• 对每一步操作都支持回看
• 覆盖了测试金字塔模型的所有测试类型【界面测试，集成测试，单元测试】
• 底层协议不采用 WebDriver > Cypress官网：https://www.cypress.io/

二、cypress与selenium对比

项目	Cypress	Selenium
支持语言	Javascript	Java, Python, Javascript, Ruby, C#等
支持浏览器	Chrome、Electron	各种主流浏览器
主要使用者	前端开发人员	QA
使用的测试框架	Mocha	无限制
是否需要浏览器驱动器	否	需要
测试速度	快	略慢
录制测试视频、快照	支持	支持，但需要写代码
社区支持	略显薄弱	强大

三、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
• 打开cypress
  • npx 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', '测试');
    })
})

最后感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走！

软件测试面试文档

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。