Cypress基础入门

1|0前言

Cypress 由一个免费的、开源的、本地安装的 Test Runner 和一个用于记录测试的 Dashboard 服务组成.
Cypress 不受与 Selenium 相同的限制.
cypress能够编写更快、更容易和更可靠的测试。
cypress可以测试任何在浏览器中运行的东西。

2|0安装

1. 桌面版安装：
   下载地址： http://download.cypress.io/desktop

2. 命令行安装
   首先查看自己的npm版本是否是新版本，如果不是最新则进行升级

npm -v
npm install npm -g

npm install cypress --save-dev

安装可能会出现速度慢的问题，可以试一下下面的方法

2|1方法1：cnpm命令代替npm

首先安装cnpm命令

npm install --global cnpm

2|2方法2：使用国内淘宝链接下载

npm install cypress --registry=http://registry.npm.taobao.org

2|3方法3：配置下载链接

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

检查配置是否成功

npm config get registry

2|4启动

node_modules\.bin\cypress open

启动cypress如果报文件找不到的错误：Can't start server EEXIST: file already exists, mkdir 'C:**\node_modules.bin\cypress'
可以将命令改为全局启动

node_modules\.bin\cypress open --global

3|0第一个测试用例

创建一个.js的测试文件

describe('我的第一个测试', () => {
    it('测试用例', () => {
        expect(true).to.equal(true);
    }
    )
}
)

打开编写的测试用例并运行

3|1一个真实的测试用例

describe('我的第一个测试',function(){
    it('百度测试用例:',function(){
        cy.visit('http://www.baidu.com') //访问url
        cy.title().should('contain','百度一下，你就知道')   //验证页面 title 是否正确
        cy.get('#kw').type('python')       //根据 css 定位搜索输入框
        .should('have.value','python')  //验证关键字自动是否展示正确
        cy.get('#su').click()   //根据 css 定位搜索按钮并点击
        cy.url().should('include','wd=python')     //验证目标url 是否正确包含关键字
        cy.title().should('contain','python_百度搜索')  //验证页面 title 是否正确
        cy.get('[id="1"]').should('contain','python')    // 验证第一个结果中是否包含TesterHome
        cy.screenshot()
    })
})

__EOF__

本文作者：Harry
本文链接：https://www.cnblogs.com/harry66/p/14323168.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！