http4t Muppeteer

• Generates a mocha.html file that imports all *.test.ts files under the working directory
• Uses Parcel to bundle and serve mocha.html
• Uses Puppeteer to call mocha.run() in Chrome headless and report back the results, failing on errors

Usage

Add mocha.html to your .gitignore file.

mocha.html is regenerated for every run, but we don't clean it up afterwards, because it is often useful to run parcel serve mocha.html to debug failures.

Add to package.json:

{
  "scripts": {
    "test:browser": "muppeteer"
  },
  "devDependencies": {
    "@http4t/muppeteer": "1.0.0"
  }
}

Troubleshooting

Error: Failed to launch the browser process! spawn /Users/matt/dev/oss/http4t/node_modules/puppeteer/.local-chromium/mac-884014/chrome-mac/Chromium.app/Contents/MacOS/Chromium ENOENT

https://stackoverflow.com/a/63137427

brew install chromium
export PUPPETEER_EXEC_PATH=$(which chromium)

Right click Applications -> Chromium, select open, confirm to MacOS that it's safe to run

yarn run test:browser

Running in github actions

name: Browser test
jobs:
  test-browser:
    runs-on: ubuntu-latest
    name: Browser test
    steps:
      - uses: actions/checkout@v1
      - name: Setup node
        uses: actions/setup-node@v1
        with:
          node-version: 15.x
          registry-url: https://registry.npmjs.org/
      - name: install
        run: yarn install
      - name: test
        uses: mujo-code/[email protected]
        env:
          CI: 'true'
        with:
          args: yarn run test:browser