使用酶和React时，输入未使用模拟更改进行更新

文章/答案/技术大牛

发布

1回答

reactjs、enzyme

我有一个组件，它的输入如下： return ( <input type="text" value="initial"/>} 我正在尝试使用酶和Jest测试这个组件中的值变化，如下所示。import React from

浏览 12提问于2020-11-16得票数 0

1回答

使用来自外部资源的模拟数据测试react应用程序

reactjs、unit-testing、testing、jestjs

我一直在使用jest、酶和艾条来测试我的react应用。API响应作为mock存储在应用程序本身中。维护这些mock已经很困难了，因为当api响应被修改时，我必须手动更新mock以进行必要的更改。此外，还有其他react应用程序使用相同的apis，并且在其存储库中具有mock。在像s3这样的外部资源中存储模拟以便可以被多个应用程序访问的正确方法是什么？

浏览 16提问于2020-12-03得票数 0

2回答

在模拟用户与酶的交互后，我正在使用storybook可视化React组件的更改。作为一个小示例，我想要一个故事显示一个组件后，它的一个按钮已被单击。我遇到的问题是组件的构造函数被调用了两次:一次是组件被酶挂载的时候，另一次是storybook显示组件的时候。这会将组件恢复到默认状态，因此在模拟用户交互之后所做的任何更改都会丢失。在故事加载之后，按钮组件处于“未点击”状态，即使点击是用酶模拟的： im

浏览 0提问于2018-06-03得票数 13

1回答

如何使用jest &酶测试框架访问内部的react组件和模拟api调用？

javascript、unit-testing、react-redux、jestjs、enzyme

我正在制作一个javascript单元测试套件，用于一个带有jest &酶法的react redux组件；所讨论的组件是一个文件上传表单，其中包含一些基于用户输入和/或服务器响应的基本样式更改。我想用jest &酶法模拟用户与这些UI元素(文件输入和文本字段)的交互，但我在这样做时遇到了困难；我对使用这些测试框架相当陌生，对react redux有了基本的理解，我有点不知所

浏览 3提问于2019-04-11得票数 0

3回答

Jest和酶有什么区别？

javascript、reactjs、jasmine、jestjs、enzyme

我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。测试react-redux项目的最佳方法是什么？

浏览 9提问于2017-03-06得票数 47

4回答

酶、ReactTestUtils和反应试验的差异--库

reactjs、enzyme、react-testing-library

用于反应测试的酶、ReactTestUtils和反应测试库有什么区别？酶是一种用于React的JavaScript测试工具，它使断言、操作和遍历反应组件的输出变得更容易。

浏览 6提问于2019-01-11得票数 88

回答已采纳

4回答

酶支持反应版本18吗？

reactjs、jestjs、enzyme

最近，React 18发布了，我将我的项目升级到了18，我注意到所有由Jest和酵素编写的单元测试都失败了。我已经将从酶装入作为组件的包装器，并注意到以下错误：我还试着检查它是否支持React 18，但没有找到任何合适的链接

浏览 30提问于2022-04-27得票数 13

3回答

如何在jest中使用react-native酶

react-native、jestjs、enzyme

我曾尝试过几篇关于如何做到这一点的文章，包括airbnb react-native和jest的酶指南(分别)。(例如：、或) 但每当我尝试渲染(不是挂载，而是崩溃)任何本机组件时，我都会收到很多警告(我有多组并发测试)。警告总是关于本机道具不被识别。

浏览 5提问于2017-02-04得票数 5

1回答

Jest测试失败，未收到模拟点击的toHaveBeenCalled

reactjs、react-redux、jestjs

我在使用React进行Jest测试时遇到了一个问题。我也在使用酶。此外，我正在使用Redux。如果您看到下面的jest测试，您将看到两个模拟的点击。在下面的测试中出现两次模拟点击的原因是"showAddItem“检查中的输入都是隐藏的。单击"div#add_item“允许该div可见。在我使用调试器进行测试并运行测试时，第一次模拟</

浏览 3提问于2020-03-23得票数 0

2回答

React测试，分派操作后计数更新数量

reactjs、jestjs、enzyme、sinon

使用jest或sinon或酶，我如何在调度操作后统计我的组件的更新次数？

浏览 3提问于2018-11-28得票数 0

1回答

连接组件的静态方法的Jest模拟返回值

reactjs、unit-testing、redux、jestjs、enzyme

我正在用jest和酶对我的React应用程序进行单元测试，一切都很好，直到我碰巧测试了一个与Redux连接的类组件。我继续测试它，用a包装组件，然后浅层挂载它。但是，我无法模拟连接组件中定义的静态方法的返回值。TestComponent中定义的静态方法的返回值时，它没有任何效果，它失败了：有趣的是，如果我将未连接的组件导出为redux文档中的

浏览 8提问于2020-02-17得票数 0

1回答

用Jest/酶测试Axios后插入/更新

database、reactjs、unit-testing、jestjs、enzyme

我开始学习用酶/Jest进行反应测试。我想要使用的一些测试是查看数据库中是否插入/更新了某些内容。我想知道如何用axios进行测试。我听说过axios-mock-adapter，可能会使用它。是否有一种方法可以模拟数据库插入/更新调用，而无需实际在实际数据库中插入/更新条目？例如:我有一个向api端点发出post请求的方法，该端点将新条目插入到我的db中的表中。有没有办法用Jest/

浏览 2提问于2018-10-12得票数 1

1回答

你们是如何测试复杂的react原生应用程序的？

reactjs、react-native、react-native-android、react-native-ios、detox

如果我尝试将jest与酶或react原生测试库一起使用，我最终会使用jest.mock()来模拟我的大多数组件逻辑，以至于测试实际上感觉无用。大多数本机组件都感觉不可能被模拟，我不得不花大部分时间来模拟本机库，而不是编写测试。我有一些使用排毒的测试，它们很有用，但它们运行起来太长了，而且大多数时间都非常不稳定和缓慢，特别是在CI/CD中，比如bitrise，我发现它是使用排毒的最佳选择。排毒不适用于web视图和</e

浏览 8提问于2020-03-27得票数 4

1回答

使用酶挂载测试包含子反应剩余组件的React组件时出错

reactjs、redux、jestjs、enzyme

我正在更新一个单元测试，在jest和酶上的一个反应组件，并遇到一个问题。我最近添加了一个子组件(它本身连接到Redux)到父组件中，它使用的是酶的‘挂载’，单元测试失败了。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者传递给connect选项中的Connect("ChildComponent名称此处“)。是否可以在此实例中模拟子组件的存储？

浏览 2提问于2019-09-23得票数 2

2回答

检测Jest/酶测试过程中的合成点击反应

javascript、reactjs、jestjs、enzyme、html-input

我隐藏一个文件输入元素(<input type="file"/>)“后面”一个反应引导Button，以便能够控制样式。因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。class OpenFileButton extends React.Component { </div>

浏览 7提问于2017-03-04得票数 2

回答已采纳

1回答

是否必须用Jest和酶来模拟useState钩子？

reactjs、jestjs、enzyme

是否有义务用Jest和酶来模拟useState钩子？因为对于一个简单的组件来说，这是很复杂的。酶的simulate函数在这种情况下有效吗？

浏览 4提问于2022-01-02得票数 1

回答已采纳

1回答

在react* js中运行测试用例时的意外令牌*

javascript、reactjs、jestjs

我使用jest在react中运行我的测试用例，我在运行测试用例时得到一个错误，我的App.test.js在下面const { shallowassetMock.js" "moduleFileExtensions": [ "jsx" }我只分享了滑稽的配置，我尝试过<

浏览 1提问于2018-02-14得票数 3

回答已采纳

2回答

我应该如何测试使用类型记录进行api调用的React* "useEffect“？*

typescript、jestjs、axios、enzyme、react-hooks

我正在为一个简单的反应应用程序编写一些玩笑酶测试，使用类型记录和新的反应钩子。我尝试过多种使用act()的方法，但都没有效果。我已经尝试用axios替换为提取和使用酶浅

浏览 0提问于2019-03-28得票数 35

回答已采纳

1回答

测试道具是否通过(不使用酶)

reactjs

我想测试我的道具是否通过了，但不使用酶，我试着在网上找到文档，但是所有的教程都是用酶做的。

浏览 2提问于2019-01-28得票数 0

回答已采纳

4回答

Checkbox在用酶模拟`change`后未被‘勾选’

reactjs、checkbox、simulate、enzyme、chai-enzyme

我尝试使用酶来模拟复选框上的change事件，并使用chai-enzyme来断言它是否被选中。这是我的Hello react组件： constructor(propsthis.state.checked}); }

浏览 2提问于2016-10-06得票数 21

点击加载更多