问题标签 [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 投票
4 回答
40292 浏览

reactjs - 使用 redux 测试异步操作创建者并做出反应时,无法读取未定义的属性“.then”

我正在尝试使用 react、redux-mock-store 和 redux 编写一些测试,但我不断出错。也许是因为我Promise的还没有解决?

fetchListing()我在开发和生产中尝试它时,动作创建器实际上可以工作,但是我在通过测试时遇到了问题。

错误信息

动作/index.js

action.test.js

0 投票
1 回答
583 浏览

javascript - 测试 Redux Thunk Action Creator

我有一个 redux 操作创建器,它利用 redux-thunk 执行一些逻辑来确定将什么分派到商店。它不是基于承诺的,就像 HTTP 请求那样,所以我在如何正确测试它方面遇到了一些问题。我需要测试值何时满足条件以及何时不满足。由于动作创建者没有返回承诺,我无法在测试中运行 .then() 。测试这样的东西的最佳方法是什么?

同样,我相信测试getRemoveFileMetrics()动作创建者会非常简单,因为它确实返回了一个承诺。但是,如果值为 removeFiles 并且满足条件,我怎么能断言它会被调用呢?试卷上怎么写?

提前感谢,因为这让我在过去的几天里卡住了。

动作创作者

笑话

新编辑

因此,根据 Danny Delott 对返回承诺的回答,我通过了如下测试:

0 投票
1 回答
1570 浏览

javascript - 测试异步 Redux Action Jest

我无法从异步 redux 操作中获得正确的输出。我使用 Jest、redux-mock-adapter 和 thunk 作为工具。

根据 redux 关于测试异步 thunk 的文档(https://redux.js.org/docs/recipes/WritingTests.html#async-action-creators),我的测试应该返回一个包含两个操作的数组。但是,我的测试只返回第一个动作,而不是应该在成功获取时返回的第二个动作。我想我只是在这里遗漏了一些小东西,但至少可以说很麻烦。

还原动作

测试

输出

0 投票
1 回答
662 浏览

ecmascript-6 - 与 redux-mock-store 一起使用时,redux-observable 流中的重复操作

我打开了一个问题,但万一我做错了什么:

当使用 jest 和 redux-mock-store 编写单个测试时,一切都按预期工作。但是,如果我多次使用 mockStore(在同一个测试中甚至在另一个测试中),那么在任何创建的商店中调度的操作都会在 observable 中多次发送(但在商店中只有一次,如 store.getActions()状态。

这是一个复制回购:https ://framagit.org/jalil/redux-observable-mock-store-duplicate

tldr;

这有效:

这不会:

或者 :

... 等等 ...

我希望,因为我使用 replaceEpic 和 mockStore,并且我使用不同的 jest 测试,一个测试不应该影响另一个,一个 mockStore 不应该影响另一个。

所以,我希望,即使我有多个测试,每个测试都调用 mockStore(),让我的史诗接收正确的动作流。

打开的问题:

0 投票
1 回答
674 浏览

redux - 为什么 Redux Promise Middleware 没有为我的示例代码分派被拒绝的操作?

我使用 fetch-mock、redux-mock-store、promise-middleware 来测试我的应用程序的 redux 实现。我有以下代码:

问题是我用 retchMock 模拟的 404 调用总是最终被解析为 ACTION_1_FULFILLED。为什么会这样?我是否错误地嘲笑了电话?

0 投票
1 回答
116 浏览

redux - 无法初始化商店的状态

我有以下代码:

console.log印刷品:

为什么打印商店时没有someField出现?

我没有正确初始化它吗?

0 投票
1 回答
1167 浏览

unit-testing - 为什么我的笑话异步操作创建者测试不起作用?

我对单元测试非常陌生,并且正在尝试通过我的 react-redux 项目来编写一些测试。

为什么这个测试不起作用,我怎样才能让它通过?

这是测试。我想测试我的获取帖子操作创建者。这是一个小型博客应用程序。:

这是 jest 的反馈。我希望它等于'FETCH_POSTS_'FUFILLED',但它返回'FETCH_POSTS'。:

此外,如果您想尝试运行它,这里是项目的 github 存储库。

此外,如果业内有一种更广为人知的标准方法,我会喜欢这个建议。

编辑:

当我将操作 [0] 更改为操作 [1]时,我收到此错误:

以下是jest反馈的图片形式:

0 投票
1 回答
864 浏览

javascript - 测试 redux-mock-store 时调度操作后的最终状态为空

我正在使用redux-mock-store来测试我的 redux 操作。但是,我想测试我的操作以及他们设置的商店。我的代码是这样的:

但是我的 finalState 是empty,我知道没有减速器在听我的动作,并且状态没有更新。但我想在一个地方用行动来测试我的状态。有什么方法可以集成它,还是有其他一些 npm 模块提供它?

编辑:

我想在一个地方测试我的storeactions。有没有办法做到这一点?我应该还是不应该这样做?

0 投票
1 回答
1332 浏览

react-native - 检查是否已使用酶调用了 redux 操作

我正在尝试测试是否从我的 React Native 项目中的 componentDidMount 调用了调度。我的问题是我不知道如何检查是否调用了 autoLogin()。

测试.js

index.js

0 投票
2 回答
6837 浏览

reactjs - redux 单元测试 Store.dispatch()

我有一个像这样的基本反应组件。

如何统一这个组件..?

我正在使用 karma 和酶。我在下面的代码中写了这个,但这不起作用

我认为它没有进入商店。