JestとEnzymeを使用したreact-routerv4のテスト
パベル
私は彼らがreact-routerv4を使用する簡単なアプリを持っています
const App = () => (
<Switch>
<Route exact path="/" component={() => <div>Home</div>}/>
<Route path="/profile" component={() => <div>Profile</div>}/>
<Route path="/help" component={() => <div>Help</div>}/>
</Switch>
);
とテスト
jest.dontMock('../App');
import React from 'react';
import { MemoryRouter } from 'react-router-dom';
import { shallow } from 'enzyme';
import App from '../App';
describe('<App />', () => {
const wrapper = shallow(
<MemoryRouter>
<App/>
</MemoryRouter>
);
console.log(wrapper.html());
it('renders a static text', () => {
expect(
wrapper.contains(<div>Home</div>)
).toBe(true);
});
});
なぜこのテストは失敗するのですか？ 
私の設定：
- 酵素：2.8.2
- 反応スクリプト：1.0.7
- react-test-renderer：15.5.4
TomaszCichociński
initialEntries同様に提供する必要がありますinitialIndex。あなたの場合、それはこのように見えるはずです：
const wrapper = shallow(
<MemoryRouter initialEntries={['/']} initialIndex={0}>
<App/>
</MemoryRouter>
);
他の可能性は、enzymeのmount代わりに'sが必要なことですshallow。
react-routerここにいくつかの素晴らしいドキュメントがあります：https：//reacttraining.com/react-router/core/api/MemoryRouter
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
React Routerv4のルートにプレフィックスを追加する
- 2
JestとEnzymeを使用したReactルーターのテスト
- 3
React Routerv4の以前の状態コンポーネント
- 4
React Routerv4とMatchWithFadeの問題
- 5
React Routerv4ネストされたルートとスイッチ
- 6
React Routerv4の点滅するURL
- 7
React Routerv4で<Route />の外部の履歴オブジェクトにアクセスする方法
- 8
JestとEnzymeを使用したreact-routerリダイレクトのテスト
- 9
React Routerv4でNavLinkのデフォルトのactiveClassNameを設定します
- 10
オブジェクトは、react routerv4を使用するReactの子としては無効です
- 11
React Routerv4で未定義のコンポーネントを取得する
- 12
react routerv4のデフォルトリンクを強調表示する
- 13
React Routerv4のネストされたルートはクラスコンポーネントと一致して渡されます
- 14
React Routerv4で間違ったルートを特定のページにリダイレクトする方法
- 15
React Routerv4とreact-transition-groupv2を使用したページスライドアニメーション
- 16
React Routerv4のネストされたルートが期待どおりにレンダリングされない
- 17
EnzymeとJestを使用したReactでのハンドル変更機能のテスト
- 18
React Routerv4は複数のルートをレンダリングします
- 19
React Routerv4でレンダリングされないネストされたルート
- 20
React Routerv4でのURLクエリの表現
- 21
React Routerv4で繰り返されるルート
- 22
React Routerv4を使用して終了する特定のURLを確認する
- 23
React Routerv4ルート間でアプリケーションの状態を共有する方法
- 24
小道具をコンポーネント、React RouterV4に渡します
- 25
小道具をコンポーネント、React RouterV4に渡します
- 26
React Routerv4再帰的に戻る
- 27
EnzymeとJestを使用した単体テストでネストされたReactコンポーネントの値を確認する方法
- 28
Reactを使用したjest、enzymeの値のセットからのテキストを含むことを期待します
- 29
Jest + Enzymeを使用した増幅認証のテスト
コメントを追加