update test-jest for react 18

i18next · Mar 9, 2023 · 7026d54 · 7026d54
1 parent 4287991
commit 7026d54
Show file tree

Hide file tree

Showing 7 changed files with 15,576 additions and 16,660 deletions.
diff --git a/example/test-jest/package-lock.json b/example/test-jest/package-lock.json
diff --git a/example/test-jest/package.json b/example/test-jest/package.json
@@ -4,14 +4,14 @@
   "private": true,
   "dependencies": {
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "i18next": "20.0.0",
-    "i18next-browser-languagedetector": "5.0.0",
-    "i18next-http-backend": "1.0.15",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-i18next": "11.5.1",
-    "react-scripts": "3.4.1"
+    "@cfaester/enzyme-adapter-react-18": "0.6.0",
+    "i18next": "22.4.11",
+    "i18next-browser-languagedetector": "7.0.1",
+    "i18next-http-backend": "2.1.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-i18next": "12.2.0",
+    "react-scripts": "5.0.1"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/example/test-jest/src/App.test.js b/example/test-jest/src/App.test.js
@@ -1,9 +1,9 @@
 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 />);
+  root.unmount();
 });
diff --git a/example/test-jest/src/UseTranslationWithInterpolation.test.js b/example/test-jest/src/UseTranslationWithInterpolation.test.js
@@ -7,17 +7,16 @@ jest.mock('react-i18next', () => ({
   useTranslation: jest.fn(),
 }));
 
-const tSpy = jest.fn((str) => str);
-const useTranslationSpy = useTranslation;
-
-useTranslationSpy.mockReturnValue({
-  t: tSpy,
-  i18n: {
-    changeLanguage: () => new Promise(() => {}),
-  },
-});
-
 it('test render', () => {
+  const useTranslationSpy = useTranslation;
+  const tSpy = jest.fn((str) => str);
+  useTranslationSpy.mockReturnValue({
+    t: tSpy,
+    i18n: {
+      changeLanguage: () => new Promise(() => {}),
+    },
+  });
+
   const mounted = mount(<UseTranslationWithInterpolation />);
 
   // console.log(mounted.debug());

diff --git a/example/test-jest/src/__mocks__/react-i18next.js b/example/test-jest/src/__mocks__/react-i18next.js
@@ -30,9 +30,9 @@ const renderNodes = reactNodes => {
   });
 };
 
-const useMock = [k => k, {}];
+const useMock = [k => k, { changeLanguage: () => new Promise(() => {}) }];
 useMock.t = k => k;
-useMock.i18n = {};
+useMock.i18n = { changeLanguage: () => new Promise(() => {}) };
 
 module.exports = {
   // this mock makes sure any components using the translate HoC receive the t function as a prop

diff --git a/example/test-jest/src/index.js b/example/test-jest/src/index.js
@@ -1,8 +1,9 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 
 import './i18n';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);
diff --git a/example/test-jest/src/setupTests.js b/example/test-jest/src/setupTests.js
@@ -1,5 +1,5 @@
 import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@cfaester/enzyme-adapter-react-18';
 
 // without stubbing do this:
 // import i18n from 'i18next';