Cypress 테스트 요청을 기다리는 방법

4731 단어 webdevtesting
cy.route()를 사용하여 특정 요청에 대한 별칭을 만든 다음 나중에 cy.wait()를 사용하여 해당 요청이 만들어지고 다음과 같이 응답을 반환할 때까지 기다릴 수 있습니다.

describe('Some page', () => {
  beforeEach(() => {
    // Needs to be called before cy.route
    cy.server();

    // Alias request
    cy.route('POST', '**/items/show_all').as('showAll');
    cy.visit('/page');
  });

  it('should test something', () => {
    cy.get('[data-testid=GetItemsButton]').click();

    // Waits for request to finish and fails if it's not made
    cy.wait('@showAll');
    cy.get('[data-testid=ItemsList]')
      .should('be.visible')
      .and('contain', 'Item 1')
      .and('contain', 'Item 2');
  });
});

응답에 대한 주장을 해야 하는 경우



콜백으로 할 수 있습니다!

cy.wait('@showAll').then((response) => {
  expect(response.body.length).to.be(5);
});

선적 서류 비치



여기에서 함수 호출에 대한 자세한 내용을 확인할 수 있습니다.
  • cy.route
  • cy.wait

  • 즐거운 테스트!

    좋은 웹페이지 즐겨찾기