docs: ✏️ add packages and test results

package.json

@@ -10,7 +10,8 @@
  "puppeteer": "^1.17.0",
  "react": "^16.8.6",
  "react-dom": "^16.8.6",
- "react-scripts": "3.0.1"
+ "react-scripts": "3.0.1",
+ "start-server-and-test": "^1.9.1"
  },
  "scripts": {
  "start": "react-scripts start",
@@ -19,12 +20,13 @@
  "eject": "react-scripts eject",
  "cy:open": "cypress open",
  "cy:run": "cypress run",
+ "test:image:snapshot": "start-test 3000 test",
  "test:e2e:dev": "start-test 3000 cy:open",
  "test:e2e:cli": "start-test 3000 cy:run",
  "mdx:start": "mdx-deck reactTesting.mdx",
  "mdx:build": "mdx-deck build reactTesting.mdx",
  "mdx:predeploy": "npm run mdx:build",
- "mdx:deploy": "gh-pages -d mdx:build" 
+ "mdx:deploy": "gh-pages -d mdx:build"
  },
  "eslintConfig": {
  "extends": "react-app"

src/__tests__/__snapshots__/numberDisplay.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<NumberDisplay> snapshot 1`] = `
+<div>
+ <div>
+ <span
+ data-testid="number-display"
+ >
+ 1
+ </span>
+ </div>
+</div>
+`;

src/index.js

@@ -5,9 +5,9 @@ import App from './App'
 import TodoList from 'TodoList'
 import * as serviceWorker from './serviceWorker'
 
-// ReactDOM.render(<TodoList />, document.getElementById('root'))
+ReactDOM.render(<TodoList />, document.getElementById('root'))
 
-ReactDOM.render(<App />, document.getElementById('root'));
+// ReactDOM.render(<App />, document.getElementById('root'));
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.