简述安装步骤：

默认你已经配置好jest了，如果没有可以看我往期的笔记

安装 jest-stare 依赖

npm install jest-stare --dev

配置 package.json 文件

{"name": "jest-stare","version": "1.0.0","scripts": {"test-rep": "jest --reporters default jest-stare"},"keywords": [],"author": "","license": "ISC","dependencies": {"jest-stare": "^@2.3.0"             // 注意：版本号要与安装 jest-stare 时一致},"reporters": ["default", "jest-stare"],"testResultsProcessor": "./node_modules/jest-stare"
}

配置 jest.config.js 文件

module.exports = {// Indicates whether the coverage information should be collected while executing the test// collectCoverage: true,     // 这个可以依据个人需求选择是否输出测试覆盖率// Use this configuration option to add custom reporters to Jest// reporters: undefined,// jest.config.js 文件中 reporters 可以忽略，可以在 package.json 中添加 jest-stare"reporters": ["default",["jest-stare",{"resultDir": "results/jest-stare","reportTitle": "jest-stare!","additionalResultsProcessors": ["jest-junit"],"coverageLink": "../../coverage/lcov-report/index.html","jestStareConfigJson": "jest-stare.json","jestGlobalConfigJson": "globalStuff.json"}]]
};

创建测试文件 demo.test.ts

// demo.test.ts
describe("suit 1", () => {test('第一个测试', () => {console.log(1);});test('第二个测试', () => {expect(1).toBe(1);});test.skip('第三个测试', () => {expect(3).toBe(3);});test('第四个测试', () => {expect(4).toBe(5);});});describe("suit 2", () => {test('第五个测试', () => {expect(5).toBe(5);});
});

运行

npm run test-rep

运行效果

参考：https://www.npmjs.com/package/jest-stare

配置说明

jest-stare 字段使用举例

如果想使用使用 jest-stare 下的字段配置测试报告格式需要在 package.json 文件中添加 jest-stare 字段举例：

  "jest-stare": {"resultDir": "results/jest-stare",            // 配置输出报告的路径"reportTitle": "jest-stare!",               // 设置输出报告的 title"additionalResultsProcessors": ["jest-junit"],"coverageLink": "../../coverage/lcov-report/index.html","jestStareConfigJson": "jest-stare.json","jestGlobalConfigJson": "globalStuff.json"}

jest-stare 字段列表

字段	环境变量	默认值	描述	举例
`resultDir`	`JEST_STARE_RESULT_DIR`	`jest-stare`	set the results directory	`“resultDir”: “results/jest-stare”`
`resultJson`	`JEST_STARE_RESULT_JSON`	`jest-results.json`	indicate the raw JSON results file name	`“resultJson”: “data.json”`
`resultHtml`	`JEST_STARE_RESULT_HTML`	`index.html`	indicate the main html file name	`“resultHtml”: “main.html”`
`log`	`JEST_STARE_LOG`	`true`	specify whether or not jest-stare should log to the console	`“log”: false`
`jestStareConfigJson`	`JEST_STARE_CONFIG_JSON`	`undefined`	request to save jest-stare config raw JSON results in the file name	`“jestStareConfigJson”: “jest-stare-config.json”`
`jestGlobalConfigJson`	`JEST_STARE_GLOBAL_CONFIG_JSON`	`undefined`	request to save global config results in the file name	`“jestGlobalConfigJson”: “global-config.json”`
`report`	`JEST_STARE_REPORT`	`undefined`	boolean, set to false to suppress creating a HTML report (JSON only retained)	`“report”: false`
`reportTitle`	`JEST_STARE_REPORT_TITLE`	`jest-stare!`	string, indicate the title of the report	`“reportTitle”: “my title”`
`reportHeadline`	`JEST_STARE_REPORT_HEADLINE`	`jest-stare`	string, indicate the headline of the report	`“reportHeadline”: “my headline”`
`reportSummary`	`JEST_STARE_REPORT_SUMMARY`	`undefined`	boolean, shows the report summary	`“reportSummary”: true`
`additionalResultsProcessors`	`JEST_STARE_ADDITIONAL_RESULTS_PROCESSORS`	`undefined`	add additional test result processors to produce multiple report	`“additionalResultsProcessors”: [“jest-junit”]`
`coverageLink`	`JEST_STARE_COVERAGE_LINK`	`undefined`	link to coverage report if available	`“coverageLink”: “…/…/coverage/lcov-report/index.html”`
`disableCharts`	`JEST_STARE_DISABLE_CHARTS`	`undefined`	hide the doughnut charts in the HTML report	`“disableCharts”: true`
`hidePassing`	`JEST_STARE_HIDE_PASSING`	`undefined`	hide passing tests in the report on page load	`“hidePassing”: true`
`hideFailing`	`JEST_STARE_HIDE_FAILING`	`undefined`	hide failing tests in the report on page load	`“hideFailing”: true`
`hidePending`	`JEST_STARE_HIDE_PENDING`	`undefined`	hide pending tests in the report on page load	`“hidePending”: true`

Jest 测试框架配置 jest-stare相关推荐

Jest测试框架学习(一)
前言 jest是针对JavaScript的测试框架.如果遵循TDD原则,在任何功能开发之前都需要先写测试.而测试分为单元测试,集成测试和系统测试. 单元测试单元测试可以理解为对于单个函数(单一功能) ...
Jest 测试框架使用的学习笔记
Jest Tutorial for Beginners: Getting Started With JavaScript Testing Jest 是一个 JavaScript 测试运行器,即用于创建 ...
Jest测试框架入门之Mock
说到mock,大家第一个想到的肯定是项目里经常用来模拟接口返回值的 mockjs库 ,Jest里的mock有所不同,下面会举一些例子来分别讲一讲 jest.fn().jest.mock().jest. ...
Jest 测试框架 expect 和匹配器 matcher 的设计原理解析
副标题:SAP Spartacus SSR 优化的单元测试分析之二 - 调用参数检测源代码: it(`should pass parameters to the original engine in ...
Jest 测试框架 beforeEach 的设计原理解析
副标题:SAP Spartacus SSR 优化的单元测试分析之一 : beforeEach 文档 SAP Spartacus 里这段代码: originalEngine = jasmine.crea ...
Jest测试框架入门之匹配器与测试异步代码
一.匹配器 1.对于一般的数字与字符串类型使用 toBe test('adds 1 + 2 to equal 3', () => {expect(1 + 2).toBe(3); });test( ...
顶级测试框架Jest指南：跑通一个完美的程序，就是教出一群像样的学生
facebook三大项目:yarn jest metro,有横扫宇宙之势. 而jest项目的宗旨为:减少测试一个项目所花费的时间成本和认知成本. --其实,它在让你当一个好老师. jest文档非常简略 ...
前端测试框架—jest基本使用
前端测试框架-jest基本使用前言 jest 常见匹配器基本类型 boolean Number String Array,Set 异常取反命令行工具使用异步代码测试方法钩子函数分组(钩子 ...
万字详文：彻底搞懂 Jest 单元测试框架
点击上方前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群什么是Jest 测试意味着什么我怎么知道要测试什么测试块,断言和匹配器如何实现测试块如何实现断言和匹配器 CLI 和 ...

Jest 测试框架配置 jest-stare

简述安装步骤：

配置说明

jest-stare 字段使用举例

jest-stare 字段列表

Jest 测试框架配置 jest-stare相关推荐

最新文章

热门文章