只知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、运行结果报告：

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

软件测试面试文档

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

全部资料获取