赛普拉斯最佳实践 - 存储和比较两个值

Question

我想存储一个值，然后执行一个操作并断言该值没有改变。我确实有一个有效的代码，但如果有更优雅的解决方案，我希望得到输入。

基本思想是：

• 获取显示的数字或结果（“计数”），将其存储在 .then() 函数中
• 改变用途
• 获取显示的结果数（'new_counts'），将其存储在新的 .then 函数中
• 比较第二个 .then() 函数中的 counts 和 new_counts

describe('Store and compare a value', () => {
    it('store and compare', () => {

        cy.login()
        cy.visit('url2')
        cy.get('.total-count-results').invoke('text')
            .then((text) => {
                const counts = text 
                cy.get('.medium.col100 > .filterwrapper > input').type('Test Dummy',{force: true})
                cy.get('.medium.col100 > .filterwrapper > input').type('{enter}')
                cy.get('.total-count-results').invoke('text')
                    .then((text) => {
                        const new_counts = text
                        expect(new_counts).to.eq(counts)
                    })
            })
    })
})

这是我能想到的最好的处理异步性的方法。

Answer 1

我认为不需要别名。这是我在本地测试的解决方案。我将大部分代码保留在 Alapan Das 的答案中，这样更容易比较。对我来说，没有别名看起来更简洁、更容易阅读。

describe('Store and compare a value', () => {
    it('store and compare', () => {  
        cy.login()
        cy.visit('url2')
        cy.get('.total-count-results').invoke('text')
            .then((previousText) => {
                cy.get('.medium.col100 > .filterwrapper > input').type('Test Dummy',{force: true})
                cy.get('.medium.col100 > .filterwrapper > input').type('{enter}')
                cy.get('.total-count-results').invoke('text').should("eq", previousText)
            })
    })
})

Answer 2

您可以为此使用别名并执行以下操作：

describe('Store and compare a value', () => {
  it('store and compare', () => {
    cy.login()
    cy.visit('url2')
    cy.get('.total-count-results').invoke('text').as('counts')
    cy.get('.medium.col100 > .filterwrapper > input').type('Test Dummy', {
      force: true,
    })
    cy.get('.medium.col100 > .filterwrapper > input').type('{enter}')
    cy.get('.total-count-results').invoke('text').as('new_counts')
    cy.get('@counts').then((counts) => {
      cy.get('@new_counts').then((new_counts) => {
        expect(new_counts).to.eq(counts)
      })
    })
  })
})