enzyme-to-json serializer

Author: Qaiser Abbas

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "devDependencies": {
     "babel-eslint": "^8.2.3",
+    "enzyme-to-json": "^3.3.3",
     "eslint": "^4.9.0",
     "eslint-config-airbnb": "^16.1.0",
     "eslint-config-prettier": "^2.9.0",
@@ -28,7 +29,8 @@
   },
   "jest": {
     "preset": "jest-expo",
-    "setupTestFrameworkScriptFile": "<rootDir>/jestSetup.js"
+    "setupTestFrameworkScriptFile": "<rootDir>/jestSetup.js",
+    "snapshotSerializers": ["enzyme-to-json/serializer"]
   },
   "dependencies": {
     "enzyme": "^3.3.0",

src/components/__tests__/__snapshots__/Title.js.snap

@@ -1,71 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders correctly 1`] = `
-ShallowWrapper {
-  "length": 1,
-  Symbol(enzyme.__root__): [Circular],
-  Symbol(enzyme.__unrendered__): <Unknown
-    text="Sample Text"
-  />,
-  Symbol(enzyme.__renderer__): Object {
-    "batchedUpdates": [Function],
-    "getNode": [Function],
-    "render": [Function],
-    "simulateEvent": [Function],
-    "unmount": [Function],
-  },
-  Symbol(enzyme.__node__): Object {
-    "instance": null,
-    "key": undefined,
-    "nodeType": "class",
-    "props": Object {
-      "accessible": true,
-      "allowFontScaling": true,
-      "children": "Sample Text",
-      "ellipsizeMode": "tail",
-      "style": Object {
-        "backgroundColor": "#434343",
-        "color": "#fff",
-        "fontSize": 20,
-        "marginTop": 20,
-        "padding": 20,
-        "textAlign": "center",
-      },
-    },
-    "ref": null,
-    "rendered": "Sample Text",
-    "type": [Function],
-  },
-  Symbol(enzyme.__nodes__): Array [
+<Text
+  accessible={true}
+  allowFontScaling={true}
+  ellipsizeMode="tail"
+  style={
     Object {
-      "instance": null,
-      "key": undefined,
-      "nodeType": "class",
-      "props": Object {
-        "accessible": true,
-        "allowFontScaling": true,
-        "children": "Sample Text",
-        "ellipsizeMode": "tail",
-        "style": Object {
-          "backgroundColor": "#434343",
-          "color": "#fff",
-          "fontSize": 20,
-          "marginTop": 20,
-          "padding": 20,
-          "textAlign": "center",
-        },
-      },
-      "ref": null,
-      "rendered": "Sample Text",
-      "type": [Function],
-    },
-  ],
-  Symbol(enzyme.__options__): Object {
-    "adapter": ReactSixteenAdapter {
-      "options": Object {
-        "enableComponentDidUpdateOnSetState": true,
-      },
-    },
-  },
-}
+      "backgroundColor": "#434343",
+      "color": "#fff",
+      "fontSize": 20,
+      "marginTop": 20,
+      "padding": 20,
+      "textAlign": "center",
+    }
+  }
+>
+  Sample Text
+</Text>
 `;