草庐IT

babel-jest

全部标签

vue-自动化测试框架JEST和CYRPESS

前端自动化测试概念为什么需要写前端自动化大部分企业为了追求开发效率,所以并没有去强制要求员工写前端自动化测试的代码。另一部分企业则会要求前端开发额外写前端自动化测试。那么写和不写到底有哪些区别呢?不写前端自动化测试代码:修改某个模块功能时,其它模块也受影响,很难快速定位bug多人开发代码越来越难以维护不方便迭代,代码重构困难代码质量差,参差不齐增加自动化测试后:我们为核心功能编写测试后可以保障项目的可靠性强迫开发者编写更容易被测试的代码,提高代码质量编写的测试有文档的作用,方便维护开发速度有所变慢,因为要多写一份测试代码(手动滑稽)单元测试(UnitTesting)单元测试是指对程序中最小可测

vue-cli 项目集成 Jest 单元测试

前言前端单元测试对于保证代码质量和稳定性是非常重要的。为什么需要单元测试:检测bug;提升回归效率;保证代码质量。  一、框架对比①、Mocha比较灵活成熟,但没有内部集成,需要自主选择断言库和监听库。。②、Jasmine是Jest的底层库,助攻BDD(即行为驱动开发)断言库与异步测试的自动化测试框架,没有外部依赖。运行在node.js上,没有外部库,所以可以兼容所有的框架和库,但配置过程更加繁琐,使用较复杂。③、Jest由FackBook推出的,目前前端测试领域最火热的框架,它功能齐全,所需配置少,默认安装了JSDOM,易于使用,支持异步测试,mock和快照等功能。安全快速、开箱即用、守护模

vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

今天将VUE项目迁移到新的电脑上,配置不一样,导致报错:Error:Cannotfindmodule'@vue/cli-plugin-babel'Requirestack:-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli

vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

今天将VUE项目迁移到新的电脑上,配置不一样,导致报错:Error:Cannotfindmodule'@vue/cli-plugin-babel'Requirestack:-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js-D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli

jest+testing-library/react 单元测试 react+antd 的实践(一)

前言之前一次想学写单测,但是一直没有动力,因为感觉ui测试写起来比较复杂而且麻烦,再加上实际开发项周期短,没有时间给写单测,但是最近公司比较注重质量,对测试bug数提出了限制,而且还有惩罚措施,为了避免被惩罚,再因为没有写单测,在给的自测时间里,后端同学可以通过梳理代码,补单测来进行测试,而我只能不断的**点点点…**来测试,很low且没效率,心里也没底(虽然最后测试也没测出bug),总感觉机器比人可靠,因此我后面就开始学习单测,来补全这个项目的测试,在结合gitlabci,sonarqube来进行测试报告。我用的框架是react,官方推荐jest+testing-library/react,

javascript - Jest - 简单的测试很慢

我正在使用Jest测试一个Angular应用程序,运行简单测试需要很长时间,我似乎无法弄清楚原因。我的Jest在package.json中设置:"jest":{"modulePaths":["/src","/node_modules"],"testPathIgnorePatterns":[".git/.*","node_modules/.*"],"transformIgnorePatterns":["node_modules/.*",".*\\.js"],"setupTestFrameworkScriptFile":"/src/setupJest.js","preset":"jest-

node.js - 如何在浏览器上本地安装 babel 并使用 ES6?

所以,我在这里按照教程学习ES2015:http://k33g.github.io/2015/05/02/ES6.html但是,我没有根据该教程找到此文件:node_modules/babel-core/browser.js在哪里可以获得browser.js?因为在我执行之后:npminstallbabel-corenode_modules\babel-core中有2个browser.js1node_modules\babel-core\lib\api\register\browser.js2node_modules\babel-core\lib\api\browser.js我应该复制

javascript - Jest : Change output of manual mock for different tests within a test suite

假设我有以下两个文件://index.js...import{IS_IOS}from'common/constants/platform';...exportconstmyFunction=()=>(IS_IOS?'foo':'bar');//index.test.js...import{myFunction}from'./index';jest.mock('common/constants/platform',()=>({IS_IOS:true}));describe('Mytest',()=>{it('testsbehavioronIOS',()=>{expect(myFuncti

javascript - babel 编译时有没有注入(inject)或忽略全局变量的方法?

我的源代码中有一个__DEVTOOLS__全局变量。通常我使用webpackDefinePlugin将其定义为bool值。newwebpack.DefinePlugin({__DEVTOOLS__:true})但是在我的mocha测试中我只想使用babel/register而不想在我的测试中使用wepack。有没有什么方法可以像webpackDefinePlugin一样注入(inject)全局变量,或者至少在编译时忽略全局变量? 最佳答案 我最近遇到了这个问题,将global.__DEVTOOLS__=true;添加到beforeb

javascript - stubbing process.exit 开 Jest

我有代码可以做类似的事情functionmyFunc(condition){if(condition){process.exit(ERROR_CODE)}}我如何在Jest中测试它?用jest.fn()覆盖process中的exit并在测试不起作用后将其返回,因为进程退出 最佳答案 此线程中的其他建议会导致我这边出现错误,任何使用process.exit的测试都会无限期地运行。以下选项适用于TypeScript,但它也适用于JavaScript:constmockExit=jest.spyOn(process,'exit').moc