example: update test case.

kktjs · Jun 14, 2022 · 59d7c47 · 59d7c47
1 parent 5b40723
commit 59d7c47
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 15 deletions.
diff --git a/example/basic-entry/website/App.test.jsx b/example/basic-entry/website/App.test.jsx
@@ -1,9 +1,8 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+  const root = createRoot(document.createElement('div'));
+  root.render(<App />);
 });
diff --git a/example/chrome-plugin/src/App.test.js b/example/chrome-plugin/src/App.test.js
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });
diff --git a/example/typescript/src/app/App.test.tsx b/example/typescript/src/app/App.test.tsx
@@ -1,8 +1,9 @@
-import ReactDOM from 'react-dom';
+import { render, screen } from '@testing-library/react';
 import App from './App';
 
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  // @ts-ignore
+  expect(linkElement).toBeInTheDocument();
 });
diff --git a/example/typescript/test/app/App.test.tsx b/example/typescript/test/app/App.test.tsx
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from '../../src/app/App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });
diff --git a/example/uiw/src/App.test.js b/example/uiw/src/App.test.js
@@ -1,9 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 describe('<App />', () => {
   test('renders without exploding', () => {
-    ReactDOM.render(<App />, document.createElement('div'));
+    const root = createRoot(document.createElement('div'));
+    root.render(<App />);
   });
 });