cherry pick commit fbddc7b

package.json

@@ -36,12 +36,12 @@
   "devDependencies": {
     "babel": "^6.23.0",
     "babel-core": "^6.23.1",
-    "babel-loader": "^6.3.2",
-    "webpack": "^2.2.1",
     "babel-eslint": "^7.1.1",
     "babel-jest": "^19.0.0",
+    "babel-loader": "^6.3.2",
     "babel-preset-react-native": "^1.9.1",
     "enzyme": "^2.7.1",
+    "enzyme-to-json": "^1.5.0",
     "eslint": "^3.17.1",
     "eslint-plugin-react": "^6.10.0",
     "eslint-plugin-react-native": "^2.3.1",
@@ -50,7 +50,8 @@
     "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.4.2",
     "react-native": "^0.41.2",
-    "react-native-vector-icons": "^4.0.0"
+    "react-native-vector-icons": "^4.0.0",
+    "webpack": "^2.2.1"
   },
   "jest": {
     "preset": "react-native",

src/avatar/__tests__/Avatar.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import {shallow} from 'enzyme';
+import toJson from 'enzyme-to-json';
 import Avatar from '../Avatar';
 
 describe('Badge Component', () => {
   it('should render without issues', () => {
     const component = shallow(<Avatar />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render small avatar', () => {
@@ -20,7 +21,7 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render medium avatar', () => {
@@ -32,7 +33,7 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render large avatar', () => {
@@ -44,7 +45,7 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render xlarge avatar', () => {
@@ -56,7 +57,7 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render avatar without width', () => {
@@ -68,7 +69,7 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 
   it('should render avatar without height', () => {
@@ -79,6 +80,6 @@ describe('Badge Component', () => {
     />);
 
     expect(component.length).toBe(1);
-    expect(component).toMatchSnapshot();
+    expect(toJson(component)).toMatchSnapshot();
   });
 });