我正在尝试为一个简单的React组件编写一个简单的测试，并且我想使用Jest来确认在我使用enzyme模拟点击时调用了一个函数。根据Jest文档，我应该能够使用spyOn来执行此操作:spyOn.但是，当我尝试这样做时，我不断收到TypeError:Cannotreadproperty'_isMockFunction'ofundefined这意味着我的spy未定义。我的代码如下所示:importReact,{Component}from'react';importlogofrom'./logo.svg';import'./App.css';classAppextendsComponen
我正在尝试为一个简单的React组件编写一个简单的测试，并且我想使用Jest来确认在我使用enzyme模拟点击时调用了一个函数。根据Jest文档，我应该能够使用spyOn来执行此操作:spyOn.但是，当我尝试这样做时，我不断收到TypeError:Cannotreadproperty'_isMockFunction'ofundefined这意味着我的spy未定义。我的代码如下所示:importReact,{Component}from'react';importlogofrom'./logo.svg';import'./App.css';classAppextendsComponen
模拟按钮点击似乎是一个非常简单/标准的操作。然而，我无法让它在Jest.js测试中工作。这是我尝试过的(并且也是使用jQuery进行的)，但它似乎没有触发任何东西:import{mount}from'enzyme';page=;pageMounted=mount(page);constbutton=pageMounted.find('#some_button');expect(button.length).toBe(1);//Itfindsitalrightbutton.simulate('click');//Nothinghappens 最佳答案
模拟按钮点击似乎是一个非常简单/标准的操作。然而，我无法让它在Jest.js测试中工作。这是我尝试过的(并且也是使用jQuery进行的)，但它似乎没有触发任何东西:import{mount}from'enzyme';page=;pageMounted=mount(page);constbutton=pageMounted.find('#some_button');expect(button.length).toBe(1);//Itfindsitalrightbutton.simulate('click');//Nothinghappens 最佳答案
我有一个React组件(这是为了演示问题而简化的):classMyComponentextendsComponent{handleNameInput=(value)=>{this.searchDish(value);};searchDish=(value)=>{//Dosomething}render(){return()}}现在我想测试handleNameInput()使用提供的值调用searchDish。为了做到这一点，我想创建一个jestmockfunction替换组件方法。到目前为止，这是我的测试用例:it('handleNameInput',()=>{letwrapper=s
介绍Jest是目前前端工程化下单元测试火热的技术栈，而Enzyme的支持提供了Jest测试React业务、组件的能力，下面来介绍一下React组件测试的一些实际场景。1.测试依赖包 "enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","enzyme-to-json":"^3.3.5","jest":"^28.1.1","jest-less-loader":"^0.1.2","jsdom":"^19.0.0", //解决mount渲染组件失败的BUG，具体见上文"ts-jest":"^28.0.5",2.测试环境搭建由于enzyme的
介绍Jest是目前前端工程化下单元测试火热的技术栈，而Enzyme的支持提供了Jest测试React业务、组件的能力，下面来介绍一下React组件测试的一些实际场景。1.测试依赖包 "enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.2","enzyme-to-json":"^3.3.5","jest":"^28.1.1","jest-less-loader":"^0.1.2","jsdom":"^19.0.0", //解决mount渲染组件失败的BUG，具体见上文"ts-jest":"^28.0.5",2.测试环境搭建由于enzyme的
Howtotestwrappedcomponentwithenzyme?我的React组件被不同的HOC(i18next、graphql等)包裹着，不幸的是我无法用酶测试我的WrappedComponents。测试WrappedComponents的最佳实践是什么？我不希望导出已package和未package的组件版本，我只想为我的应用程序逻辑导出已package的组件，并能够在package的组件中测试未package的组件。感谢您阅读我！正如其中一个答案所示，大多数精心设计的HOC都暴露了原始组件。这是导出和测试未package组件的好习惯，以防它们不公开。我认为这取决于你如何组织你的H
Howtotestwrappedcomponentwithenzyme?我的React组件被不同的HOC(i18next、graphql等)包裹着，不幸的是我无法用酶测试我的WrappedComponents。测试WrappedComponents的最佳实践是什么？我不希望导出已package和未package的组件版本，我只想为我的应用程序逻辑导出已package的组件，并能够在package的组件中测试未package的组件。感谢您阅读我！正如其中一个答案所示，大多数精心设计的HOC都暴露了原始组件。这是导出和测试未package组件的好习惯，以防它们不公开。我认为这取决于你如何组织你的H
