ci: Add GitHub Workflow

.github/workflows/ci.yml

@@ -0,0 +1,34 @@
+---
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: ['14', '16']
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js v${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: |
+          npm ci
+      - name: Build
+        run: npm run build --if-present
+      - name: Run Tests
+        run: |
+          npm run test:ci
+          npm run e2e:protractor
+        env:
+          CHROMEDRIVER_FILEPATH: /usr/local/share/chromedriver-linux64/chromedriver
+
+    timeout-minutes: 10

.nvmrc

@@ -0,0 +1 @@
+v14.21.3

README.md

@@ -1,4 +1,4 @@
-[![Build Status](https://travis-ci.org/Georgegriff/query-selector-shadow-dom.svg?branch=main)](https://travis-ci.org/Georgegriff/query-selector-shadow-dom) [![npm version](https://badge.fury.io/js/query-selector-shadow-dom.svg)](https://badge.fury.io/js/query-selector-shadow-dom) [![codecov](https://codecov.io/gh/Georgegriff/query-selector-shadow-dom/branch/main/graph/badge.svg)](https://codecov.io/gh/Georgegriff/query-selector-shadow-dom)
+[![Build Status](https://travis-ci.org/Georgegriff/query-selector-shadow-dom.svg?branch=main)](https://travis-ci.org/Georgegriff/query-selector-shadow-dom) [![npm version](https://badge.fury.io/js/query-selector-shadow-dom.svg)](https://badge.fury.io/js/query-selector-shadow-dom)
 
 # query-selector-shadow-dom
 
@@ -227,7 +227,7 @@ querySelectorShadowDom.querySelectorAllDeep("child", iframe.contentDocument);
 ```
 
 This library does not allow you to query across iframe boundaries, you will need to get a reference to the iframe you want to interact with. </br>
-If your iframe is inside of a shadow root you could cuse `querySelectorDeep` to find the iframe, then pass the `contentDocument` into the 2nd argument of `querySelectorDeep` or `querySelectorAllDeep`.
+If your iframe is inside of a shadow root you could use `querySelectorDeep` to find the iframe, then pass the `contentDocument` into the 2nd argument of `querySelectorDeep` or `querySelectorAllDeep`.
 
 ### Chrome downloads page
 
@@ -258,7 +258,7 @@ If using the polyfills and shady DOM, this library will still work.
 ## Importing
 
 - Shipped as an ES6 module to be included using a bundler of your choice (or not).
-- ES5 version bundled ontop the window as `window.querySelectorShadowDom` available for easy include into a test framework
+- ES5 version bundled on top the window as `window.querySelectorShadowDom` available for easy include into a test framework
 
 ## Running the code locally
 

package.json

@@ -9,7 +9,7 @@
     "lint": "eslint src/**/*.js",
     "build": "rollup -c",
     "test": "karma start",
-    "test:ci": "karma start --browsers ChromeHeadless,Firefox",
+    "test:ci": "karma start --browsers ChromeHeadless,FirefoxHeadless",
     "e2e:protractor": "protractor protractor.conf.js",
     "watch": "npm-watch",
     "selenium": "./node_modules/.bin/selenium-standalone install && ./node_modules/.bin/selenium-standalone start"

protractor.conf.js

@@ -1,7 +1,7 @@
 exports.config = {
     baseUrl: 'http://localhost:3000',
 
-    chromeDriver: require(`chromedriver/lib/chromedriver`).path,
+    chromeDriver: process.env.CHROMEDRIVER_FILEPATH || require(`chromedriver/lib/chromedriver`).path,
     SELENIUM_PROMISE_MANAGER: false,
     directConnect: true,