从0开始学习自动化测试框架cypress特性

Posted 2022-12-06 svygh123

下面再来一个简单的例子

实现效果是访问百度,输入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)