cypress retry js

cypress.retry.js

/// <reference types="Cypress" />

export default async function retry(retryable, { times } = { times: 3 }) {
  return await _retry(retryable, { times, wait: 1000, waitScale: 1 });
}

async function _retry(retryable, { times, wait, waitScale }) {
  try {
    return await retryable()
  } catch(e) {
    const nextOption = {
      times: times - 1,
      wait,
      waitScale: 2 * waitScale
    };
    if (times < 0) throw new Error('failed all times');
    cy.log(`retry and wait for ${waitScale * wait}ms`);
    cy.wait(waitScale * wait);
    return await _retry(retryable, nextOption)
  }
}

難しいけど、 cypress の queue に積んでいくスレッドと、cypress の queue に積まれているタスクが実行されるスレッドの２つを意識しながらコーディングしなければならない。

使い方

it('test', async () => {
  const retryable = () => new Promise((resolve, reject) => {
    cy.requst('hogehoge').then(response => {
       const { body } = response
       if (body) return resolve(body)
       else return reject()
    })
  })
 
  const body = await retry(retryable)
  cy.then(() => {
    aseert.isOk(body)
  })
})

retryable が実行されると、 cypress queue にタスクが積まれる。そして、積まれたタスクが実行され終わると、 Promise によってretryable.then or catch が実行される。そして、 catch の場合はもう一度 retryable を実行し、cypress queueにタスクを積む。また cy.wait タスクを積むことでリトライ間隔を実装している。