jck28 - 小柒 - Cypress基础使用

一, cypress简介

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

二, cypress与selenium的区别

三,cypress环境部署

1,安装node.js

2,安装cypress

四,cypress基本用法

1,基础用法

  • describe 声明一个测试用例集合
  • beforeEach 测试用例前置操作,相当于setup
  • it 声明一个测试用例
  • cy.get 定位元素,用css定位
  • type 输入文本
  • click 点击操作
  • should 断言

2,代码示例


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