用酶激活TypeScript反应道具
酶激活是一种在React中用于测试组件的库。它提供了一种简单的方式来模拟组件的渲染和交互，并对其进行断言。TypeScript是一种静态类型检查的编程语言，它是JavaScript的超集，可以在编译时发现潜在的错误。反应道具是React中的一种机制，用于向组件传递数据和配置。
在使用酶激活TypeScript反应道具时，可以按照以下步骤进行操作：
- 安装酶和@types/enzyme库：
- 安装酶和@types/enzyme库：
- 导入所需的库和组件：
- 导入所需的库和组件：
- 创建测试用例并使用酶激活组件：
- 创建测试用例并使用酶激活组件：
- 对组件进行断言和测试：
- 对组件进行断言和测试：
通过使用酶激活TypeScript反应道具，我们可以方便地对React组件进行单元测试，并验证其行为和渲染结果是否符合预期。
腾讯云提供了一系列云计算产品，其中与前端开发和React相关的产品包括云服务器CVM、云函数SCF、云存储COS等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
1回答
我正在尝试将使用酶的Jest测试转换为TypeScript，但遇到了一个我不确定如何处理的特殊情况。基本上，我正在尝试调用一个函数，该函数被作为道具传递给子组件。
浏览 4提问于2018-08-30得票数 3
回答已采纳
1回答
我已经开始学习使用TypeScript的TDD。我已经创建了一个<Avatar />组件。它的道具应该是与Props组件一起定义的<Avatar />类型的。在正常的开发模式下，当我用玩笑和酶测试它时，它工作得很好，当道具不存在时，它不会抛出错误。下面是我的密码。
我尝试过使用PropTypes并将它附加到Avatar.propTypes上，它可以工作。当道具不存在时，开玩笑/酶抛出不让测试通过。但是，同时使用<em
浏览 3提问于2019-08-09得票数 0
1回答
Jest测试反应上下文
、、、、
我对测试很陌生，已经尝试解决这个问题有一段时间了。虽然我能找到类似的帖子，但我没有发现任何对我有用的东西。我认为问题可能是因为我的AppContext设置与其他的有些不同。const AppContext = React.createContext();
constructor(props) { this.state = { {r
浏览 0提问于2019-11-05得票数 0
我是一个团队的人，谁正在编程的反应，并使用酶，摩卡和柴单元测试。请参阅下面的包版本。在我看来，这个测试看起来仅仅是测试，反应设定了道具。我觉得我们可以相信React正在做什么，而应该测试我们如何使用React来呈现组件。我宁愿测试道具值对其他道具、状态的影响，以及组件作为道具的结果是如何呈现的。
“酶
浏览 0提问于2019-07-16得票数 2
我是一个团队的人，谁正在编程的反应，并使用酶，摩卡和柴单元测试。请参阅下面的包版本。在测试一个组件时，如果有几个用例需要不同的支持值，那么应该在每个测试中使用beforeEach()然后使用setProps()，还是应该在每个测试开始时执行一个显式挂载()(或浅层())？有关系吗？例如，我可以在没有任何道具的情况下使用beforeEach()挂载，然后在每个测试中使用setProps()，如下面所示(使用伪代码)：
浏览 0提问于2019-07-16得票数 2
1回答
我用酶来测试一种反应成分，它把另一种成分作为道具。mockHandleClick.mockClear()
我想我可能对用</e
浏览 3提问于2020-05-07得票数 0
回答已采纳
1回答
反应路由器4和酶
、、、
我已经切换到了反应性路由器v4，很少有测试需要重新实现。我有以下设想：
一种设置根组件的支持并重新呈现的方法。这意味着如果我调用comp.setProps({..newProps})，它实际上会改变路由道具(MemoryRouter)，但不会改变组件道具，这简直糟透了。
浏览 1提问于2017-05-24得票数 9
我想测试我的道具是否通过了，但不使用酶，
我试着在网上找到文档，但是所有的教程都是用酶做的。或者我真的需要一个第三方库，比如“反应测试库”？
浏览 2提问于2019-01-28得票数 0
回答已采纳
用于反应测试的酶、ReactTestUtils和反应测试库有什么区别？
反应测试库是一个非常轻的解决方案，用于测试反应元件.它提供了轻的实用功能之上的反应<
浏览 6提问于2019-01-11得票数 88
回答已采纳
我需要重构所有的酶单元测试，以反应本机测试库。在酶中，为了获得子元素的道具，我可以使用一些东西，比如：
((rootElement.props() as Props).prop).toBe(value)。我应该只把完整的路径传递给道具吗？
浏览 9提问于2021-09-03得票数 0
这主要是TypeScript类型问题，prop-types prop-types运行时类型在这里不适用。
浏览 0提问于2018-02-16得票数 0
回答已采纳
1回答
如何使儿童从酶中获得反应
、、、
但是，我在尝试测试该组件时遇到了麻烦，因为酶包装器的子级和React的子级之间“不匹配”。
这是从React children获得一个“插槽”子函数的函数。
浏览 3提问于2019-10-09得票数 2
回答已采纳
嗨，我试着用酶测试这个反应应用程序，但是它引发了一个错误TypeError:适配器不是构造函数，任何想法都可以。./ ProductRow _row’导入反应；从‘React’导入反应；//从‘酶’导入{react}；从‘酶’导入*作为酶；从‘酶适配器-react 16’导入*作为适配器；从‘enzyme.configure
浏览 1提问于2018-04-13得票数 18
回答已采纳
假设我有这个功能反应组件。可以用enzyme吗？
使用react测试库的测试通过了，但是酶测试失败了，尽管它们测试的代码相同。SomeComponent onShow={aFn} />); });有没有办法使酶执行钩子并通过测试
浏览 1提问于2019-05-10得票数 3
4回答
我有一个反应应用程序，我想开始用酶编写单元测试。酶的讨论多达16种反应的版本。反应17的酶适配器是什么？
浏览 5提问于2020-11-03得票数 70
回答已采纳
1回答
我是在开玩笑/酶测试反应和我试图测试反应按钮组件，通过传递道具和im得到这个错误，不能读取属性'onIncrement‘的未定义的。
浏览 1提问于2020-12-09得票数 1
回答已采纳
我正在使用TypeScript进行React，另外，我还在用PropTypes验证运行时的道具。最近，我更新到了TypeScript 3.9.3，从那时起，事情就变坏了。我也尝试过用propTypes.shape()包装propTypes.objectOf(PropTypes.shape( ... ))，但没有效果。
浏览 2提问于2020-05-29得票数 2
我也在网上看过了，看起来这个特性要么是错误的，要么在当前版本的酶中不起作用。是否有人确切地知道此特性是否有效，如果是，那么模拟enter或其他类型的关键事件的正确语法是什么？谢谢!这是我目前的情况，但不起作用：input.simulate('keyDown', {keyCode: 13});
我现在的酶版本是
浏览 4提问于2016-08-15得票数 59
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
