Cypress入门（二）创建第一个UI自动化脚本

原创已于 2022-02-10 17:03:13 修改 · 924 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #自动化 #运维 #node.js

于 2022-02-10 14:40:09 首次发布

本文介绍了如何安装并使用Cypress进行UI自动化测试。通过创建first.js文件，展示了如何编写测试套件，包括访问百度页面和模拟登录两个测试用例。Cypress的特点在于实时更新测试列表并自动反映文件变更，使得测试编写更加便捷。

安装好Cypress之后，我们就可以来操作写一个UI自动化脚本呢

打开Cypress，已有项目的话，可以直接拖拽，没有的话，只能选择“select manually”,直接选择D：\Cypress文件就可以了

操作之后页面如下：

同时在电脑上也有对应的文件夹生成，关注一下 integration这个文件

在 cypress / integration / example 文件夹中创建一个新文件first.js

创建完该文件后，我们应该会看到Cypress Test Runner立即将其显示在Integration Tests列表中。 Cypress会监视文件是否有任何更改，并自动显示任何更改。

js文件编辑，可以使用notepad++，也可以使用其他工具，我使用的是pycharm，点击first.js就可以运行了

describe('My first Test Suite', ()=> {
    it('Visit baidu page', ()=> {
        cy.visit('https://www.baidu.com/')
    })

    it('Login', ()=> {
       cy.contains('登录').click({force: true})
        cy.get('[nameusername]').type('wang')
        cy.get('[name=password]').type('123456')

    })
}
)