Cypress - 文本验证

方法text可用于获取web元素的文本。还可以添加断言来验证文本内容。

用text()实现

下面给出的是使用 text() 实现验证的命令 -

// test suite
describe('Tutorialspoint', function () {
   // it function to identify test
   it('Scenario 1', function (){
      // test step to launch a URL
      cy.visit("https://accounts.google.com")
      // identify element
      cy.get('h1#headingText').find('span').then(function(e){
         //method text to obtain text content
         const t = e.text()
         expect(t).to.contains('Sign')
      })
   })
})

执行结果

输出如下 -

输出日志显示使用 text 方法获得的文本 Sign in。

使用文本断言实现

我们还可以借助以下命令在 Web 元素文本上实现断言 -

// test suite
describe('Tutorialspoint', function () {
   // it function to identify test
   it('Scenario 1', function (){
      // test step to launch a URL
      cy.visit("https://accounts.google.com")
      // verify text with have.text
      cy.get('h1#headingText').find('span').should('have.text','Sign in')
   })
})

执行结果

输出如下 -

输出日志显示使用 should 断言完成的文本验证。