adding customElements polyfill when testing in Edge

canjs · Aug 26, 2019 · 151ef7e · 151ef7e
1 parent c48b3f3
commit 151ef7e
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "@babel/cli": "^7.4.4",
     "@babel/core": "^7.4.5",
     "@babel/preset-env": "^7.4.5",
+    "@webcomponents/custom-elements": "^1.2.4",
     "can-observable-bindings": "^1.1.0",
     "can-reflect": "^1.17.11",
     "can-reflect-dependencies": "^1.1.2",

diff --git a/test/test-edge.html b/test/test-edge.html
@@ -0,0 +1,5 @@
+<!doctype html>
+<title>can-stache-element Tests</title>
+<script src="../node_modules/@webcomponents/custom-elements/custom-elements.min.js"></script>
+<script src="../node_modules/steal/steal.js" main="test/test"></script>
+<div id="qunit-fixture"></div>
diff --git a/test/test-saucelabs.js b/test/test-saucelabs.js
@@ -7,9 +7,6 @@ var platforms = [{
 	browserName: "safari",
 	platform: "OS X 10.13",
 	version: "11"
-}, {
-	browserName: "MicrosoftEdge",
-	platform: "Windows 10"
 }, {
 	browserName: "firefox",
 	platform: "Windows 10",
@@ -25,9 +22,17 @@ var platforms = [{
 	deviceName: "iPhone XS Simulator"
 }];
 
-var url = "http://localhost:3000/test/test.html?hidepassed";
-
 SauceLabs({
-	urls: [{ name: "can-stache-element", url : url }],
-	platforms: platforms
+	urls: [{
+		name: "can-stache-element",
+		platforms: platforms,
+		url : "http://localhost:3000/test/test.html?hidepassed"
+	}, {
+		name: "can-stache-element with CustomElements polyfill",
+		platforms: [{
+			browserName: "MicrosoftEdge",
+			platform: "Windows 10"
+		}],
+		url : "http://localhost:3000/test/test-edge.html?hidepassed"
+	}],
 });