✅ Use karma.js to run browser specs

Author: elbywan

.github/workflows/browser.yml

@@ -11,31 +11,15 @@ on:
 
 jobs:
   ci:
-    runs-on: ubuntu-latest
+    runs-on: macos-latest
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v3
       with:
         cache: 'npm'
-    - name: BrowserStack Env Setup
-      uses: 'browserstack/github-actions/setup-env@master'
-      with:
-        username:  ${{ secrets.BROWSERSTACK_USERNAME }}
-        access-key: ${{ secrets.BROWSERSTACK_ACCESS_KEY }}
-    - name: BrowserStack Local Tunnel Setup
-      uses: browserstack/github-actions/setup-local@master
-      with:
-        local-testing: start
-        local-identifier: random
     - name: Install dependencies
       run: npm ci
     - name: Build
       run: npm run build
-    - name: Browser tests
-      run: npm run test:browsers
-    - name: 'BrowserStackLocal Stop'  # Terminating the BrowserStackLocal tunnel connection
-      uses: browserstack/github-actions/setup-local@master
-      if: ${{ always() }}
-      with:
-        local-testing: stop
-
+    - name: Run browser tests
+      run: npm run test:karma

CONTRIBUTING.md

@@ -26,7 +26,8 @@ npm install
 ```bash
 npm start
 # To run browser specs
-npm run test:browsers:local
+npm run test:karma # same as the ci
+npm run test:karma:watch # in watch mode
 ```
 
 The code **must** pass the linter and specs.

README.md

@@ -7,7 +7,6 @@
   <a href="https://www.npmjs.com/package/wretch"><img alt="npm-badge" src="https://img.shields.io/npm/v/wretch.svg?colorB=ff733e" height="20"></a>
   <a href="https://www.npmjs.com/package/wretch"><img alt="npm-downloads-badge" src="https://img.shields.io/npm/dm/wretch.svg?colorB=53aabb" height="20"></a>
   <a href="https://coveralls.io/github/elbywan/wretch?branch=master"><img src="https://coveralls.io/repos/github/elbywan/wretch/badge.svg?branch=master" alt="Coverage Status"></a>
-  <a href="https://automate.browserstack.com/public-build/R3dTcUtRNThKQjVGdStBL2xDMjIzOXpqY2lzTlZ2TmdnWC9JekpaNWJDYz0tLUsrWjE3WEM5NTVuWG9BdUhDMjVuRWc9PQ==--2146089f82a924d2a8091ea89f3cfbc74091595d"><img src='https://automate.browserstack.com/badge.svg?badge_key=R3dTcUtRNThKQjVGdStBL2xDMjIzOXpqY2lzTlZ2TmdnWC9JekpaNWJDYz0tLUsrWjE3WEM5NTVuWG9BdUhDMjVuRWc9PQ==--2146089f82a924d2a8091ea89f3cfbc74091595d'/></a>
   <a href="https://bundlephobia.com/result?p=wretch"><img src='https://img.shields.io/bundlephobia/minzip/wretch.svg'/></a>
   <a href="https://github.com/elbywan/wretch/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="license-badge" height="20"></a>
 </h1>
@@ -761,8 +760,3 @@ wretch("https://base.com").get("/resource/1")
 
 MIT
 
-# Credits
-
-This project uses automated node.js & browser unit tests. The latter are a provided courtesy of:
-
-<a href="https://www.browserstack.com/"><img src="assets/browserstack-logo.png" alt="browserstack-logo" height="100"></a>

karma.conf.cjs

@@ -0,0 +1,23 @@
+module.exports = function (config) {
+  config.set({
+    files: [
+      'dist/bundle/wretch.all.min.js',
+      'test/browser/*.spec.js'
+    ],
+    frameworks: ['jasmine'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-firefox-launcher'),
+      // require('karma-safari-launcher'),
+      require('karma-safarinative-launcher'),
+    ],
+    reporters: ['progress'],
+    port: 9877,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    browsers: ['ChromeHeadless', 'FirefoxHeadless', 'SafariNative'],
+    autoWatch: false,
+    concurrency: 1
+  })
+}