Update tests to use wct-mocha

Polymer · Dec 4, 2018 · df54d39 · df54d39
1 parent d557e7b
commit df54d39
Show file tree

Hide file tree

Showing 8 changed files with 235 additions and 312 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,12 +34,16 @@
     "@webcomponents/webcomponentsjs": "^2.0.0"
   },
   "devDependencies": {
+    "@polymer/test-fixture": "^4.0.2",
+    "chai": "^4.1.2",
     "del": "^3.0.0",
     "gulp": "^4.0.0",
     "gulp-rename": "^1.3.0",
     "gulp-replace": "^1.0.0",
+    "mocha": "^5.2.0",
     "polymer-cli": "^1.7.0",
     "prpl-server": "^1.1.0",
-    "wct-browser-legacy": "^1.0.0"
+    "sinon": "^7.1.1",
+    "wct-mocha": "^1.0.0"
   }
 }
diff --git a/test/index.html b/test/index.html
@@ -13,7 +13,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>Tests</title>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
   <script>

diff --git a/test/shop-cart.html b/test/shop-cart.html
@@ -14,12 +14,10 @@
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>shop-cart</title>
 
-  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
-
-  <!-- Import the element to test -->
-  <script type="module" src="../src/shop-cart.js"></script>
-
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+  <script src="../node_modules/chai/chai.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
 
@@ -29,7 +27,11 @@
     </template>
   </test-fixture>
 
-  <script>
+  <script type="module">
+    import '@polymer/test-fixture';
+    import sinon from 'sinon';
+    import '../src/shop-cart.js';
+
     suite('shop-cart tests', function() {
       var cart;
 

diff --git a/test/shop-checkout.html b/test/shop-checkout.html
@@ -14,12 +14,10 @@
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>shop-checkout</title>
 
-  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
-
-  <!-- Import the element to test -->
-  <script type="module" src="../src/shop-checkout.js"></script>
-
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+  <script src="../node_modules/chai/chai.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
 
@@ -29,7 +27,10 @@
     </template>
   </test-fixture>
 
-  <script>
+  <script type="module">
+    import '@polymer/test-fixture';
+    import '../src/shop-checkout.js';
+
     suite('shop-checkout tests', function() {
       var checkout;
 

diff --git a/test/shop-detail.html b/test/shop-detail.html
@@ -14,12 +14,10 @@
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>shop-detail</title>
 
-  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
-
-  <!-- Import the element to test -->
-  <script type="module" src="../src/shop-detail.js"></script>
-
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+  <script src="../node_modules/chai/chai.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
 
@@ -29,7 +27,11 @@
     </template>
   </test-fixture>
 
-  <script>
+  <script type="module">
+    import '@polymer/test-fixture';
+    import sinon from 'sinon';
+    import '../src/shop-detail.js';
+
     suite('shop-detail tests', function() {
       var detail;
 

diff --git a/test/shop-home.html b/test/shop-home.html
@@ -14,12 +14,10 @@
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>shop-home</title>
 
-  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
-
-  <!-- Import the element to test -->
-  <script type="module" src="../src/shop-home.js"></script>
-
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+  <script src="../node_modules/chai/chai.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
 
@@ -29,7 +27,11 @@
     </template>
   </test-fixture>
 
-  <script>
+  <script type="module">
+    import '@polymer/test-fixture';
+    import sinon from 'sinon';
+    import '../src/shop-home.js';
+
     suite('shop-home tests', function() {
       var home;
 

diff --git a/test/shop-list.html b/test/shop-list.html
@@ -14,12 +14,10 @@
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
   <title>shop-list</title>
 
-  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
-  <script src="../node_modules/wct-browser-legacy/browser.js"></script>
-
-  <!-- Import the element to test -->
-  <script type="module" src="../src/shop-list.js"></script>
-
+  <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+  <script src="../node_modules/chai/chai.js"></script>
+  <script src="../node_modules/mocha/mocha.js"></script>
+  <script src="../node_modules/wct-mocha/wct-mocha.js"></script>
 </head>
 <body>
 
@@ -29,7 +27,11 @@
     </template>
   </test-fixture>
 
-  <script>
+  <script type="module">
+    import '@polymer/test-fixture';
+    import sinon from 'sinon';
+    import '../src/shop-list.js';
+
     suite('shop-list tests', function() {
       var list;