Merge pull request #720 from gotcha/setupci

Setup CI

.circleci/config.yml

@@ -0,0 +1,22 @@
+version: 2.1
+
+commands:
+
+orbs:
+  browser-tools: circleci/browser-tools@1.1.0
+jobs:
+  test:
+    docker:
+      - image: cimg/node:16.13.1-browsers
+    steps:
+      - browser-tools/install-browser-tools
+      - checkout
+      - run: |
+          node --version
+          java --version
+          google-chrome --version
+
+workflows:
+  tests-containers:
+    jobs:
+      - test

package.json

@@ -41,6 +41,7 @@
     "fs-extra": "^9.1.0",
     "mocha": "^7.2.0",
     "mocha-chrome": "^2.2.0",
+    "mocha-webdriver-runner": "^0.6.3",
     "sass": "^1.34.0",
     "sinon": "^9.2.4",
     "typescript": "^4.3.5",

src/htmx.js

@@ -249,8 +249,12 @@ return (function () {
         }
 
 	function bodyContains(elt) {
+	    if (elt.getRootNode() instanceof ShadowRoot) {
+		return getDocument().body.contains(elt.getRootNode().host);
+	    } else {
 		return getDocument().body.contains(elt);
 	    }
+	}
 
         function splitOnWhitespace(trigger) {
             return trigger.trim().split(/\s+/);

test/index.html

@@ -30,6 +30,7 @@
 
 <script src="../node_modules/chai/chai.js"></script>
 <script src="../node_modules/mocha/mocha.js"></script>
+<script src="../node_modules/mocha-webdriver-runner/dist/mocha-webdriver-client.js"></script>
 <script src="../node_modules/sinon/pkg/sinon.js"></script>
 <script src="../src/htmx.js"></script>
 <script class="mocha-init">