Cypress 오류: `cy.wait()`로 5000밀리초 후 시간 초과되었습니다. 요청이 발생하지 않았습니다.

Question

Vite, Chakra-UI 및 TypeScript를 사용하여 React 애플리케이션을 구축하고 Cypress에서 테스트하기로 결정했습니다. 목표는 이러한 기술 중 일부에 대해 더 많이 배우는 것입니다. 공교롭게도 저는 Cypress를 처음 사용해 보았습니다.

안타깝게도 이것은 E2E 테스트에서 발견한 것입니다. .wait() 的问题。该错误具体如下：CypressError：5000ms后超时重试：cy.wait()超时等待5000ms对于路由的第一个请求：getGames。从未发生任何请求。 페이지에 액세스하기 전에 먼저 스터빙한 다음 전화를 기다리라는 조언을 많이 보았습니다. 그러나 여러 번 시도한 후에도 시간 초과되지 않도록 대기 호출을 받을 수 없는 것 같습니다. 나의 최근 시도는 액세스 함수 호출 전에 beforeEach-ing 호출을 가로채는 것이었습니다. 제가 업로드한 이미지에서 볼 수 있듯이, 절편이 등록되는 것처럼 보이지만 전혀 증가하지 않습니다.

이 상황에 직면한 사람이 있고 가능한 해결책이 있습니까? 미리 감사드립니다!

Cypress 콘솔:

다음을 포함하는 games.json로 정의된 고정물이 있습니다.

으아아아

../support/commands.ts:

으아아아

내 테스트 파일:

[
  {
    "id": 1,
    "name": "The Witcher 3: Wild Hunt",
    "background_image": "https://media.rawg.io/media/crop/600/400/games/618/618c2031a07bbff6b4f611f10b6bcdbc.jpg",
    "parent_platforms": [
      { "id": 1, "name": "PC", "slug": "pc" },
      { "id": 2, "name": "PlayStation", "slug": "playstation" },
      { "id": 3, "name": "Xbox", "slug": "xbox" },
      { "id": 7, "name": "Nintendo", "slug": "nintendo" }
    ],
    "metacritic": "92"
  },
  {
    "id": 2,
    "name": "BioShock Infinite",
    "background_image": "https://media.rawg.io/media/crop/600/400/games/fc1/fc1307a2774506b5bd65d7e8424664a7.jpg",
    "parent_platforms": [
      { "id": 1, "name": "PC", "slug": "pc" },
      { "id": 2, "name": "PlayStation", "slug": "playstation" },
      { "id": 3, "name": "Xbox", "slug": "xbox" },
      { "id": 6, "name": "Linux", "slug": "linux" },
      { "id": 7, "name": "Nintendo", "slug": "nintendo" }
    ],
    "metacritic": "94"
  }
]

Answer 1

먼저 올바른 프로토콜을 사용해야 합니다. - https://api.rawg.io/api.

둘째, https://api.rawg.io/api 之前没有任何内容，因此前面加通配符 ** 앞에 아무것도 없으므로 앞에 와일드카드 **를 추가하는 것은 올바르지 않습니다.

셋째, 경로 구분 기호 앞이나 뒤에 와일드카드 문자를 배치하세요 /或//.

마지막으로, 참여하지 마세요 before() 中放置拦截，因为它会在测试之间被清除。放入beforeEach()

으아악