赛普拉斯：页面不会在点击操作的第二个 'it' 块中加载

Question

如果我在单个 'it' 块中进行编码，那么对于相同的点击事件它工作正常，如下所示。

工作代码：

describe('Test Suite', () => {
    it('Test case 1', () => {
        //Test 1
        //Test 2
    })
})

不工作：

describe('Test Suite', () => {
    it('Test case 1', () => {
        //Test 1
    })
    it('Test case 2', () => {
        //Test 2
    })
})

下面是我的代码片段，第一个 'it' 块在登录方法执行后工作正常。其次，它会阻止单击正确的元素，但页面永远不会加载。

P.S. 如果我在单个 'it' 块下编写代码，页面加载和工作正常。

describe('Fund Manager Suite', () => {

    //Checking Fund Manager page loading 
   before(() => {

    cy.visit('xxxxxxxxxxxxx')
    cy.login('xxxxx', 'xxxxx')

   })
   
   it('fund manager navigation works', () => {
    cy.location('pathname').should('equal', '/xxxxx')
    cy.get('#appSwitcher').click()

    cy.get('#appSwitcher > .dropdown > .dropdown-menu > :nth-child(2) > a').click()
    cy.location('pathname').should('equal', '/xxxxx')
    cy.get('.k-grid-table').find('tr').should('have.length', 5)
   })

   it('fund detail works', () => {
    cy.get('.product > :nth-child(2)').click()
    cy.location('pathname').should('equal', '/xxxxx')

    // Fund Detail - Search
    cy.get('#s2id_autogen31').type('Rach')
    cy.get('#select2-result-label-32').click()
    cy.get('#searchSubmit').click()
    cy.get('#DataTables_Table_0').find('tr').should('have.length', 10)
       
   })

})

Execution Screen shot Code snippet screen shot

Answer 1

您必须在 beforeEach() 中保留您的 cookie，以确保您在所有 it() 块中保持登录状态。您可以在 cypress docs.

中阅读更多内容

describe('Dashboard', () => {
  before(() => {
    // log in only once before any of the tests run.
    // your app will likely set some sort of session cookie.
    // you'll need to know the name of the cookie(s), which you can find
    // in your Resources -> Cookies panel in the Chrome Dev Tools.
    cy.login()
  })

  beforeEach(() => {
    // before each test, we can automatically preserve the
    // 'session_id' and 'remember_token' cookies. this means they
    // will not be cleared before the NEXT test starts.
    //
    // the name of your cookies will likely be different
    // this is an example
    Cypress.Cookies.preserveOnce('session_id', 'remember_token')
  })

  it('displays stats', () => {
    // ...
  })

  it('can do something', () => {
    // ...
  })

  it('opens a modal', () => {
    // ...
  })
})

Answer 2

我见过这种行为，当第一个 it case 开始但没有完成站点中的一些 xhr 请求时 - 结果是 cypress 在第二个 it 案例开始时继续该过程。对于我发现的每个案例，最好的解决方案是将每个案例分开到不同的文件中

Answer 3

更新：

可以通过存储 session_id 来解决这个问题。

Cypress.Cookies.defaults({
  preserve: "session_id"
})

赛普拉斯：页面不会在点击操作的第二个 'it' 块中加载

Cypress: Page doesn't load within the second 'it' block for the click action

javascript

automation

mocha.js

cypress