feat: add html reporter for unit tests

TomatoVan · Feb 19, 2024 · 599e38d · 599e38d
1 parent c209143
commit 599e38d
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -8,6 +8,8 @@ node_modules
 /.package-lock.json
 /storybook-static/project.json
 /storybook-static/favicon.ico
+/reports
+/reports/unit/report.html
 
 
 

diff --git a/config/jest/jest.config.ts b/config/jest/jest.config.ts
@@ -40,6 +40,16 @@ export default {
         '\\.s?css$': 'identity-obj-proxy',
         '\\.svg': path.resolve(__dirname, 'jestEmptyComponent.tsx'),
     },
+    reporters: [
+        'default',
+        ['jest-html-reporters', {
+            publicPath: '<rootDir>/reports/unit',
+            filename: 'report.html',
+            openReport: true,
+            inlineSource: true,
+        }],
+    ],
+
     // Indicates whether the coverage information should be collected while executing the test
     // collectCoverage: false,
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -89,7 +89,8 @@
     "webpack": "^5.69.1",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4"
+    "webpack-dev-server": "^4.7.4",
+    "jest-html-reporters": "^3.0.10"
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.0",