酶模拟改变输入不改变React钩子上的值
酶模拟是一种用于测试React组件的工具，它可以模拟用户交互和组件行为，以验证组件的正确性。在React中，钩子（Hooks）是一种用于在函数组件中添加状态和其他React特性的机制。
当使用酶模拟来测试React组件时，可以通过模拟用户输入来改变组件的状态和属性，以验证组件在不同输入下的行为是否符合预期。然而，酶模拟改变输入并不会直接改变React钩子上的值。
React钩子是基于函数闭包的机制，它们在组件的每次渲染中都会创建新的实例。因此，酶模拟改变输入只会影响当前渲染实例的状态，而不会改变React钩子上的值。
为了在酶模拟中改变React钩子上的值，可以使用酶的setState方法来模拟状态的改变，或者通过传递新的属性来模拟属性的改变。这样可以触发组件的重新渲染，并更新React钩子上的值。
在云计算领域中，酶模拟可以用于测试基于React的云计算应用程序的前端部分。通过模拟用户交互和输入，可以验证应用程序在不同场景下的行为和性能。腾讯云提供了一系列与云计算相关的产品，如云服务器、云数据库、云存储等，可以用于构建和部署云计算应用程序。
以下是一些腾讯云相关产品的介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
我正在尝试用React上的Jest和Enzyme来写测试。但是在调用.simulate('change')函数时，值保持为NULL，并且不会更改为期望值miqueias@gmail.com。我的App.jsx： const App = () => { const [password, setPassword] =
浏览 30提问于2020-08-23得票数 0
2回答
.toMatchSnapshot()}通过道具并不能改变我想要测试的状态。传递的道具帮助呈现按钮列表，但它无法控制用户在输入框中键入的内容。我试图在输入框中设置一个状态，然后模拟单击on按钮并测试它。我不是在尝试测试反应本机useState功能
浏览 4提问于2020-02-03得票数 1
回答已采纳
我正在尝试对一个简单的自定义钩子getWindowWidth()进行单元测试，但是我无法在酶中调整窗口的大小。我正在使用酶挂载一个使用钩子的组件，设置窗口对象的宽度，强制重新渲染，但窗口宽度永远不会改变。这里是钩子：
export default function getWindowWid
浏览 12提问于2019-08-14得票数 1
我有一个关于反应测试库的问题。如果你正在做钩子开发，这似乎是测试库的好去处，因为酶目前似乎不支持钩子，谁知道它是否会支持钩子，至少从浅层渲染的角度来看是这样的……至少从我目前所读到的情况来看。所以，让我对react- test -library感到有点疯狂的是，它建议进行完整的渲染、触发点击、更改等等来测试你的组件。所以，如果你要改变一个Butt
浏览 29提问于2019-02-26得票数 0
6回答
目前，我正在使用带有react钩子的功能组件。但是我无法完全测试useState钩子。考虑这样的场景，在useEffect钩子中，我正在做一个API调用并在useState中设置值。对于jest /酶，我有要测试的模拟数据，但我无法为jest中的useState设置初始状态值。我找不到任何类似于类组件的setState函数。
浏览 7提问于2019-07-14得票数 34
1回答
我正在尝试测试一个使用useState和useEffect的自定义钩子，以及一个模拟延迟加载数据的setTimeout。简化 const [loading, setLoading] = React.useState(true); const [value, setValue] = Reac
浏览 1提问于2020-03-03得票数 3
2回答
我隐藏一个文件输入元素(<input type="file"/>)“后面”一个反应引导Button，以便能够控制样式。因此，当单击按钮时，我转过身，在文本输入元素上触发一个合成单击事件，如下所示。class OpenFileButton extends React.Component {
...但是，虽然我可以模拟按钮上的单击事件，但我还没有弄清楚如何检测文件输入元素上的
浏览 7提问于2017-03-04得票数 2
回答已采纳
更新2021年不要使用酶！
功能成分(如问题中的一种)很难制造，因为酶不是为它们准备的。酶</e
浏览 0提问于2021-03-10得票数 1
回答已采纳
用于反应测试的酶、ReactTestUtils和反应测试库有什么区别？
反应测试库是一个非常轻的解决方案，用于测试反应元件.它提供了轻的实用功能之
浏览 6提问于2019-01-11得票数 88
回答已采纳
2回答
我有一个基于选项卡的页面。每个选项卡都会带有标签，以便在单击时切换选项卡。我在该州的setValue中添加了useEffect。测试文件： const setState = jest.fn() useStateSpy.mockImplementation这就是为什么我想使用useEffect，但在测试中设置状态失败的原因。 我错过什么了吗？或者我应该做些改变？
浏览 29提问于2020-08-06得票数 0
我正在使用React day picker，并尝试为它编写一些测试。其中一个测试包括模拟某一天的点击，然后检查该天的类名是否添加了所选的类。但问题是，即使在通过酶的方法simulate('click')模拟点击之后，类名也根本不会改变。但确实会调用on click处理程序，我可以在控制台输出中看到单击的是哪一天。
浏览 0提问于2018-10-22得票数 0
我有一个组件，它的输入如下： return ( <input type="text" value="initial"/>}
我正在尝试使用酶和Jest测试这个组件中的值变化，如下所示。import React</
浏览 12提问于2020-11-16得票数 0
我有很多调用dispatch() (Redux)的功能React组件。dispatch()函数本身是由react-redux的useDispatch()钩子传入的。我需要做什么才能断言expect(dispatch).toHaveBeenCalledWith(authActions.logout) <
浏览 3提问于2020-06-25得票数 4
回答已采纳
我正在使用React前端进行编码，在寻找一种在日历上选择日期的方法时，我遇到了一个名为"react-datepicker"的很酷的react模块。这几乎做了我需要的所有事情。我正在尝试使用在指南网站https://reactdatepicker.com/上看到的<DatePicker />组件 我遇到麻烦的是钩子调用。我似乎找不
浏览 99提问于2020-10-21得票数 0
1回答
this.handleChangeOTBTarget} />
函数的作用是限制在字段中输入的值的长度}: NumberFormatValues ) => value.length <= ALLOWED_INPUT_LENGTH;
我需要为这个功能编写一个单元测试，以检查使用Numbe
浏览 2提问于2020-08-05得票数 0
2回答
我在React (Jest，酶)中进行单元测试。当输入更改时，我希望#mail有类'solutions__mail- input '，但它没有。expect(solutions.find("#mail").hasClass("solutions__mail-input")).toEqual( ); 而且它不是绿色的，输入值是改变的，改变类
浏览 22提问于2020-12-19得票数 1
回答已采纳
给出一个简单的自定义钩子(我知道如何测试它)： const useCounter = () => { setValue(value + 1) value, }
} 和一个使用它的组件：做这件事的“正确方式”是什么？我必须模拟自定义钩子吗？多么?
浏览 8提问于2019-12-29得票数 1
回答已采纳
5回答
测试响应使用钩子获取数据的组件。
、、、、
我的React应用程序有一个组件，它从远程服务器获取要显示的数据。在前钩子时代，componentDidMount()是一个好去处。但现在我想用钩子来做这个。</div>};import React from 'react';import App/App
浏览 1提问于2019-03-07得票数 29
1回答
标题说明了这一点，我花了几个小时的时间研究如何使用酶来改变功能组件上的道具。我尝试过wrapper.setProps({ foo: 'bar' })，但这显然不适用于功能组件。任何帮助都将不胜感激。
浏览 5提问于2020-05-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
