tests: Upgrade to react 16 / enzyme 3 (react-dropzone#645)

Author: tobilen

README.md

@@ -92,6 +92,37 @@ See https://react-dropzone.netlify.com/#proptypes
 
 *Important*: `react-dropzone` doesn't manage dropped files. You need to destroy the object URL yourself whenever you don't need the `preview` by calling `window.URL.revokeObjectURL(file.preview);` to avoid memory leaks.
 
+### Testing
+
+*Important*: `react-dropzone` makes its drag'n'drop callbacks asynchronous to enable promise based getDataTransfer functions. In order to properly test this, you may want to utilize a helper function to run all promises like this:
+```js
+const flushPromises = () => new Promise(resolve => setImmediate(resolve));
+```
+
+Example with enzyme 3:
+```js
+
+it('tests drag state', async () => {
+  const flushPromises = () => new Promise(resolve => setImmediate(resolve));
+  const DummyChildComponent = () => null
+  const dropzone = mount(
+    <Dropzone>{props => <DummyChildComponent {...props} />}</Dropzone>
+  )
+  dropzone.simulate('dragEnter', {
+    dataTransfer: { files: files.concat(images) }
+  })
+  await flushPromises(dropzone)
+  dropzone.update()
+  
+  const child = updatedDropzone.find(DummyChildComponent)
+  expect(child).toHaveProp('isDragActive', true)
+  expect(child).toHaveProp('isDragAccept', false)
+  expect(child).toHaveProp('isDragReject', true)
+})
+```
+
+Remember to update your mounted component before asserting any props. A complete example for this can be found in `react-dropzone`s own test suite.
+
 ## Support
 
 ### Backers

package.json

@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "attr-accept": "^1.1.3",
-    "prop-types": "^15.5.7"
+    "prop-types": "^15.6.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^3.2.0",
@@ -94,7 +94,8 @@
     "babel-register": "^6.9.0",
     "commitizen": "^2.9.6",
     "cross-env": "^5.1.3",
-    "enzyme": "^2.6.0",
+    "enzyme": "^3.4.4",
+    "enzyme-adapter-react-16": "^1.2.0",
     "eslint": "^4.6.1",
     "eslint-config-okonet": "^5.0.1",
     "eslint-config-prettier": "^2.4.0",
@@ -103,14 +104,14 @@
     "imagemin-cli": "^3.0.0",
     "imagemin-pngquant": "^5.0.0",
     "jest": "^21.0.1",
-    "jest-enzyme": "^3.8.2",
+    "jest-enzyme": "^6.0.3",
     "lint-staged": "^4.1.0",
     "markdownlint-cli": "^0.3.1",
     "prettier": "^1.6.1",
-    "react": "^15.4.1",
-    "react-dom": "^15.4.1",
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2",
     "react-styleguidist": "^7.2.3",
-    "react-test-renderer": "^15.6.1",
+    "react-test-renderer": "^16.4.2",
     "rimraf": "^2.5.2",
     "rollup": "^0.58.2",
     "rollup-plugin-babel": "^3.0.4",

src/__snapshots__/index.spec.js.snap

@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dropzone basics should render children 1`] = `"<div class=\\"\\" aria-disabled=\\"false\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\"><p>some content</p><input type=\\"file\\" multiple=\\"\\" autocomplete=\\"off\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\"></div>"`;
-
-exports[`Dropzone document drop protection does not prevent stray drops when preventDropOnDocument is false 1`] = `"<div class=\\"\\" aria-disabled=\\"false\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\"><input type=\\"file\\" multiple=\\"\\" autocomplete=\\"off\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\"></div>"`;
-
-exports[`Dropzone document drop protection installs hooks to prevent stray drops from taking over the browser window 1`] = `"<div class=\\"\\" aria-disabled=\\"false\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\"><p>Content</p><input type=\\"file\\" multiple=\\"\\" autocomplete=\\"off\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\"></div>"`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Dropzone basics should render children 1`] = `"<div class=\\"\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\" aria-disabled=\\"false\\"><p>some content</p><input type=\\"file\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\" multiple=\\"\\" autocomplete=\\"off\\"></div>"`;
+
+exports[`Dropzone document drop protection does not prevent stray drops when preventDropOnDocument is false 1`] = `"<div class=\\"\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\" aria-disabled=\\"false\\"><input type=\\"file\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\" multiple=\\"\\" autocomplete=\\"off\\"></div>"`;
+
+exports[`Dropzone document drop protection installs hooks to prevent stray drops from taking over the browser window 1`] = `"<div class=\\"\\" style=\\"position: relative; width: 200px; height: 200px; border-width: 2px; border-color: #666; border-style: dashed; border-radius: 5px;\\" aria-disabled=\\"false\\"><p>Content</p><input type=\\"file\\" style=\\"position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.00001; pointer-events: none;\\" multiple=\\"\\" autocomplete=\\"off\\"></div>"`;