React Testing Library を使用して画面の遷移のテストをする方法

Question

聞きたいこと

react testing library を使用して Link を押下した際に指定した画面に遷移するかをテストする方法を模索しています。

現状だと下のテストコードのように、fireEvent.on で Link コンポーネントを押下しようと考えているのですが、screen.debug() を見てみると、fireEvent実行前のページと同じページにいるようです。

• App.test.tsx

describe('Page change test', () => {
  it('Page Change test', () => {
    render(<App />);

    screen.debug();
    // ここで、Page Bへ遷移と書かれた<Link>コンポーネントを押下
    fireEvent.click(screen.getByText('Page Bへ遷移'));
    screen.debug();
  });
});

※ 画面からLinkコンポーネントを押下すると、正常に画面遷移することは確認できています

画面遷移をテストする方法がわかっている方がいましたらぜひ教えていただきたいです。

Answer 1

jestでの方法は不明ですが、Cypressを用いたE2Eでは可能なので、検討してみてください。
https://qiita.com/karszawa/items/ce89661394c65d429fef