@tramvai/test-react 1.85.0 → 1.90.2

package/README.md

@@ -105,3 +105,24 @@ describe('test', () => {
 
 </details>
 </p>
+
+## Troubleshooting
+
+### Warning: ReactDOM.render is no longer supported in React 18
+
+`@tramvai/test-react` comes with support for react 16 and 17 so if you are using react@18 it will lead to the above warning as this backward-compatibility forces to use legacy render methods.
+
+You can manually specify not to use legacy rendering mode by settings option [`legacyRoot`](https://testing-library.com/docs/react-testing-library/api#legacyroot) to `false`
+
+```ts
+/**
+ * @jest-environment jsdom
+ */
+import { testComponent } from '@tramvai/test-react';
+
+describe('test', () => {
+  it('component', async () => {
+    const { render } = testComponent(<Cmp id={1} />, { legacyRoot: false });
+  });
+});
+```

package/lib/index.es.js

@@ -1,6 +1,6 @@
 import { render, act, fireEvent } from '@testing-library/react';
 export * from '@testing-library/react';
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Provider } from '@tramvai/state';
 import { DIContext } from '@tramvai/react';
 import { Provider as Provider$1 } from '@tinkoff/router';
@@ -9,13 +9,11 @@ import { waitRaf } from '@tramvai/test-jsdom';
 import { renderHook, act as act$1 } from '@testing-library/react-hooks';
 
 const testComponent = (element, { providers, initialState, store, stores, di, context = createMockContext({ initialState, providers, di, store, stores }), currentRoute, currentUrl, router = createMockRouter({ currentRoute, currentUrl }), renderOptions, } = {}) => {
-    const Wrapper = ({ children }) => (React.createElement(Provider, { context: context },
-        React.createElement(DIContext.Provider, { value: context.di },
-            React.createElement(Provider$1, { router: router }, children))));
-    const renderResults = render(React.createElement(Wrapper, null, element), renderOptions);
+    const Wrapper = ({ children }) => (jsx(Provider, Object.assign({ context: context }, { children: jsx(DIContext.Provider, Object.assign({ value: context.di }, { children: jsx(Provider$1, Object.assign({ router: router }, { children: children }), void 0) }), void 0) }), void 0));
+    const renderResults = render(jsx(Wrapper, { children: element }, void 0), renderOptions);
     return {
         render: renderResults,
-        rerender: (el) => renderResults.rerender(React.createElement(Wrapper, null, el)),
+        rerender: (el) => renderResults.rerender(jsx(Wrapper, { children: el }, void 0)),
         act: (callback) => {
             return act(async () => {
                 await callback();
@@ -38,10 +36,7 @@ const testHook = (hookCallback, { providers, initialState, store, stores, di, co
     const { result, rerender } = renderHook(hookCallback, {
         ...renderOptions,
         wrapper: ({ children }) => {
-            return (React.createElement(Provider, { context: context },
-                React.createElement(DIContext.Provider, { value: context.di },
-                    React.createElement(Provider$1, { router: router },
-                        React.createElement(Wrapper, null, children)))));
+            return (jsx(Provider, Object.assign({ context: context }, { children: jsx(DIContext.Provider, Object.assign({ value: context.di }, { children: jsx(Provider$1, Object.assign({ router: router }, { children: jsx(Wrapper, { children: children }, void 0) }), void 0) }), void 0) }), void 0));
         },
     });
     return {

package/lib/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@testing-library/react');
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var state = require('@tramvai/state');
 var react$1 = require('@tramvai/react');
 var router = require('@tinkoff/router');
@@ -11,18 +11,12 @@ var testMocks = require('@tramvai/test-mocks');
 var testJsdom = require('@tramvai/test-jsdom');
 var reactHooks = require('@testing-library/react-hooks');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const testComponent = (element, { providers, initialState, store, stores, di, context = testMocks.createMockContext({ initialState, providers, di, store, stores }), currentRoute, currentUrl, router: router$1 = testMocks.createMockRouter({ currentRoute, currentUrl }), renderOptions, } = {}) => {
-    const Wrapper = ({ children }) => (React__default["default"].createElement(state.Provider, { context: context },
-        React__default["default"].createElement(react$1.DIContext.Provider, { value: context.di },
-            React__default["default"].createElement(router.Provider, { router: router$1 }, children))));
-    const renderResults = react.render(React__default["default"].createElement(Wrapper, null, element), renderOptions);
+    const Wrapper = ({ children }) => (jsxRuntime.jsx(state.Provider, Object.assign({ context: context }, { children: jsxRuntime.jsx(react$1.DIContext.Provider, Object.assign({ value: context.di }, { children: jsxRuntime.jsx(router.Provider, Object.assign({ router: router$1 }, { children: children }), void 0) }), void 0) }), void 0));
+    const renderResults = react.render(jsxRuntime.jsx(Wrapper, { children: element }, void 0), renderOptions);
     return {
         render: renderResults,
-        rerender: (el) => renderResults.rerender(React__default["default"].createElement(Wrapper, null, el)),
+        rerender: (el) => renderResults.rerender(jsxRuntime.jsx(Wrapper, { children: el }, void 0)),
         act: (callback) => {
             return react.act(async () => {
                 await callback();
@@ -45,10 +39,7 @@ const testHook = (hookCallback, { providers, initialState, store, stores, di, co
     const { result, rerender } = reactHooks.renderHook(hookCallback, {
         ...renderOptions,
         wrapper: ({ children }) => {
-            return (React__default["default"].createElement(state.Provider, { context: context },
-                React__default["default"].createElement(react$1.DIContext.Provider, { value: context.di },
-                    React__default["default"].createElement(router.Provider, { router: router$1 },
-                        React__default["default"].createElement(Wrapper, null, children)))));
+            return (jsxRuntime.jsx(state.Provider, Object.assign({ context: context }, { children: jsxRuntime.jsx(react$1.DIContext.Provider, Object.assign({ value: context.di }, { children: jsxRuntime.jsx(router.Provider, Object.assign({ router: router$1 }, { children: jsxRuntime.jsx(Wrapper, { children: children }, void 0) }), void 0) }), void 0) }), void 0));
         },
     });
     return {

package/lib/testComponent.d.ts

@@ -13,7 +13,7 @@ declare type Options = OptionsDi & OptionsContext & OptionsRouter & {
     renderOptions?: RenderOptions;
 };
 export declare const testComponent: (element: React.ReactElement, { providers, initialState, store, stores, di, context, currentRoute, currentUrl, router, renderOptions, }?: Options) => {
-    render: import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+    render: import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
     rerender: (el: React.ReactElement) => void;
     act: (callback: () => Promise<void> | void) => Promise<undefined>;
     fireEvent: import("@testing-library/react").FireFunction & import("@testing-library/react").FireObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tramvai/test-react",
-  "version": "1.85.0",
+  "version": "1.90.2",
   "description": "",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -18,15 +18,14 @@
     "build-for-publish": "true"
   },
   "dependencies": {
-    "@testing-library/react": "^11.2.6",
-    "@testing-library/react-hooks": "^5.1.2",
-    "@tinkoff/router": "0.1.71",
-    "@tramvai/react": "1.85.0",
-    "@tramvai/state": "1.85.0",
-    "@tramvai/test-jsdom": "1.85.0",
-    "@tramvai/test-mocks": "1.85.0",
-    "@tramvai/tokens-common": "1.85.0",
-    "react-test-renderer": "18.0.0-rc.2",
+    "@testing-library/react": "^12.1.4",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@tinkoff/router": "0.1.72",
+    "@tramvai/react": "1.90.2",
+    "@tramvai/state": "1.90.2",
+    "@tramvai/test-jsdom": "1.90.2",
+    "@tramvai/test-mocks": "1.90.2",
+    "@tramvai/tokens-common": "1.90.2",
     "tslib": "^2.0.3"
   },
   "peerDependencies": {