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

感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

 

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取