test: setup

web/package.json

@@ -5,6 +5,7 @@
     "build": "react-scripts build",
     "eject": "react-scripts eject",
     "now-build": "yarn build",
+    "now-dev": "BROWSER=false react-scripts start",
     "start": "react-scripts start",
     "test": "react-scripts test"
   },
@@ -20,6 +21,10 @@
     "react-tippy": "^1.2.3",
     "styled-components": "^4.3.2"
   },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^4.0.0",
+    "@testing-library/react": "^8.0.7"
+  },
   "browserslist": {
     "production": [
       ">0.2%",

web/src/App.test.js

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

web/src/setupTests.js

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