fixes for testing

Author: GoodDayForSurf

packages/devextreme-cli/src/applications/application.react.js

@@ -31,6 +31,11 @@ const preparePackageJsonForTemplate = (appPath, appName) => {
     const dependencies = [
         { name: 'sass-embedded', version: '^1.85.1' },
         { name: 'devextreme-cli', version: latestVersions['devextreme-cli'], dev: true },
+        { name: '@testing-library/dom', version: '^10.4.0', dev: true },
+        { name: '@testing-library/jest-dom', version: '^6.6.3', dev: true },
+        { name: '@testing-library/react', version: '^16.2.0', dev: true },
+        { name: '@testing-library/user-event', version: '^14.6.1', dev: true },
+        { name: '@types/jest', version: '^29.5.14', dev: true },
         { name: 'react-router-dom', version: '^6.3.0' },
     ];
     const scripts = [

packages/devextreme-cli/src/templates/react/application/src/App.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { HashRouter as Router } from 'react-router-dom';
 import './dx-styles.scss';
 import LoadPanel from 'devextreme-react/load-panel';

packages/devextreme-cli/src/templates/react/application/src/components/change-password-form/ChangePasswordForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import Form, {
   Item,

packages/devextreme-cli/src/templates/react/application/src/components/create-account-form/CreateAccountForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import Form, {
   Item,

packages/devextreme-cli/src/templates/react/application/src/components/footer/Footer.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import './Footer.scss';
 
 export default function Footer({ ...rest }) {

packages/devextreme-cli/src/templates/react/application/src/components/header/Header.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Toolbar, { Item } from 'devextreme-react/toolbar';
 import Button from 'devextreme-react/button';
 import UserPanel from '../user-panel/UserPanel';

packages/devextreme-cli/src/templates/react/application/src/components/login-form/LoginForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import Form, {
   Item,

packages/devextreme-cli/src/templates/react/application/src/components/reset-password-form/ResetPasswordForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useCallback } from 'react';
+import { useState, useRef, useCallback } from 'react';
 import { Link, useNavigate } from "react-router-dom";
 import Form, {
   Item,

packages/devextreme-cli/src/templates/react/application/src/components/theme-switcher/ThemeSwitcher.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from 'react';
+import { useCallback, useContext } from 'react';
 import Button from 'devextreme-react/button';
 import { ThemeContext } from '../../theme';
 

packages/devextreme-cli/src/templates/react/application/src/components/user-panel/UserPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useCallback } from 'react';
+import { useMemo, useCallback } from 'react';
 import { useNavigate } from "react-router-dom";
 import DropDownButton from 'devextreme-react/drop-down-button';
 import List from 'devextreme-react/list';