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

📝 面试求职： 「面试试题小程序」 ，内容涵盖 测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）

📝 职场经验干货：

软件测试工程师简历上如何编写个人信息（一周8个面试）

软件测试工程师简历上如何编写专业技能（一周8个面试）

软件测试工程师简历上如何编写项目经验（一周8个面试）

软件测试工程师简历上如何编写个人荣誉（一周8个面试）

软件测试行情分享（这些都不了解就别贸然冲了.）

软件测试面试重点，搞清楚这些轻松拿到年薪30W+

软件测试面试刷题小程序免费使用（永久使用）

---

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

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%免费】
​​​​
​​​​