Merge pull request #152 from acailly/enable-snapshot

Replaced findDomNode with ref in order to use react-test-renderer for snapshot testing with storybook

Author: jerairrest

dist/react-chartjs-2.js

@@ -2965,6 +2965,8 @@ var ChartComponent = function (_React$Component) {
       getElementAtEvent && getElementAtEvent(instance.getElementAtEvent(event), event);
       getElementsAtEvent && getElementsAtEvent(instance.getElementsAtEvent(event), event);
       onElementsClick && onElementsClick(instance.getElementsAtEvent(event), event); // Backward compatibility
+    }, _this.ref = function (element) {
+      _this.element = element;
     }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 
@@ -3041,7 +3043,7 @@ var ChartComponent = function (_React$Component) {
       var data = props.data;
 
       if (typeof data == 'function') {
-        var node = _reactDom2.default.findDOMNode(this);
+        var node = this.element;
         return data(node);
       } else {
         return data;
@@ -3151,7 +3153,7 @@ var ChartComponent = function (_React$Component) {
           redraw = _props2.redraw,
           plugins = _props2.plugins;
 
-      var node = _reactDom2.default.findDOMNode(this);
+      var node = this.element;
       var data = this.memoizeDataProps();
 
       this.chart_instance = new _chart2.default(node, {
@@ -3171,6 +3173,7 @@ var ChartComponent = function (_React$Component) {
 
 
       return _react2.default.createElement('canvas', {
+        ref: this.ref,
         height: height,
         width: width,
         onClick: this.handleOnClick

dist/react-chartjs-2.min.js

@@ -67,6 +67,8 @@ var ChartComponent = function (_React$Component) {
       getElementAtEvent && getElementAtEvent(instance.getElementAtEvent(event), event);
       getElementsAtEvent && getElementsAtEvent(instance.getElementsAtEvent(event), event);
       onElementsClick && onElementsClick(instance.getElementsAtEvent(event), event); // Backward compatibility
+    }, _this.ref = function (element) {
+      _this.element = element;
     }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 
@@ -143,7 +145,7 @@ var ChartComponent = function (_React$Component) {
       var data = props.data;
 
       if (typeof data == 'function') {
-        var node = _reactDom2.default.findDOMNode(this);
+        var node = this.element;
         return data(node);
       } else {
         return data;
@@ -253,7 +255,7 @@ var ChartComponent = function (_React$Component) {
           redraw = _props2.redraw,
           plugins = _props2.plugins;
 
-      var node = _reactDom2.default.findDOMNode(this);
+      var node = this.element;
       var data = this.memoizeDataProps();
 
       this.chart_instance = new _chart2.default(node, {
@@ -273,6 +275,7 @@ var ChartComponent = function (_React$Component) {
 
 
       return _react2.default.createElement('canvas', {
+        ref: this.ref,
         height: height,
         width: width,
         onClick: this.handleOnClick

lib/index.js

@@ -113,7 +113,7 @@ class ChartComponent extends React.Component {
   transformDataProp(props) {
     const { data } = props;
     if (typeof(data) == 'function') {
-      const node = ReactDOM.findDOMNode(this);
+      const node = this.element;
       return data(node);
     } else {
       return data;
@@ -201,7 +201,7 @@ class ChartComponent extends React.Component {
 
   renderChart() {
     const {options, legend, type, redraw, plugins} = this.props;
-    const node = ReactDOM.findDOMNode(this);
+    const node = this.element;
     const data = this.memoizeDataProps();
 
     this.chart_instance = new Chart(node, {
@@ -228,11 +228,16 @@ class ChartComponent extends React.Component {
     onElementsClick && onElementsClick(instance.getElementsAtEvent(event), event); // Backward compatibility
   }
 
+  ref = (element) => {
+    this.element = element
+  }
+
   render() {
     const {height, width, onElementsClick} = this.props;
 
     return (
       <canvas
+        ref={this.ref}
         height={height}
         width={width}
         onClick={this.handleOnClick}