createRemixStubの使い方

    const RemixStub = createRemixStub([
      {
        path: '/play',
        loader() {
          return layoutLoader({ request, params: {}, context: {} });
        },
        Component: Layout, // ← 表示変化を見たいので親コンポーネントもスタブ
        children: [
          {
            path: '/play/buy-ingredients',
            loader() {
              return loader({ request, params: {}, context: {} });
            },
            async action({ request }) {
              await addAuthenticationSessionTo(request);
              return action({ request, params: {}, context: {} });
            },
            Component: Page, // ← テスト対象
            children: [
              {
                path: '/play/buy-ingredients/iron', // ← このactionにもpostするのでこれもスタブ
                async action({ request }) {
                  await addAuthenticationSessionTo(request);
                  return buyAction({ request, params: { name: 'iron' }, context: {} });
                },
              },
            ],
          },
        ],
      },
    ]);
    render(<RemixStub initialEntries={['/play/buy-ingredients']} />);
    // ↑ initialEntriesにアクセスするurlを設定しないと404になる。
    // スタブの`path`を空文字列にするとinitialEntriesなしでも動作する。原因不明。