书架

书架

=一个知识书库=

jsconfig.json配置文件说明详解

jsconfig.json配置文件说明详解

```css 功能简单说明:jsconfig.json有了它,可以对文件目录检索做智能提示,宝宝再也不用两眼发酸的丑目录写引入文件的地址了,一路上下键选择回车搞定。 ``` ## jsconfig.json是什么? 如果你的项目中有一个 jsconfig.json文件的话,这个文件的配置可以对你的文件所在目录下的所有js代码做出个性化支持。 jsconfig.json的配置是tsconfig.json的子集。 ## webpack aliases的支持 如果我们在我们的webpack里面配置的路径的别名,心细的小朋友就发现了. 我们的vscode不能根据别名路径导
more...
JEST前端单元测试

JEST前端单元测试

# 一、Jest基本概念 ## npm安装: ```js 1. npm install jest -D(安装到本地) 2. npm install jest -g(安装到全局) ``` ## 运行: 1. `npx jest`(安装到本地的前提下) 2. `jest`(安装到全局的前提下) 3. 修改"script" 中的"test" 为"jest"后使用`npm run test`或`npm t` ## 零配置: 但测试用例文件名格式为**test.js(默认配置下) ## 基本方法: • 分组(Test Group):descripe
more...
前端自动化测试 - Jest钩子函数篇(三)

前端自动化测试 - Jest钩子函数篇(三)

###### 1.Jest中四个钩子函数 `beforeAll()`钩子函数的意思是在所有测试用例之前进行执行。比如: ```jsx beforeAll(()=>{ console.log('上课铃响了~~~~') }) ``` 写完后,保存文件,会自动执行测试。这时候可以在控制台看到`上课铃响了~~~~`。执行之后可以看到这句话最先执行了。然后才走下面的测试用例。 `beforeEach()`钩子函数,是在每个测试用例前都会执行一次的钩子函数,比如我们写如下代码 ```jsx beforeEach(()=>{ console.log(
more...
前端自动化测试 - Jest异步请求篇(二)

前端自动化测试 - Jest异步请求篇(二)

用axios远程的请求数据。要使用axios就需要先进行安装,直接使用npm或yarn进行安装就可以了 ```css npm install axios@0.19.0 --save ``` 安装完成后,可以打开`package.json`看一下安装结果和版本,我这里使用的是0.19.0(如果你是其它版本,可能这个方法会出错,所以你最好和我使用一样的版本)。 ## **异步代码的测试方法-1** 一个异步请求地址[http://a.jspang.com/jestTest.json](http://a.jspang.com%2FjestTest.json) 安装好ax
more...
前端自动化测试 - Jest基础配置篇(一)

前端自动化测试 - Jest基础配置篇(一)

## 市面上主流的前端测试框架 1. Jasmine : JavaScript测试框架(BDD),这个也算是比较早的测试框架。 2. MOCHA: 它是一个功能丰富的JavaScript测试框架,运行在`Node.js`和浏览器中,使异步测试变得简单有趣。也是非常优秀的框架。 3. Jest:目前最流行的前端测试框架,几乎国内所有的大型互联网公司都在使用。 ## Jest 优点: 比较新,性能好、功能多、简单易用,单独模块测试功能(测试快),API简单,隔离性好,IDE整合,多项目并行,快出覆盖率... ------ <!--more--> ## 1.环
more...