react-testing-library woo

Author: Kent C. Dodds

package.json

@@ -3,9 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "jest-dom": "^1.3.1",
     "react": "^16.3.2",
     "react-dom": "^16.3.2",
-    "react-scripts": "2.0.0-next.66cc7a90"
+    "react-scripts": "2.0.0-next.66cc7a90",
+    "react-testing-library": "^4.0.2"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.test.js

@@ -1,9 +1,8 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import {render} from 'react-testing-library'
 import App from './App'
 
 it('renders without crashing', () => {
-  const div = document.createElement('div')
-  ReactDOM.render(<App />, div)
-  ReactDOM.unmountComponentAtNode(div)
+  const {getByText} = render(<App />)
+  expect(getByText('Learn React')).toBeInTheDOM()
 })

src/setupTests.js

@@ -0,0 +1,6 @@
+// react-testing-library renders your components to document.body,
+// this will ensure they're removed after each test.
+import 'react-testing-library/cleanup-after-each'
+
+// this adds jest-dom's custom assertions
+import 'jest-dom/extend-expect'