Use passive resize event when possible

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "6"
+  - "8"
 script: "npm run travis"
 env:
   - CXX=g++-4.8

package.json

@@ -44,15 +44,15 @@
     "babel-polyfill": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
-    "canvas": "^1.6.7",
+    "canvas": "^2.6.0",
     "common-tags": "^1.4.0",
     "coveralls": "^3.0.0",
     "cross-env": "^5.2.0",
     "eslint": "^4.8.0",
     "eslint-config-onelint": "^2.0.0",
     "eslint-config-onelint-react": "^2.0.1",
     "eslint-plugin-react": "^7.4.0",
-    "jsdom": "^11.3.0",
+    "jsdom": "^15.1.1",
     "mocha": "^4.0.1",
     "nyc": "^11.2.1",
     "prop-types": "^15.6.0",
@@ -66,5 +66,8 @@
     "unexpected-dom": "^4.0.0",
     "unexpected-react": "^5.0.0",
     "unexpected-sinon": "^10.8.2"
+  },
+  "dependencies": {
+    "are-passive-events-supported": "^1.1.1"
   }
 }

src/Truncate.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import arePassiveEventsSupported from 'are-passive-events-supported';
+
 
 export default class Truncate extends Component {
     static propTypes = {
@@ -56,7 +58,8 @@ export default class Truncate extends Component {
             }
         });
 
-        window.addEventListener('resize', onResize);
+        this.resizeOptions = arePassiveEventsSupported() ? { passive: true } : undefined;
+        window.addEventListener('resize', onResize, this.resizeOptions);
     }
 
     componentDidUpdate(prevProps) {
@@ -82,7 +85,8 @@ export default class Truncate extends Component {
 
         ellipsis.parentNode.removeChild(ellipsis);
 
-        window.removeEventListener('resize', onResize);
+        window.removeEventListener('resize', onResize, this.resizeOptions);
+        delete this.resizeOptions;
 
         window.cancelAnimationFrame(timeout);
     }

test/Truncate.js

@@ -80,7 +80,7 @@ describe('<Truncate />', () => {
     describe('in a client environment', () => {
         before(() => {
             const { JSDOM } = jsdom;
-            const { document } = (new JSDOM('')).window;
+            const { document } = (new JSDOM('', { url: 'http://localhost/' })).window;
             global.document = document;
             global.window = global.document.defaultView;
             global.window.requestAnimationFrame = requestAnimationFrame;