在使用酶和jest时如何在测试中设置状态？
在使用酶（Enzyme）和Jest进行测试时，可以通过以下步骤来设置状态：
- 导入必要的库和组件：
import { shallow } from 'enzyme';
import MyComponent from './MyComponent';- 创建一个测试用例：
describe('MyComponent', () => {
it('should render the component with a specific state', () => {
const wrapper = shallow(<MyComponent />);
// 设置组件状态
wrapper.setState({ myState: 'myValue' });
// 断言组件状态是否正确
expect(wrapper.state('myState')).toEqual('myValue');
});
});- 运行测试用例：
使用Jest命令行工具或配置的测试运行器来运行测试用例。例如，可以运行
npm test或yarn test命令。
在上述示例中，我们使用了shallow函数来创建一个浅渲染的组件实例。然后，我们可以使用setState方法来设置组件的状态，并使用state方法来获取组件的状态。最后，我们使用expect断言语句来验证组件的状态是否符合预期。
请注意，这里的示例只是一个简单的演示，实际情况可能涉及更复杂的组件和状态设置。此外，关于酶和Jest的更多详细信息和用法，可以参考腾讯云提供的腾讯云测试实践指南中的相关文档和示例代码。
相关·内容
首先，我有条件地呈现一个组件，该组件依赖于由于useEffect钩子而设置的useState钩子。} ); return <p>Loading Screen</p>;
} 我目前的争论点是，我无法调用setResponse或setFail并更新失败或响应的状态我认为我需要使用mount，而不是浅层渲染？此外，我理解测试哲学会反对以这种方式进行测试。然而，我正在寻找一种能够更新状态的解决方案。
浏览 10提问于2020-12-11得票数 0
回答已采纳
6回答
目前，我正在使用带有react钩子的功能组件。但是我无法完全测试useState钩子。考虑这样的场景，在useEffect钩子中，我正在做一个API调用并在useState中设置值。对于jest /酶，我有要测试的模拟数据，但我无法为jest中的useState设置初始状态值。const [state, setState] = useState([]);
浏览 7提问于2019-07-14得票数 34
3回答
Jest和酶有什么区别？
、、、、
我刚开始做单元测试。我想测试React项目。我从React文档开始，它将酶称为测试工具，这对我来说有点模糊。
测试react-redux项目的最佳方法是什么？
浏览 9提问于2017-03-06得票数 47
我曾尝试过几篇关于如何做到这一点的文章，包括airbnb react-native和jest的酶指南(分别)。(例如：、或)
但每当我尝试渲染(不是挂载，而是崩溃)任何本机组件时，我都会收到很多警告(我有多组并发测试)。警告总是关于本机道具不被识别。
浏览 5提问于2017-02-04得票数 5
2回答
我使用useState钩子编写了一个功能组件，该组件本身运行良好，但我在测试它时遇到了问题。我不明白如何在组件中创建初始状态。我有一个按钮，当单击该按钮(一种状态)时，呈现一个输入框，当用户输入(另一种状态)并按下on按钮(另一种状态)时，根据输入框中的内容创建一个按钮。传递的道具帮助呈现按钮列表，但它无法控制用户在输入框中键入的内容。我试图<e
浏览 4提问于2020-02-03得票数 1
回答已采纳
我将Material-UI与SSR指令一起使用，如下所述： https://material-ui.com/guides/server-rendering/ 我的很多组件都是有状态的，我用Jest +Enzyme来测试它们。在测试时抛出这个错误：ShallowWrapper::setState() can only be called on class components。这个问题不会发生在无状态类组
浏览 18提问于2019-06-02得票数 1
1回答
如何测试没有呈现方法的本机类？
、、、、
我正在构建一个移动应用程序，并在尝试对代码进行单元测试时遇到了一个问题。目前，我确实在测试中同时使用了Jest和酶。关于Jest和酶的文献
似乎专注于<e
浏览 1提问于2017-01-05得票数 0
回答已采纳
1回答
如果我尝试将jest与酶或react原生测试库一起使用，我最终会使用jest.mock()来模拟我的大多数组件逻辑，以至于测试实际上感觉无用。我有一些使用排毒的测试，它们很有用，但它们运行起来太长了，而且大多数时间都非常不稳定和缓慢，特别是在CI/CD中，比如bitrise，我发现它是使用排毒的最佳选择。排毒不适用于web视图和一些重要的组件，如
浏览 8提问于2020-03-27得票数 4
我在使用React进行Jest测试时遇到了一个问题。我也在使用酶。此外，我正在使用Redux。
如果您看到下面的jest测试，您将看到两个模拟的点击。在下面的测试中出现两次模拟点击的原因是"showAddItem“检查中的输入都是隐藏的。单击"div#add_item“允许该div可见。在我使用调试器进行<e
浏览 3提问于2020-03-23得票数 0
4回答
测试库React与Jest
、、、、
我有一个非常大的react应用程序(有很多页面、通道、表格等)，我正在使用redux-saga来管理状态。我有一系列的存储，几乎在所有的组件中，我都使用useSelector方法从存储中获取数据，并且由于逻辑原因，在它们内部有许多钩子。我想开始测试应用程序，特别是为了避免应用程序在数据未定义、无效等情况下崩溃。在这种情况下，您建议我应用什么库？
浏览 0提问于2021-02-24得票数 11
我正在尝试使用jest和酶法测试一个react组件，我已经为它们安装了必要的包，然后按照下面所示配置了我的setupTests.js，但是仍然存在相同的错误，即没有找到酶模块，也有“浅的”错误。这就是我试着用浅酶的地方import { render, screen, cleanup } from '@testing-library/reactalpha.54",
浏览 2提问于2021-12-27得票数 0
回答已采纳
它在pckage.json上提供了一个测试脚本，并提供了一个示例App.test.js。在第一步中，我希望根据的文档设置测试环境。在我的应用程序中，我将使用localStorage。;
在这里，如果我不从jest、jest或jest酶导入jest，ESLinter会在jest.fn()中显示一个没有定义jest
浏览 1提问于2018-09-10得票数 5
回答已采纳
在检查结果之前，我还尝试过用jest.runAllTimers();运行测试，但之后我得到：jest.advanceTimersByTime(500);
但是考试总是失败，我得到了旧的文本状态。状态似乎不会因为某种原因而改变，这是很奇怪的，因为在我用DebounceInput组件包装组件之前，组件和测试都是绿色的。<
浏览 0提问于2021-01-03得票数 5
我目前正在使用以下堆栈设置单元测试：
wrapper = enzyme.shallow(<Stepper>bla</Stepper>)Generato
浏览 1提问于2018-02-05得票数 1
回答已采纳
1回答
我使用Jest +酶对react应用程序进行单元测试，我也使用我公司拥有的依赖库作为node_modules，这些库是用Javascript (ES6)编写的，但是我的应用程序和测试脚本是用TypeScript编写的，所以在这里，当运行测试时，Jest从这些库( node_modules)抛出了类型错误，如下图所示，Abstract.jsx来自依赖node_modules
我在jest
浏览 3提问于2019-02-12得票数 1
长期以来，我们一直使用酶来测试我们的反应组分，但我们已经开始逐步迁移到反应测试库中。根据安装文档，我已经将酶和jest匹配器添加到我的存储库中。
浏览 4提问于2021-12-17得票数 0
我们可以跳过一个反应钩子(“从道具中获得派生的状态”)，同时使用酶和jest对一个组件进行单元测试。我正在编写一个计数器组件，其初始状态设置为零，从父组件接收新状态，同时模拟单元测试中的增量或递减函数，更改的状态由于“从parents获得派生状态”挂钩而被父级初始状态覆盖。在组件中，它只被调用
浏览 2提问于2019-07-17得票数 0
回答已采纳
我对单元测试很陌生，我刚刚开始为我的react项目编写单元测试。我的项目是使用创建-反应-应用程序创建的，我已经安装了所需的测试库，如酶、酶适配器-Reacti-16和jest-酶。我在src目录中创建了一个新文件setupTests.js，并添加了酶配置。
当我试图使用命令npm test运行单元测试时，我收
浏览 1提问于2020-09-17得票数 0
回答已采纳
我正在尝试使用反应测试库，看看我们是否应该在我们的项目中使用它。我们使用jasmine而不是jest。我想知道jasmine是否可以很容易地使用react-testing-library (应该没问题……)谢谢
浏览 3提问于2019-02-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
