Speedup frontend tests

frontend/app/components/auth-panel/auth-panel.test.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import { mount } from 'enzyme';
 import createMockStore from 'redux-mock-store';
 import { Middleware } from 'redux';

frontend/app/components/auth/auth.spec.tsx

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom';
-import { h } from 'preact';
+
 import { fireEvent, waitFor, screen } from '@testing-library/preact';
 import { render } from 'tests/utils';
 

frontend/app/components/auth/components/oauth.spec.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import { render } from 'tests/utils';
 import { BASE_URL } from 'common/constants.config';
 

frontend/app/components/avatar/avatar.spec.tsx

@@ -1,5 +1,4 @@
 import '@testing-library/jest-dom';
-import { h } from 'preact';
 import { render } from '@testing-library/preact';
 
 import { Avatar } from './avatar';

frontend/app/components/comment-form/__subscribe-by-email/comment-form__subscribe-by-email.test.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import { mount } from 'enzyme';
 import { act } from 'preact/test-utils';
 import { Provider } from 'react-redux';

frontend/app/components/comment-form/__subscribe-by-rss/comment-form__subscribe-by-rss.test.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import { shallow } from 'enzyme';
 
 import { SubscribeByRSS, createSubscribeUrl } from '.';

frontend/app/components/comment-form/comment-form.test.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import { shallow } from 'enzyme';
 
 import { user, anonymousUser } from '__stubs__/user';

frontend/app/components/comment/comment.tsx

@@ -462,7 +462,7 @@ export class Comment extends Component<CommentProps, State> {
     return controls;
   };
 
-  render(props: CommentProps, state: State) {
+  render(props: CommentProps, state: State): JSX.Element {
     const isAdmin = this.isAdmin();
     const isGuest = this.isGuest();
     const isCurrentUser = this.isCurrentUser();

frontend/app/components/profile/components/counter/counter.spec.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import '@testing-library/jest-dom';
 import { render } from 'tests/utils';
 import { Counter } from '.';

frontend/app/components/profile/profile.spec.tsx

@@ -1,4 +1,3 @@
-import { h } from 'preact';
 import '@testing-library/jest-dom';
 import { waitFor } from '@testing-library/preact';
 import { fireEvent } from '@testing-library/dom';

frontend/app/components/select/select.spec.tsx

@@ -1,6 +1,6 @@
 import '@testing-library/jest-dom';
 import { fireEvent } from '@testing-library/preact';
-import { h } from 'preact';
+
 import { render } from 'tests/utils';
 import { Select } from './select';
 

frontend/app/components/sort-picker.spec.tsx

@@ -1,6 +1,5 @@
 import '@testing-library/jest-dom';
 import { fireEvent, waitFor } from '@testing-library/preact';
-import { h } from 'preact';
 
 import { render } from 'tests/utils';
 import * as commentsActions from 'store/comments/actions';

frontend/jest.config.js

@@ -1,7 +1,24 @@
 module.exports = {
   transform: {
-    '^.+\\.tsx?$': 'ts-jest',
-    '^.+\\.jsx?$': 'babel-jest',
+    '^.+\\.(t|j)sx?$': [
+      '@swc/jest',
+      {
+        jsc: {
+          parser: {
+            syntax: 'typescript',
+            tsx: true,
+            decorators: false,
+          },
+          target: 'es2016',
+          transform: {
+            react: {
+              runtime: 'automatic',
+              importSource: 'preact',
+            },
+          },
+        },
+      },
+    ],
   },
   moduleDirectories: ['node_modules', 'app'],
   moduleNameMapper: {
@@ -32,9 +49,4 @@ module.exports = {
     '!app/utils/loadLocale.ts',
     '!app/tests',
   ],
-  globals: {
-    'ts-jest': {
-      babelConfig: true,
-    },
-  },
 };