test: add coverage, deploy to pages

.changeset/tough-ties-guess.md

@@ -0,0 +1,5 @@
+---
+'@stacks/wallet-web': patch
+---
+
+Adds code coverage and deploys to Github Pages https://blockstack.github.io/stacks-wallet-web/

.github/workflows/gh-pages.yml

@@ -0,0 +1,46 @@
+name: GH pages
+
+on:
+  push:
+    branches:
+      - 'main'
+
+jobs:
+  coverage:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Set up node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - name: Cache node_modules
+        id: cache
+        uses: actions/cache@v2
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+            ${{ runner.os }}-yarn
+
+      - name: Install dependencies
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: yarn
+
+      - name: Build prod
+        run: yarn build
+
+      - name: Run jest
+        run: yarn test:unit
+
+      - name: Make badge maker
+        run: npx make-coverage-badge
+
+      - name: Publish test coverage report
+        uses: JamesIves/github-pages-deploy-action@4.0.0
+        with:
+          branch: gh-pages
+          folder: coverage

.gitignore

@@ -14,3 +14,4 @@ packages
 web-ext-artifacts/
 .yalc/
 yalc.lock
+coverage/

README.md

@@ -1,5 +1,7 @@
 # Stacks Wallet for web
 
+[![coverage](https://raw.githubusercontent.com/blockstack/stacks-wallet-web/gh-pages/badge.svg)](https://blockstack.github.io/stacks-wallet-web/)
+
 Stacks Wallet is a browser extension for managing your digital assets and connecting to apps built with the Stacks blockchain.
 
 Source code is available on GitHub at https://github.com/blockstack/stacks-wallet-web/tree/main

jest.config.js

@@ -35,8 +35,9 @@ module.exports = {
   // Automatically clear mock calls and instances between every test
   // clearMocks: false,
 
-  // Indicates whether the coverage information should be collected while executing the test
-  // collectCoverage: false,
+  collectCoverage: true,
+
+  coverageReporters: ['html', 'json-summary'],
 
   // An array of glob patterns indicating a set of files for which coverage information should be collected
   collectCoverageFrom: ['src/**/*.{ts,tsx}'],