Cypress 系列之----01 安装和使用

describe('My first test case for cypress',function(){

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

cypress_demo
├── cypress # Cypress 工作目录
│   ├── fixtures # 测试用例中要用到的资源，比如：数据库模拟数据、图片、json信息等等，可以使用fixture方法读取
│   │   └── example.json
│   ├── integration # Cypress 脚本测试文件，允许多级目录
│   │   └── examples # 这个文件夹中存放了 Cypress 官方提供的一些测试样例
│   │       ├── actions.spec.js
│   ├── plugins # 存放 Cypress 插件
│   │   └── index.js
│   └── support # 存放 Cypress 自定义命令
│       ├── commands.js
│       └── index.js
├── cypress.json # Cypress 配置文件
└── package.json # 这个要自己创建

2.1 Configuration

 官网说明

baseUrl：当指定baseUrl配置项后，Cypress会忽略掉 cy.visit() 或 cy.request() 中的url。

当没有baseUrl配置项设定时，Cypress会用localhost加随机端口的方式来先运行，然后遇到 cy.visit() 或 cy.request() 会再变化请求的url，这样会有一点点闪烁或reload的情况。所以指定的baseUrl后，能节省启动时间。

numTestsKeptInMemory：保存在内存中的快照和命令数据。如果在测试运行期间浏览器内存消耗过大，可以减少此数字

2.2 Node.js Version (12.8.1)

2.3 Proxy Settings

//1. Junit-allure
// 在 cypress.json 中添加依赖：
{
    "reporter": "junit",
    "reporterOptions": {
    "mochaFile": "results/my-test-output[hash].xml",   // 通过hash 标签区分不同文件的用例结果
    "toConsole": true
}

// 执行 cypress run 的时候会自动生成xml文件
// 使用 allure 生成对应报告：
// 生成allure 报告
allure generate results --clean
// 打开报告
allure open allure-report

//2. mochawesome
{
    "reporter": "mochawesome",
    "reporterOptions": {
    "reportDir": "cypresse/results",
    "overwrite": false,
    "html": true,
    "json": true
    }
}
//执行 cypress run 的时候会自动生成json格式报告