test(Fix tests in older browsers by only including the custom element polyfill and triggering built-

Author: treshugart

karma.conf.js

@@ -4,7 +4,7 @@ module.exports = function (config) {
 
   // WebComponentsJS for testing native APIs in older browsers.
   config.files = [
-    'node_modules/webcomponents.js/webcomponents.js',
+    'node_modules/webcomponents.js/CustomElements.js',
   ].concat(config.files);
 
   // Ensure mobile browsers have enough time to run.

test/unit/custom-events.js

@@ -3,26 +3,27 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 describe('custom events', () => {
-  it('should bind built-in events', () => {
+  it('should bind built-in events', done => {
     let count = 0;
     const Comp = reactify(document.registerElement('x-custom-event-1', {
       prototype: Object.create(HTMLElement.prototype, {
         trigger: {
           value() {
-            this.dispatchEvent(new MouseEvent('click'));
+            this.dispatchEvent(new CustomEvent('click'));
           },
         },
       }),
     }), { React, ReactDOM });
-    const comp = ReactDOM.render(<Comp onclick={() => count++} />, window.fixture);
+    const comp = ReactDOM.render(<Comp onClick={() => count++} />, window.fixture);
 
     setTimeout(() => {
       ReactDOM.findDOMNode(comp).trigger();
       expect(count).to.equal(1);
+      done();
     }, 1);
   });
 
-  it('should bind custom events', () => {
+  it('should bind custom events', done => {
     let count = 0;
     const Comp = reactify(document.registerElement('x-custom-event-2', {
       prototype: Object.create(HTMLElement.prototype, {
@@ -38,6 +39,7 @@ describe('custom events', () => {
     setTimeout(() => {
       ReactDOM.findDOMNode(comp).trigger();
       expect(count).to.equal(1);
+      done();
     }, 1);
   });
 });