Add tests to examples.

Author: ghengeveld

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"))

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)
+})

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"))

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)
+})

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"))

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)
+})

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)
+})

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")
+  )

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)
+})

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": {

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": {

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)
+})

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"