草庐IT

babel-jest

全部标签

javascript - Babel 通过 _this 转换它

我对工具提示进行了引导修改。并使用webpack/babel处理我的js我的代码的简化可以是:$('[data-toggle="tooltip"]').tooltip({title:()=>{return$(this).children('.tooltip-html-content').html();}});这应该是元素,bootstrap将调用此函数:getTitle:function(){vartitle,$e=this.$element,o=this.optionstitle=$e.attr('data-original-title')||(typeofo.title=='fun

javascript - 尝试使用@别名时,Jest 找不到@babel/code-frame

我们的应用程序使用importES2015风格语法导入文件,利用Webpack4.6.0对ES2015模块的原生支持。我们还使用别名来缩短我们的相对文件路径。Webpack.conf.jsresolve:{extensions:['.js','.json','.less'],alias:{'@':resolve('public/js'),'handlebars':'handlebars/dist/handlebars.js',},modules:['less','node_modules']},example.jsimportwidgetfrom'@/widgets/widget';文

javascript - 如何使用 Jest 将 Axios 模拟为默认导出

如何模拟导出为默认函数的axios?我有一个api帮助程序,它使用axios()概括api请求api.jsexportconstcallApi=(endpoint,method,data={})=>{returnaxios({url:endpoint,method,data}).then((response)=>//handleresponse).catch((error)=>//handleerror)};api.spec.jsimportaxiosfrom'axios';import{callApi}from'./api';describe('callApi()',()=>{it(

javascript - Babel 中的转换插件与语法插件

我想在我的webpack设置中使用Classproperties。跟着这本书(www.survivejs.com),我注意到作者在.babelrc文件中添加了2个插件:babel-plugin-syntax-class-propertiesas以及babel-plugin-transform-class-properties。查看syntax-class-properties的babel文档,它指出:SyntaxonlyThispluginonlyallowsBabeltoparsethissyntax.Ifyouwanttotransformitthenseetransform-cl

javascript - 从另一个文件模拟一个函数 - Jest

我正在为我的应用程序编写单元测试用例。有一个函数写在Utils部分并在所有文件中使用。我想在需要时模拟此Utils函数,但我无法这样做。这是我的代码设置:实用程序.js>constgetData=(name)=>"Hello!!!"+name;>>constgetContact=()=>returnContacts.mobile;>>export{>getData,>getContact}Login.js(使用Utils.js)constwelcomeMessage=(name)=>{returngetData(name);}我的测试文件(Login.spec.js)import{ge

javascript - Jest with TypeScript : TypeError: environment. 拆解不是函数

当我尝试使用Jest运行测试时出现此错误:FAILsrc/__tests__/jokeGenerator.test.tsx●TestsuitefailedtorunTypeError:environment.teardownisnotafunctionatnode_modules/jest-runner/build/run_test.js:230:25我在这里遇到了一个可能的解决方案:HowtosolveTypeError:environment.teardownisnotafunction但在按照建议进行操作后:删除我的yarn.lock文件、node_modules文件夹、从我的p

javascript - 如何在目录模式下更改 babel-cli 输出的文件名?

背景:我有一些用ES2015编写的测试,但由于v2.1中的QtWebKit缺少ES2015支持,因此需要将其转换为ES5才能在PhantomJS中运行。2.5beta应该支持它。babel-cli:我可以使用babel-cli将测试转换为ES5:babelmain.test.js--out-filemain.test.es5.js为了转换脚本目录,我可以使用:babeltests--out-dircompiled-tests这会将转译后的测试脚本输出到compiled-tests目录。如果我使用相同的目录,它会覆盖原来的目录,所以我们不希望这样。问题:有没有办法在babel-cli的目

javascript - 如何使用 Node js 和 babel 保留正确的行号

我有以下设置并且我的错误/堆栈跟踪有问题我是否遗漏了什么?package.json看起来像:{"name":"xxxxxx","main":"server.js","private":true,"scripts":{"start":"nodemon--exec./node_modules/.bin/babel-nodeserver.js"},"dependencies":{"babel":"^6.5.2","babel-cli":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-pr

javascript - 运行 babel-node 时为 "TypeError: Converting circular structure to JSON"

我有一个简单的快速服务器,我正试图在Heroku上运行。在本地一切正常,但当我部署到Heroku时,出现以下错误。/app/node_modules/babel-runtime/node_modules/core-js/library/modules/es6.symbol.js:223return_stringify.apply($JSON,args);^TypeError:ConvertingcircularstructuretoJSONatObject.stringify(native)atObject.stringify(/app/node_modules/babel-runti

javascript - Vue 3 CLI - 如何为 Object.entries 添加 babel polyfill

我有一个依赖项(vue2-google-maps),它导致我的Vue应用程序在旧版浏览器中出现问题,并引发Object.entries错误。阅读VueCLIDocsonpolyfills,我看到它提到尝试在babel.config.js中加载polyfill。我的babel.config.js:module.exports={presets:[['@vue/app',{polyfills:['es6.object']}]]}抛出错误:Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):TypeError:[BA