jestの書き方やエラーなどや補足(自分用)
shallowとmount
mountは全て展開してくれる。
const wrapper = mount(<Sample {...props} />)
// デバッグを表示したいときは
console.log(wrapper.debug());
// などで表示する。
ボタンをクリックさせたいとき
await act(async () => {
wrapper
.find("クラスやidなど")
.at(0)
.simulate("click")
});
クラスのモック化
jest.mock("react-redux");
// 関数が呼ばれたかどうかのモック化
const testFunk = 関数名 as jest.MockedFunction<typeof 関数名>
// 利用するのは 1回呼ばれたかどうかの確認など
expect(testFunk).toHaveBeenCalledTimes(1)
画面の表示のテストを実施する
const test: 型 = {
isTest: true,
}
// dispatchを行う "test/sample"
// dispatch({type: "xxxx", payload: state});
const wrap = mount(
<Test />
);
console.log(wrap.debug());
// storeの値や画面表示の検証
// ボタン押下など検証
await act(async () => {
wrap
.find("#testButton")
.at(0)
.simulate("click")
});
// changeなどもsimulateに入れると動作する
Author And Source
この問題について(jestの書き方やエラーなどや補足(自分用)), 我々は、より多くの情報をここで見つけました https://qiita.com/naka-Eff/items/0ce0509e63a0348fc8f8著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .