下面再来一个简单的例子
实现效果是访问百度,输入java经典教程,搜索
describe('DOM访问操作实例', () => {
it('百度搜索java经典教程', () => {
cy.visit('https://www.baidu.com')
cy.get('#kw').type('java经典教程')
cy.get('#su').click()
})
})
运行结果
我们修改一下代码
describe('DOM访问操作实例', () => {
it('百度搜索java经典教程', () => {
cy.visit('https://www.baidu.com')
cy.get('#kw').type('java经典教程')
cy.get('#su').click()
cy.wait(500)
expect(location.origin).to.eq('https://www.baidu.com')
})
})
断言一下是否访问到了百度网页
结果如下
如果要扩展函数,可以直接写在当前页面,代码如下
describe('DOM访问操作实例', () => {
it('百度搜索java经典教程', () => {
cy.visit('https://www.baidu.com')
cy.get('#kw').type('java经典教程')
cy.get('#su').click()
cy.wait(500)
expect(location.origin).to.eq('https://www.baidu.com')
})
it('自定义add函数', () => {
assert.equal(add(1,2), 3, '1+2=3正确')
})
})
function add (a, b) {
return a + b
}
结果
展开可以看到明细
如果只想单独运行自定义add函数这个测试用例怎么做呢,
只要加only就可以了,代码是这样
describe('DOM访问操作实例', () => {
it('百度搜索java经典教程', () => {
cy.visit('https://www.baidu.com')
cy.get('#kw').type('java经典教程')
cy.get('#su').click()
cy.wait(500)
expect(location.origin).to.eq('https://www.baidu.com')
})
it.only('自定义add函数', () => {
assert.equal(add(1,2), 3, '1+2=3正确')
})
})
function add (a, b) {
return a + b
}
结果就会是这样了,只运行有自定义add函数的结果明细
应用起来特别简单,其他场景可以触类旁通
(本篇完)
获取最新资讯,欢迎关注公众号: 软件开发与技术设计(SoftwareDesigner)