Mac系统下Cypress使用初体验

1.安装cypress

打开终端依次输入如下命令：

mkdir CypressTest

cd CypressTest

npm install cypress --save-dev

npm init -y

npx cypress open

运行成功会看到如下界面：

2.配置项目

操作步骤如下：

 

 

 

 

然后进入对应目录编辑code

Demo code如下：

describe(' cypress demo', () => {
  it('百度测试用例', () => {
    cy.visit('https://www.baidu.com/')
    cy.title().should('contain', '百度一下')
    cy.get('#kw').type('python')
    cy.get('#su').click()
    cy.screenshot()
  })
})

3.运行code

测试结果如下：

 

cypress支持BDD风格和执行步骤回放功能，不得不说还是很值得深入的一款工具