问题标签 [redux-mock-store]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
646 浏览

reactjs - 在测试 onSubmit 时,我想模拟 API 调用而不是进行实际的 API 调用

我将 formik 和 useDispatch 用于表单和提交功能。仅当我注释掉 API 调用代码时,我才能够测试该操作是否在提交时分派。如果我不注释掉,则会引发错误。

如何调用模拟 API 调用而不是实际 API?或者如何使用 redux-mock-store 进行formik+异步 API 调用

忘记密码.js:

忘记密码.test.js

调度的动作

这是在操作中注释掉 API 调用部分时的 console.log

api调用未注释掉时出错

0 投票
0 回答
34 浏览

reactjs - 如何在 React 中测试是否从 Redux mapStateToProps 收到了 props?

我是反应编程的新手。我正在为 redux 连接组件编写测试用例。所以我收到了来自不同减速器的道具。我正在使用 jest 和 react 测试库来编写测试用例。我正在使用 redux-mock-store 来模拟存储数据,但这不起作用。

0 投票
1 回答
181 浏览

reactjs - 使用酶设置 redux 连接反应组件的状态

如何更新包装器中存在的 NavBar 组件的状态?

我尝试使用更新wrapper.setState({displayMenu:true})但它没有更新,因为我认为包装器是组件与 Provider 的包装,所以 NavBar 的状态没有更新。

0 投票
0 回答
48 浏览

reactjs - React中容器的单元测试用例

我正在尝试在 React 中编写容器的测试用例。但我被困在表单提交案例中。我无法在我的组件中传递操作。这是我的容器。

我正在使用酶、redux-thunk、redux-mock-store 进行测试。

您的回复将不胜感激。这花了很多时间。提前致谢。

0 投票
1 回答
1001 浏览

reactjs - 使用 jest 和 react-testing-library 测试连接的组件

我想测试连接的 React 组件。我正在使用 Jest、React 测试库和 redux-mock-store。当我尝试获取一些元素时,出现错误:

TestingLibraryElementError:无法找到带有文本的元素:测试。这可能是因为文本被多个元素分解。在这种情况下,您可以为您的文本匹配器提供一个功能,以使您的匹配器更加灵活。

包.json

头文件.tsx

头文件.test.tsx

0 投票
1 回答
956 浏览

reactjs - 使用 jest 和 redux-mock-store 测试 redux 连接的组件

我想测试连接的 React 组件。我正在使用 Jest、React 测试库和 redux-mock-store。我在嘲笑 getPatternPageInfo 函数,当我试图获取一些元素时,我得到一个错误:

TypeError:SidebarActions_1.selectPattern 不是函数

包.json

SidebarActions.ts

PatternForm.tsx

PatternForm.test.tsx

0 投票
0 回答
473 浏览

javascript - 使用 mockStore 时如何模拟 store.dispatch 函数?开玩笑的

我的反应组件中有这个

我的测试是:

问题是它没有模拟调度功能。

0 投票
1 回答
3804 浏览

reactjs - React 测试库覆盖延迟加载

如何覆盖反应测试库中的延迟加载组件。

test.spec.js

0 投票
0 回答
89 浏览

redux-mock-store - 使用 jest 模拟多个 Axios 调用

async在 React 中有这个任务。我使用了 Axios 和 redux-thunk。我想用 jest 写一个测试。但是这个redux 文档中的示例使用了 fetch-mock,它模拟了使用 fetch 或 node-fetch 发出的请求。如何实现模拟 Axios 的测试?:

0 投票
0 回答
41 浏览

react-redux - 如何通过模拟状态并将状态传递给组件来测试 React redux 应用程序

我想从 redux 商店模拟状态并使用 jest 测试它们

写完后jest --watch,我发现这个错误表明状态数据无法传递给组件

LeaderBoard组件可能会从存储中检索传递的数据