草庐IT

babel-jest

全部标签

javascript - 用于使用 Jest 进行测试的共享实用程序函数

我在各种Jest测试中使用了一些实用程序函数,例如这样的函数,用于模拟获取响应:exportconstmockFetchJsonResponse=(data)=>{ok:()=>true,json:()=>data};我想以一种可以导入它们并在我的测试中重用的方式共享这些函数。例如://Some.spec.jsxfile//...import{mockFetchJsonResponse}from'some/path/to/shared/tests/utils.jsx'//ThenIcanusemockFetchJsonResponseinsidethistest//...我应该在哪里放

javascript - Babel 和 Browserify/Webpack 混淆

快速提问。我对ES2015(ES6)有点困惑。假设我使用Babel将ES6Javascript编译为兼容当前浏览器的ES5。import/export函数已经在ES6中通过使用Babel提供。那么,当ES6可以为我做这件事时,如果我只是简单地使用它们来捆绑我的模块,为什么我需要像Browserify或Webpack这样的东西呢?无论我走到哪里,我都会看到人们将Babel与Browserify或Webpack结合使用。虽然我知道像Webpack这样的东西可以用于更多,但我想知道是否也可以使用ES6语法来打包文件。我在这里可能完全错了,我可能迷失在2016年的Javascript丛林中,所

javascript - 与 jsdom 开 Jest ,文档在 Promise 解析中未定义

场景尝试使用Jest(和Enzyme)测试一个简单的React组件。该组件使用react-dropzone,我想测试一些涉及DOM的操作,所以我使用jsdom(已由create-react-app配置)问题document对象虽然在我的测试代码中可用并且在组件内部可用,但在dropzoneonDrop回调中是undefined,这会阻止测试运行。代码MyDropzoneimportReactfrom'react'importDropzonefrom'react-dropzone'constMyDropzone=()=>{constonDrop=(files)=>{fileToBase6

javascript - 如何使用 Jest 和 React 测试库测试类名

我是JavaScript测试的新手,正在新的代码库中工作。我想编写一个测试来检查元素上的类名。我正在和Jest一起工作,ReactTestingLibrary。下面我有一个测试,它将根据variant属性呈现一个按钮。它还包含一个类名,我想测试一下。it('RenderswithaclassNameequaltothevariant',()=>{const{container}=render()expect(container.firstChild)//CheckforclassNamehere})我试图在google上搜索类似Enzyme具有hasClass的属性,但我找不到任何东西

javascript - Babel polyfill 和 gulp

我无法使用gulp正确加载babel/polyfill。在我的例子中,Array.from方法是未定义的。但是,如果尝试使用gulp.add(require.resolve("babel/polyfill"))加载browser-polyfill.js,我会得到一个错误"onlyone允许使用babel/polyfill实例”。源代码是正确的,因为我已经用babelbrowser-polyfill.js测试了它。源代码://Lib.jsexportdefaultclassLib{constructor(){varsrc=[1,2,3];this.dst=Array.from(src);

javascript - 需要 Babel "^7.0.0-0",但加载了 "6.26.0"

我已将我的应用程序迁移到babel7beta,除了测试之外,一切似乎都正常。我想我已经阅读了所有内容,但我仍然收到此错误:●TestsuitefailedtorunRequiresBabel"^7.0.0-0",butwasloadedwith"6.26.0".Ifyouaresureyouhaveacompatibleversionof@babel/core,itislikelythatsomethinginyourbuildprocessisloadingthewrongversion.Inspectthestacktraceofthiserrortolookforthefirst

javascript - 在 Jest 中调用 React 的 this.props.onClick(this) 时到底应该测试什么?

我一直在为我的所有事件(当然还有其他一切)编写测试,但我不知道如何测试this.props.onClick(this)在子组件上被调用。我的子组件有以下代码:closeModal:function(){this.props.onClick(this);},render:function(){return()}家长是这样听的:onCloseModal:function(){this.replaceState({modalStatus:'hidden'});},render:function(){return()}我知道如何测试parent的点击事件,我也知道如何在测试中调用child的按

javascript - 使用 Jest 和 Enzyme 测试 react-router v4

我有一个简单的应用程序,他们使用react-routerv4constApp=()=>(Home}/>Profile}/>Help}/>);和测试jest.dontMock('../App');importReactfrom'react';import{MemoryRouter}from'react-router-dom';import{shallow}from'enzyme';importAppfrom'../App';describe('',()=>{constwrapper=shallow();console.log(wrapper.html());it('rendersasta

javascript - 使用 babel 转译基于类的 Web 组件

我有一个遵循最新webcomponentsv1classsyntax的简单网络组件,它在Chrome和Firefox/Edge(带有polyfill)中运行良好,但我希望它在IE11中运行,所以我需要转换该类。然而,通过babel运行它会产生不再适用于任何浏览器的代码。是否有任何方法可以使用类语法生成向后兼容的Web组件,或者是否有编写Web组件以获得最大兼容性的首选方法?示例代码-classTestElementextendsHTMLElement{connectedCallback(){this.innerHTML="Testing"}}customElements.define(

javascript - 用 Jest 模拟 ES6 类函数

我有一个问题,关于如何使用Jest模拟ES6类实例,我实际想要测试的方法使用了它。我的真实案例是尝试测试一个Redux异步Action创建者,它发出请求并根据请求结果分派(dispatch)一些Action。这是用例的简化示例://communication.js//AnexportedES6classmodulewithproxytotherequestlibrary.importpostfrom'./post';exportdefaultclasscommunication{getData(data,success,error){constres=post(data);if(res