Cypress エラー: `cy.wait()` で 5000 ミリ秒後にタイムアウトしました ...リクエストは発生しませんでした

Question

Vite、Chakra-UI、TypeScript を使用して React アプリケーションを構築し、Cypress でテストすることにしました。目標は、これらのテクノロジーのいくつかについてさらに学ぶことです。偶然にも、サイプレスを使用するのはこれが初めてでした。

残念ながら、E2E テストで .wait() をテストする際に問題が発生しました。エラーは次のとおりです: CypressError: 5000ms 後にタイムアウトして再試行します: cy.wait()Timeoutwaiting5000msルートの最初のリクエストの場合: getGames# ＃＃。リクエストは一度も発生しませんでした。 最初にスタブを作成し、ページにアクセスする前に呼び出しを待つというアドバイスをたくさん見てきました。ただし、何度も試してみましたが、待機中の呼び出しがタイムアウトしないようにすることはできないようです。私の最新の試みは、アクセス関数呼び出しの前に beforeEach-ing 呼び出しでインターセプトすることでした。私がアップロードした画像からわかるように、切片は登録されているように見えますが、増加することはありません。

この状況に遭遇した人がいて、考えられる解決策を持っている人はいますか?よろしくお願いします！

サイプレス コンソール:

次の内容を含む

games.json として定義されたフィクスチャがあります: リーリー

../support/commands.ts: リーリー

そして私のテストファイル:

ああああ

Answer 1

まず第一に、正しいプロトコル (https://api.rawg.io/api) を使用する必要があります。

第二に、https://api.rawg.io/api の前にはコンテンツがないため、前にワイルドカード ** を追加するのは誤りです。

3 番目に、パス区切り文字 / または // の前後にワイルドカード文字を配置します。

最後に、テスト間でクリアされるため、before() にインターセプトを入れないでください。 beforeEach()

を入力します。 リーリー