Add tests to examples.

ghengeveld · ghengeveld · commit 7c3da2ae741a · 2019-07-26T23:33:03.000+02:00
diff --git a/examples/basic-fetch/src/index.js b/examples/basic-fetch/src/index.js
@@ -25,7 +25,7 @@ const UserDetails = ({ data }) => (
   </div>
 )
 
-const App = () => (
+export const App = () => (
   <>
     <DevTools />
     <Async promiseFn={loadUser} userId={1} debugLabel="User 1">
@@ -47,4 +47,4 @@ const App = () => (
   </>
 )
 
-ReactDOM.render(<App />, document.getElementById("root"))
+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))
diff --git a/examples/basic-fetch/src/index.test.js b/examples/basic-fetch/src/index.test.js
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import { App } from "./"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/examples/basic-hook/src/index.js b/examples/basic-hook/src/index.js
@@ -38,12 +38,12 @@ const User = ({ userId }) => {
   return null
 }
 
-const App = () => (
+export const App = () => (
   <>
     <DevTools />
     <User userId={1} />
     <User userId={2} />
   </>
 )
 
-ReactDOM.render(<App />, document.getElementById("root"))
+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))
diff --git a/examples/basic-hook/src/index.test.js b/examples/basic-hook/src/index.test.js
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import { App } from "./"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/examples/custom-instance/src/index.js b/examples/custom-instance/src/index.js
@@ -27,7 +27,7 @@ const UserDetails = ({ data }) => (
   </div>
 )
 
-const App = () => (
+export const App = () => (
   <>
     <DevTools />
     <AsyncUser userId={1} debugLabel="User 1">
@@ -48,4 +48,4 @@ const App = () => (
   </>
 )
 
-ReactDOM.render(<App />, document.getElementById("root"))
+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))
diff --git a/examples/custom-instance/src/index.test.js b/examples/custom-instance/src/index.test.js
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import { App } from "./"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/examples/movie-app/src/App.test.js b/examples/movie-app/src/App.test.js
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import App from "./App"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/examples/with-abortcontroller/src/index.js b/examples/with-abortcontroller/src/index.js
@@ -9,7 +9,7 @@ const download = (args, props, controller) =>
     .then(res => (res.ok ? res : Promise.reject(res)))
     .then(res => res.json())
 
-const App = () => {
+export const App = () => {
   const { run, cancel, isPending } = useAsync({ deferFn: download, debugLabel: "User 1" })
   return (
     <>
@@ -23,10 +23,11 @@ const App = () => {
   )
 }
 
-ReactDOM.render(
-  <>
-    <DevTools />
-    <App />
-  </>,
-  document.getElementById("root")
-)
+if (process.env.NODE_ENV !== "test")
+  ReactDOM.render(
+    <>
+      <DevTools />
+      <App />
+    </>,
+    document.getElementById("root")
+  )
diff --git a/examples/with-abortcontroller/src/index.test.js b/examples/with-abortcontroller/src/index.test.js
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import { App } from "./"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/examples/with-react-router/package.json b/examples/with-react-router/package.json
@@ -6,7 +6,6 @@
   "scripts": {
     "postinstall": "relative-deps",
     "prestart": "relative-deps",
-    "pretest": "relative-deps",
     "start": "parcel index.html"
   },
   "dependencies": {
diff --git a/examples/with-typescript/package.json b/examples/with-typescript/package.json
@@ -23,6 +23,7 @@
     "typescript": "^3.5.1"
   },
   "devDependencies": {
+    "@types/jest": "^24.0.15",
     "relative-deps": "^0.1.2"
   },
   "relativeDependencies": {
diff --git a/examples/with-typescript/src/App.test.tsx b/examples/with-typescript/src/App.test.tsx
@@ -0,0 +1,9 @@
+import React from "react"
+import ReactDOM from "react-dom"
+import App from "./App"
+
+it("renders without crashing", () => {
+  const div = document.createElement("div")
+  ReactDOM.render(<App />, div)
+  ReactDOM.unmountComponentAtNode(div)
+})
diff --git a/yarn.lock b/yarn.lock
@@ -3048,6 +3048,18 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
+"@types/jest-diff@*":
+  version "20.0.1"
+  resolved "https://registry.yarnpkg.com/@types/jest-diff/-/jest-diff-20.0.1.tgz#35cc15b9c4f30a18ef21852e255fdb02f6d59b89"
+  integrity sha512-yALhelO3i0hqZwhjtcr6dYyaLoCHbAMshwtj6cGxTvHZAKXHsYGdff6E8EPw3xLKY0ELUTQ69Q1rQiJENnccMA==
+
+"@types/jest@^24.0.15":
+  version "24.0.15"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-24.0.15.tgz#6c42d5af7fe3b44ffff7cc65de7bf741e8fa427f"
+  integrity sha512-MU1HIvWUme74stAoc3mgAi+aMlgKOudgEvQDIm1v4RkrDudBh1T+NFp5sftpBAdXdx1J0PbdpJ+M2EsSOi1djA==
+  dependencies:
+    "@types/jest-diff" "*"
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ const UserDetails = ({ data }) => (`
`25`	`25`	`</div>`
`26`	`26`	`)`
`27`	`27`
`28`		`-const App = () => (`
	`28`	`+export const App = () => (`
`29`	`29`	`<>`
`30`	`30`	`<DevTools />`
`31`	`31`	`<Async promiseFn={loadUser} userId={1} debugLabel="User 1">`
`@@ -47,4 +47,4 @@ const App = () => (`
`47`	`47`	`</>`
`48`	`48`	`)`
`49`	`49`
`50`		`-ReactDOM.render(<App />, document.getElementById("root"))`
	`50`	`+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))`
Original file line number	Diff line number	Diff line change
`@@ -38,12 +38,12 @@ const User = ({ userId }) => {`
`38`	`38`	`return null`
`39`	`39`	`}`
`40`	`40`
`41`		`-const App = () => (`
	`41`	`+export const App = () => (`
`42`	`42`	`<>`
`43`	`43`	`<DevTools />`
`44`	`44`	`<User userId={1} />`
`45`	`45`	`<User userId={2} />`
`46`	`46`	`</>`
`47`	`47`	`)`
`48`	`48`
`49`		`-ReactDOM.render(<App />, document.getElementById("root"))`
	`49`	`+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ const UserDetails = ({ data }) => (`
`27`	`27`	`</div>`
`28`	`28`	`)`
`29`	`29`
`30`		`-const App = () => (`
	`30`	`+export const App = () => (`
`31`	`31`	`<>`
`32`	`32`	`<DevTools />`
`33`	`33`	`<AsyncUser userId={1} debugLabel="User 1">`
`@@ -48,4 +48,4 @@ const App = () => (`
`48`	`48`	`</>`
`49`	`49`	`)`
`50`	`50`
`51`		`-ReactDOM.render(<App />, document.getElementById("root"))`
	`51`	`+if (process.env.NODE_ENV !== "test") ReactDOM.render(<App />, document.getElementById("root"))`