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

悠哉稻草人

已于 2022-02-10 17:03:13 修改

阅读量894

点赞数

CC 4.0 BY-SA版权

文章标签： ui 自动化运维 node.js

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

本文链接：https://blog.youkuaiyun.com/chyblue/article/details/122857613

安装好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')

    })
}
)