只知Selenium？来尝试下Cypress（案例篇）

不同环境执行相同的用例：

1、VSCode打开项目根目录，创建目录及文件：

2、创建成功后，cypress启动窗口会看到创建的文件：

3、stu_login_case_data.js 代码：

export const stu_login_data={
 
    "rel_s":{
 
        "url": "http://xxxx.rel-s.xketang.cn/loginPage",
 
        "username": "xxxx",
 
        "password": "xxxx"
 
    },
 
    "dev": {
 
        "url": "http://xxxx.dev.xketang.cn/loginPage",
 
        "username": "xxxx",
 
        "password": "xxxx"
 
    },
 
    "rel": {
 
        "url": "http://xxxx.rel.xketang.cn/loginPage",
 
        "username": "txxx",
 
        "password": "xxxx"
 
    }
 
}
 
 
 
export const run_stu_data=stu_login_data.rel_s

4、stu_login_case.spec.js 代码：

import {run_stu_data} from './data/stu_login_case_data';
 
 
 
context('login_demo',function(){
 
    before('所有用例前执行1次',function(){
 
        cy.log('所有用例执行之前只执行1次')
 
    })
 
 
 
    beforeEach('每个用例之前都执行',()=>{
 
        cy.log('每个用例之前都会执行')
 
    })
 
 
 
    after('所有用例后执行1次',()=>{
 
        cy.log('所有的用例之后只执行1次')
 
    })
 
 
 
    afterEach('每个用例后都执行',()=>{
 
        cy.log('每个用例之后都会执行')
 
    })
 
 
 
    it('登录',function(){
 
        cy.visit(run_stu_data.url)
 
        cy.get('#login_account').type(run_stu_data.username)
 
        cy.get('#login_password').type(run_stu_data.password)
 
        cy.get('#login_submit').click()
 
        cy.contains('课程')
 
    })
 
})

5、运行用例：（点击下图中的用例文件）

6、运行结果报告：

不同数据执行相同的用例：

1、目录及文件结构：

2、login_ddt_case_date.js 代码：

export const login_data=[ 
 
    {
 
        "desc": "登录成功",
 
        "url": "http://xxxx.rel-s.xketang.cn/loginPage",
 
        "username": "1111",
 
        "password": "1111",
 
        "assert_str": "课程"
 
    },
 
    {   "desc": "用户错误",
 
        "url": "http://xxxx.rel-s.xketang.cn/loginPage",
 
        "username": "xxxx",
 
        "password": "1111",
 
        "assert_str": "账号或密码不正确"
 
    },
 
    {   "desc": "密码错误",
 
        "url": "http://xxxx.rel-s.xketang.cn/loginPage",
 
        "username": "1111",
 
        "password": "xxxx",
 
        "assert_str": "账号或密码不正确"
 
    }
 
]

3、login_ddt_case.spec.js 代码：

import {login_data} from './data/login_ddt_case_date';
 
 
 
context('login_demo',function(){
 
    before('所有用例前执行1次',function(){
 
        cy.log('所有用例执行之前只执行1次')
 
    })
 
 
 
    beforeEach('每个用例之前都执行',()=>{
 
        cy.log('每个用例之前都会执行')
 
    })
 
 
 
    after('所有用例后执行1次',()=>{
 
        cy.log('所有的用例之后只执行1次')
 
    })
 
 
 
    afterEach('每个用例后都执行',()=>{
 
        cy.log('每个用例之后都会执行')
 
    })
 
 
 
    for(const user of login_data){
 
        it(user.desc,function(){
 
            cy.visit(user.url)
 
            cy.get('#login_account').type(user.username)
 
            cy.get('#login_password').type(user.password)
 
            cy.get('#login_submit').click()
 
            cy.contains(user.assert_str)
 
        }) 
 
    }
 
})

4、运行用例：（点击下图中的文件即可）

5、运行结果报告：

行动吧，在路上总比一直观望的要好，未来的你肯定会感谢现在拼搏的自己！如果想学习提升找不到资料，没人答疑解惑时，请及时加入群：1150305204，里面有各种测试开发资料和技术可以一起交流哦。

最后： 下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取【保证100%免费】

软件测试面试文档
我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。