test: Fix act import

ShahanaFarooqui · ShahanaFarooqui · commit aaf43707a7ac · 2025-09-08T20:35:58.000-07:00
diff --git a/apps/frontend/src/components/cln/BTCWallet/BTCWallet.test.tsx b/apps/frontend/src/components/cln/BTCWallet/BTCWallet.test.tsx
@@ -1,5 +1,4 @@
-import { screen, within } from '@testing-library/react';
-import { act } from 'react';
+import { screen, within, act } from '@testing-library/react';
 import { APP_ANIMATION_DURATION, Units } from '../../../utilities/constants';
 import { mockAppConfig, mockAppStore, mockBKPRStoreData, mockCLNStoreData, mockRootStoreData, mockUIConfig } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/cln/CLNOffer/CLNOffer.test.tsx b/apps/frontend/src/components/cln/CLNOffer/CLNOffer.test.tsx
@@ -1,5 +1,4 @@
-import { fireEvent, screen, waitFor } from '@testing-library/react';
-import { act } from 'react';
+import { fireEvent, screen, waitFor, act } from '@testing-library/react';
 import { mockAppStore, mockOffer1 } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
 import CLNOffer from './CLNOffer';
diff --git a/apps/frontend/src/components/cln/CLNReceive/CLNReceive.test.tsx b/apps/frontend/src/components/cln/CLNReceive/CLNReceive.test.tsx
@@ -1,5 +1,4 @@
-import { fireEvent, screen, waitFor } from '@testing-library/react';
-import { act } from 'react';
+import { fireEvent, screen, waitFor, act } from '@testing-library/react';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { mockAppStore } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/cln/CLNSend/CLNSend.test.tsx b/apps/frontend/src/components/cln/CLNSend/CLNSend.test.tsx
@@ -1,5 +1,4 @@
-import { fireEvent, screen, waitFor } from '@testing-library/react';
-import { act } from 'react';
+import { fireEvent, screen, waitFor, act } from '@testing-library/react';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { mockAppStore } from '../../../utilities/test-utilities/mockData';
 import { spyOnDecode } from '../../../utilities/test-utilities/mockService';
diff --git a/apps/frontend/src/components/cln/CLNWallet/CLNWallet.test.tsx b/apps/frontend/src/components/cln/CLNWallet/CLNWallet.test.tsx
@@ -1,9 +1,8 @@
-import { screen, within } from '@testing-library/react';
+import { screen, within, act } from '@testing-library/react';
 import CLNWallet from './CLNWallet';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
 import { APP_ANIMATION_DURATION, Units } from '../../../utilities/constants';
 import { mockAppConfig, mockAppStore, mockBKPRStoreData, mockCLNStoreData, mockRootStoreData, mockUIConfig } from '../../../utilities/test-utilities/mockData';
-import { act } from 'react';
 
 describe('CLNWallet component ', () => {
   it('should be in the document', async () => {
diff --git a/apps/frontend/src/components/cln/Overview/Overview.test.tsx b/apps/frontend/src/components/cln/Overview/Overview.test.tsx
@@ -1,5 +1,4 @@
-import { screen, within } from '@testing-library/react';
-import { act } from 'react';
+import { screen, within, act } from '@testing-library/react';
 import { APP_ANIMATION_DURATION, COUNTUP_DURATION, Units } from '../../../utilities/constants';
 import { formatCurrency } from '../../../utilities/data-formatters';
 import { mockAppStore, mockBKPRStoreData, mockCLNStoreData, mockListChannels, mockRootStoreData, mockWalletBalances } from '../../../utilities/test-utilities/mockData';
diff --git a/apps/frontend/src/components/modals/ConnectWallet/CommandoForm/CommandoForm.test.tsx b/apps/frontend/src/components/modals/ConnectWallet/CommandoForm/CommandoForm.test.tsx
@@ -1,5 +1,4 @@
-import React, { act } from 'react';
-import { screen, fireEvent, waitFor } from '@testing-library/react';
+import { screen, fireEvent, waitFor, act } from '@testing-library/react';
 import { CLNService } from '../../../../services/http.service';
 import { mockBKPRStoreData, mockCLNStoreData, mockConnectWallet, mockRootStoreData, mockShowModals } from '../../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/modals/ConnectWallet/ConnectWallet.test.tsx b/apps/frontend/src/components/modals/ConnectWallet/ConnectWallet.test.tsx
@@ -1,5 +1,4 @@
-import { act } from 'react';
-import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { fireEvent, screen, waitFor, act } from '@testing-library/react';
 import ConnectWallet from './ConnectWallet';
 import { mockBKPRStoreData, mockCLNStoreData, mockConnectWallet, mockRootStoreData, mockShowModals } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/modals/ConnectWallet/GRPCForm/GRPCForm.test.tsx b/apps/frontend/src/components/modals/ConnectWallet/GRPCForm/GRPCForm.test.tsx
@@ -1,5 +1,4 @@
-import React, { act } from 'react';
-import { screen, fireEvent, waitFor } from '@testing-library/react';
+import { screen, fireEvent, waitFor, act } from '@testing-library/react';
 import { renderWithProviders } from '../../../../utilities/test-utilities/mockStore';
 import { mockBKPRStoreData, mockCLNStoreData, mockConnectWallet, mockRootStoreData, mockShowModals } from '../../../../utilities/test-utilities/mockData';
 import ConnectWallet from '../ConnectWallet';
diff --git a/apps/frontend/src/components/modals/ConnectWallet/RESTForm/RESTForm.test.tsx b/apps/frontend/src/components/modals/ConnectWallet/RESTForm/RESTForm.test.tsx
@@ -1,5 +1,4 @@
-import React, { act } from 'react';
-import { screen, fireEvent, waitFor } from '@testing-library/react';
+import { screen, fireEvent, waitFor, act } from '@testing-library/react';
 import { renderWithProviders } from '../../../../utilities/test-utilities/mockStore';
 import { mockBKPRStoreData, mockCLNStoreData, mockConnectWallet, mockRootStoreData, mockShowModals } from '../../../../utilities/test-utilities/mockData';
 import ConnectWallet from '../ConnectWallet';
diff --git a/apps/frontend/src/components/modals/QRCodeLarge/QRCodeLarge.test.tsx b/apps/frontend/src/components/modals/QRCodeLarge/QRCodeLarge.test.tsx
@@ -1,5 +1,4 @@
-import React, { act } from 'react';
-import { fireEvent, screen, waitFor } from '@testing-library/react';
+import { fireEvent, screen, waitFor, act } from '@testing-library/react';
 import { mockBKPRStoreData, mockCLNStoreData, mockRootStoreData, mockShowModals } from '../../../utilities/test-utilities/mockData';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
 import ConnectWallet from '../ConnectWallet/ConnectWallet';
diff --git a/apps/frontend/src/components/shared/CurrencyBox/CurrencyBox.test.tsx b/apps/frontend/src/components/shared/CurrencyBox/CurrencyBox.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION, Units } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/DataFilterOptions/DataFilterOptions.test.tsx b/apps/frontend/src/components/shared/DataFilterOptions/DataFilterOptions.test.tsx
@@ -1,11 +1,10 @@
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor, act } from '@testing-library/react';
 import moment from 'moment';
 import { Provider } from 'react-redux';
 import DataFilterOptions from './DataFilterOptions';
 import { TimeGranularity } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
 import { mockAppStore } from '../../../utilities/test-utilities/mockData';
-import { act } from 'react';
 import { spyOnBKPRGetSatsFlow } from '../../../utilities/test-utilities/mockService';
 
 describe('DataFilterOptions', () => {
diff --git a/apps/frontend/src/components/shared/DateBox/DateBox.test.tsx b/apps/frontend/src/components/shared/DateBox/DateBox.test.tsx
@@ -1,11 +1,10 @@
-import { screen, render } from '@testing-library/react';
+import { screen, render, act } from '@testing-library/react';
 import DateBox from './DateBox';
 import { mockAppStore, mockInvoice } from '../../../utilities/test-utilities/mockData';
 import { convertIntoDateFormat } from '../../../utilities/data-formatters';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
-import { act } from 'react';
 
 describe('DateBox component ', () => {
   it('format date', async () => {
diff --git a/apps/frontend/src/components/shared/FeerateRange/FeerateRange.test.tsx b/apps/frontend/src/components/shared/FeerateRange/FeerateRange.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/FiatBox/FiatBox.test.tsx b/apps/frontend/src/components/shared/FiatBox/FiatBox.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/FiatSelection/FiatSelection.test.tsx b/apps/frontend/src/components/shared/FiatSelection/FiatSelection.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/InvalidInputMessage/InvalidInputMessage.test.tsx b/apps/frontend/src/components/shared/InvalidInputMessage/InvalidInputMessage.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/QRCode/QRCode.test.tsx b/apps/frontend/src/components/shared/QRCode/QRCode.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/StatusAlert/StatusAlert.test.tsx b/apps/frontend/src/components/shared/StatusAlert/StatusAlert.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/shared/ToastMessage/ToastMessage.test.tsx b/apps/frontend/src/components/shared/ToastMessage/ToastMessage.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
 import { mockAppStore } from '../../../utilities/test-utilities/mockData';
diff --git a/apps/frontend/src/components/shared/ToggleSwitch/ToggleSwitch.test.tsx b/apps/frontend/src/components/shared/ToggleSwitch/ToggleSwitch.test.tsx
@@ -1,5 +1,4 @@
-import { screen, render } from '@testing-library/react';
-import { act } from 'react';
+import { screen, render, act } from '@testing-library/react';
 import { Provider } from 'react-redux';
 import { APP_ANIMATION_DURATION } from '../../../utilities/constants';
 import { createMockStore } from '../../../utilities/test-utilities/mockStore';
diff --git a/apps/frontend/src/components/ui/RouteTransition/RouteTransition.test.tsx b/apps/frontend/src/components/ui/RouteTransition/RouteTransition.test.tsx
@@ -1,5 +1,4 @@
-import { screen } from '@testing-library/react';
-import { act } from 'react';
+import { screen, act } from '@testing-library/react';
 import { TRANSITION_DURATION } from '../../../utilities/constants';
 import { renderWithProviders } from '../../../utilities/test-utilities/mockStore';
 import RouteTransition from './RouteTransition';
diff --git a/apps/frontend/src/utilities/test-utilities/mockStore.tsx b/apps/frontend/src/utilities/test-utilities/mockStore.tsx
@@ -1,6 +1,6 @@
 import { configureStore, combineReducers } from '@reduxjs/toolkit';
-import { render, RenderOptions, RenderResult } from '@testing-library/react';
-import { PropsWithChildren, act } from 'react';
+import { render, RenderOptions, RenderResult, act } from '@testing-library/react';
+import { PropsWithChildren } from 'react';
 import { Provider } from 'react-redux';
 import { createMemoryRouter, RouterProvider } from 'react-router-dom';
 import rootReducer from '../../store/rootSlice';
