Merge pull request kriasoft#484 from cpojer/master

Update to Jest 0.9.0 and add an example with enzyme.

Author: koistya

.eslintrc

@@ -4,6 +4,10 @@
   "globals": {
     "__DEV__": true
   },
+  "env": {
+    "browser": true,
+    "jest": true
+  },
   "rules": {
     "no-confusing-arrow": 0,
     "react/jsx-quotes": 0,

package.json

@@ -42,6 +42,7 @@
     "autoprefixer": "^6.3.3",
     "babel-cli": "^6.6.0",
     "babel-eslint": "^5.0.0",
+    "babel-jest": "^9.0.0",
     "babel-loader": "^6.2.4",
     "babel-plugin-react-transform": "^2.0.0",
     "babel-plugin-transform-runtime": "^6.6.0",
@@ -53,17 +54,19 @@
     "css-loader": "^0.23.1",
     "csscomb": "^3.1.8",
     "del": "^2.2.0",
+    "enzyme": "^2.0.0",
     "eslint": "^2.2.0",
     "eslint-config-airbnb": "^6.0.2",
     "eslint-loader": "^1.3.0",
     "eslint-plugin-react": "^4.1.0",
+    "estraverse-fb": "^1.3.1",
     "extend": "^3.0.0",
     "file-loader": "^0.8.5",
     "gaze": "^0.5.2",
     "git-repository": "^0.1.1",
     "glob": "^7.0.0",
     "jade-loader": "^0.8.0",
-    "jest-cli": "^0.8.2",
+    "jest-cli": "^0.9.0",
     "jscs": "^2.11.0",
     "json-loader": "^0.5.4",
     "mkdirp": "^0.5.1",
@@ -74,6 +77,7 @@
     "postcss-scss": "^0.1.6",
     "precss": "^1.4.0",
     "raw-loader": "^0.5.1",
+    "react-addons-test-utils": "^0.14.7",
     "react-transform-catch-errors": "^1.0.2",
     "react-transform-hmr": "^1.0.2",
     "redbox-react": "^1.2.2",
@@ -85,10 +89,16 @@
   },
   "jest": {
     "rootDir": "./src",
-    "scriptPreprocessor": "../preprocessor.js",
+    "testPathDirs": [
+      "<rootDir>",
+      "<rootDir>/../test/"
+    ],
+    "moduleNameMapper": {
+      "\\.scss$": "SCSSStub"
+    },
     "unmockedModulePathPatterns": [
-      "fbjs",
-      "react"
+      "react",
+      "enzyme"
     ]
   },
   "scripts": {

preprocessor.js

@@ -0,0 +1,16 @@
+jest.unmock('../App');
+
+import App from '../App';
+import React from 'react';
+import { shallow } from 'enzyme';
+
+describe('App', () => {
+  it('renders children correctly', () => {
+    const wrapper = shallow(
+      <App context={{ insertCss: () => {} }}>
+        <div className="child" />
+      </App>
+    );
+    expect(wrapper.contains(<div className="child" />)).toBe(true);
+  });
+});

src/components/App/__tests__/App-test.js

@@ -0,0 +1,5 @@
+/**
+ * @providesModule SCSSStub
+ */
+
+module.exports = {};