PolymerElements · jorgecasar · Aug 25, 2017
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,2 @@
-bower_components*
-bower-*.json
+node_modules
+*.lock
diff --git a/.travis.yml b/.travis.yml
@@ -4,18 +4,14 @@ sudo: required
 node_js: stable
 addons:
   firefox: latest
-  apt:
-    sources:
-      - google-chrome
-    packages:
-      - google-chrome-stable
+  chrome: beta
 before_script:
   - npm install -g polymer-cli
-  - polymer install --variants
+  - yarn
 script:
-  - xvfb-run polymer test
+  - xvfb-run polymer test --npm
   - >-
-    if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then polymer test -s 'default';
+    if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then polymer test --npm -s 'default';
     fi
 env:
   global:

diff --git a/bower.json b/bower.json
diff --git a/demo/index.html b/demo/index.html
@@ -15,7 +15,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
 
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="../../../@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
     <script type="module" src="../../paper-styles/demo-pages.js"></script>
     <script type="module" src="./prism-demo.js"></script>
   </head>

diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
 
   <title>prism-element</title>
 
-  <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+  <script src="../../@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
   <script type="module" src="../iron-component-page/iron-component-page.js"></script>
 
 </head>

diff --git a/package.json b/package.json
@@ -20,7 +20,15 @@
   "license": "http://polymer.github.io/LICENSE.txt",
   "homepage": "https://github.com/PolymerElements/prism-highlighter",
   "dependencies": {
-    "@polymer/polymer": "^3.0.0-pre.1"
+    "@polymer/polymer": "^3.0.0-pre.1",
+    "prismjs": "^1.6.0"
   },
-  "devDependencies": {}
-}
+  "devDependencies": {
+    "@polymer/paper-styles": "next",
+    "wct-browser-legacy": "^0.0.1-pre.3"
+  },
+  "resolutions": {
+    "type-detect": "1.0.0",
+    "supports-color": "3.1.2"
+  }
+}
diff --git a/prism-highlighter.js b/prism-highlighter.js
@@ -1,13 +1,13 @@
 import { Base } from '../polymer/polymer.js';
-import './prism-import.js';
+import '../../prismjs/prism.js';
 import { Polymer } from '../polymer/lib/legacy/polymer-fn.js';
 
 var HIGHLIGHT_EVENT = 'syntax-highlight';
 
 Polymer({
 
   is: 'prism-highlighter',
-  
+
   properties: {
     /**
      * Adds languages outside of the core Prism languages.

diff --git a/prism-import.js b/prism-import.js
diff --git a/test/index.html b/test/index.html
@@ -13,7 +13,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
-    <script src="../../web-component-tester/browser.js"></script>
+    <script src="../../../wct-browser-legacy/browser.js"></script>
   </head>
   <body>
     <script>

diff --git a/test/prism-element.html b/test/prism-element.html
@@ -13,8 +13,9 @@
     <meta charset="UTF-8">
     <title>prism-element basic tests</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <script src="../../web-component-tester/browser.js"></script>
+    <script src="../../../@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
+		<script src="../../../wct-browser-legacy/browser.js"></script>
+		<script type="module" src="../../test-fixture/test-fixture.js"></script>
     <script type="module" src="../prism-highlighter.js"></script>
     <script type="module" src="./simple-container.js"></script>
   </head>
@@ -59,7 +60,7 @@
         lang: 'markup'
       };
 
-      el.fire('syntax-highlight', ev);
+      el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
       expect(Prism.highlight.calledWithExactly('<foo>', Prism.languages.markup))
         .to.equal(true);
@@ -70,14 +71,14 @@
 
         sinon.spy(console, 'warn');
 
-        el.fire('syntax-highlight');
+        el.dispatchEvent(new CustomEvent('syntax-highlight'));
 
         expect(console.warn.callCount).to.equal(1);
 
         ev = {
         };
 
-        el.fire('syntax-highlight', ev);
+        el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
         expect(console.warn.callCount).to.equal(2);
         expect(ev.code).to.equal(undefined);
@@ -90,7 +91,7 @@
 
       el = fixture('double-highlight');
 
-      el.querySelector('#container-1').fire('syntax-highlight', ev);
+      el.querySelector('#container-1').dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
       expect(Prism.highlight.callCount).to.equal(1);
     });
@@ -101,7 +102,7 @@
             code: '<foo>'
           };
 
-          el.fire('syntax-highlight', ev);
+          el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
           expect(Prism.highlight.calledWithExactly('<foo>', Prism.languages.markup))
             .to.equal(true);
@@ -112,7 +113,7 @@
             code: 'return;'
           };
 
-          el.fire('syntax-highlight', ev);
+          el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
           expect(Prism.highlight.calledWithExactly('return;', Prism.languages.javascript))
             .to.equal(true);
@@ -126,7 +127,7 @@
             lang: 'js'
           };
 
-          el.fire('syntax-highlight', ev);
+          el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
           expect(Prism.highlight.calledWithExactly('return;', Prism.languages.javascript))
             .to.equal(true);
@@ -138,7 +139,7 @@
             lang: 'es'
           };
 
-          el.fire('syntax-highlight', ev);
+          el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
           expect(Prism.highlight.calledWithExactly('return;', Prism.languages.javascript))
             .to.equal(true);
@@ -150,7 +151,7 @@
             lang: 'c'
           };
 
-          el.fire('syntax-highlight', ev);
+          el.dispatchEvent(new CustomEvent('syntax-highlight', {detail: ev}));
 
           expect(Prism.highlight.calledWithExactly('return;', Prism.languages.clike))
             .to.equal(true);

diff --git a/test/simple-container.js b/test/simple-container.js
@@ -1,5 +1,2 @@
-import '../../polymer/polymer.js';
-import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js';
-Polymer({
-  is: 'simple-container'
-});
+export class SimpleContainer extends HTMLElement {}
+customElements.define('simple-container', SimpleContainer);