cypressでwait/sleepをする方法

cypressでwaitやsleepをする方法を紹介します。 かなり簡単で下記のようにするだけです

cy.wait(5000) //5秒まつ

これで、sleepと同じような使い方ができます。 たとえば、Reactなどでrenderingされているサービスなどは、 これを楽にrenderingを待つことができるので便利です。

describe('My First Test', () => {
  it('Visits the Kitchen Sink', () => {
    cy.visit('https://example.cypress.io')
    cy.wait(5000) // 5秒まつ
  })
})

本来は、表示されるものをcssで待つのが良かったりするのですが、 複数の値を取りたい時などはwaitを使った方が楽です。

参考: cypress wait