Cypress安装与零基础入门

Cypress安装与零基础入门

背景：因为最近code代码，发现时间大多数用在了冒烟测试。所以最近想要捣鼓一下自动化测试，工具选择了cypress

官网Link：https://docs.cypress.io/guides/getting-started/installing-cypress

一、安装Cypress

准备工作：需要有node.js
开发环境：VS code

正式安装命令：

npm install cypress --save-dev

运行命令：

npx cypress open

如果太慢的话，可以切换淘宝源：

npm config set registry https://registry.npm.taobao.org

遇到的问题：
执行运行命令【npx cypress open】的时候遇到了cypress调用devtool failed问题，调试过后发现关掉fiddler即可fix该问题

二、正式进入页面：

使用运行命令【npx cypress open】可以正式开始使用Cypress了。

给了两个选项，建议生成demo。具体操作看下方link：
https://juejin.cn/post/7168022965517287438

三、第一个测试

建议第一个测试文档从简单的输入开始，下面是文档：

describe('百度测试',function(){
    this.beforeEach(()=>{
        cy.visit('https://www.baidu.com/') 
    })
    it('百度搜索测试',function(){
        //定位到输入框，输入robot
        cy.get('#kw').type('name')
        cy.get('#su').click() 
    })
})

开始解析语句：
describe()//声明一个测试用例集
it() 代表一条测试用例
visit() 访问link
cy.get 定位元素，可以用css selector定位选择器
type 输入文本

参考资料：

安装参考： https://wenku.csdn.net/answer/6iww1zk8wy#:
教学：https://www.cnblogs.com/chuchu5811/p/15481110.html

深入学习：
https://blog.csdn.net/qq_45613931/article/details/119812031