Skip to content

Commit cd19c22

Browse files
committed
Update RTL to latest
1 parent f693fc0 commit cd19c22

File tree

6 files changed

+166
-80
lines changed

6 files changed

+166
-80
lines changed

README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,12 @@ It's worth noting that `toEqual` performs a recursive check of all properties on
7474
```js
7575
const dip1 = {
7676
name: "hummus",
77-
flavour: "*****"
77+
flavour: "*****",
7878
};
7979

8080
const dip2 = {
8181
name: "hummus",
82-
flavour: "*****"
82+
flavour: "*****",
8383
};
8484
```
8585

@@ -112,11 +112,11 @@ We'll be using [React Testing Library](https://testing-library.com/docs/react-te
112112

113113
#### Rendering
114114

115-
We can render our components to jsdom using RTL's [`render`](https://testing-library.com/docs/react-testing-library/api#render) method.
115+
We can render our components to jsdom using RTL's [`render`](https://testing-library.com/docs/@testing-library/react/api#render) method.
116116

117117
```jsx
118118
import React from "react";
119-
import { render } from "react-testing-library";
119+
import { render } from "@testing-library/react";
120120
import Button from "./Button";
121121

122122
test("The button renders", () => {
@@ -130,7 +130,7 @@ The return value of `render` is an object with [useful methods](https://testing-
130130

131131
```jsx
132132
import React from "react";
133-
import { render } from "react-testing-library";
133+
import { render } from "@testing-library/react";
134134
import Button from "./Button";
135135

136136
test("The button renders", () => {
@@ -155,7 +155,7 @@ Imagine the `Button` component we're testing changes its text from 'click me' to
155155

156156
```jsx
157157
import React from "react";
158-
import { render, fireEvent } from "react-testing-library";
158+
import { render, fireEvent } from "@testing-library/react";
159159
import Button from "./Button";
160160

161161
test("The button renders", () => {

package-lock.json

Lines changed: 153 additions & 67 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,9 +24,9 @@
2424
"@babel/plugin-proposal-class-properties": "^7.3.0",
2525
"@babel/preset-env": "^7.3.1",
2626
"@babel/preset-react": "^7.0.0",
27+
"@testing-library/react": "^9.1.4",
2728
"jest": "^24.8.0",
28-
"parcel-bundler": "^1.12.3",
29-
"react-testing-library": "^7.0.1"
29+
"parcel-bundler": "^1.12.3"
3030
},
3131
"dependencies": {
3232
"react": "^16.9.0-alpha.0",

solution/jadenizer/jadenizer.test.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from "react";
2-
import { render, cleanup, fireEvent } from "react-testing-library";
2+
import { render, cleanup, fireEvent } from "@testing-library/react";
33
import Jadenizer from "../../workshop/jadenizer/jadenizer.js";
44

55
// ensures our document gets cleared out after each test
@@ -12,7 +12,7 @@ test("Jadenizer component", () => {
1212

1313
const input = getByLabelText("Enter text for Jadenization");
1414
fireEvent.change(input, {
15-
target: { value: `how can mirrors be real if our eyes aren't real` }
15+
target: { value: `how can mirrors be real if our eyes aren't real` },
1616
}); // fire the onChange event with a value
1717

1818
const button = getByText("Jadenize");

solution/markdownifier/markdownifier.test.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import {
33
render,
44
fireEvent,
55
cleanup,
6-
waitForElement
7-
} from "react-testing-library";
6+
waitForElement,
7+
} from "@testing-library/react";
88
import Markdownifier from "../../workshop/markdownifier/markdownifier.js";
99

1010
// ensures our document gets cleared out after each test

0 commit comments

Comments
 (0)