test: adjusted voip tests to use device context from mock builder

RocketChat · Oct 12, 2024 · ee00e11 · ee00e11
1 parent 6dca067
commit ee00e11
Show file tree

Hide file tree

Showing 9 changed files with 19 additions and 35 deletions.
diff --git a/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx b/packages/ui-voip/src/components/VoipPopup/VoipPopup.spec.tsx
@@ -18,7 +18,7 @@ jest.mock('../../hooks/useVoipDialer', () => ({
 }));
 
 const mockedUseVoipSession = jest.mocked(useVoipSession);
-const appRoot = mockAppRoot().wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>);
+const appRoot = mockAppRoot();
 
 it('should properly render incoming popup', async () => {
 	mockedUseVoipSession.mockImplementationOnce(() => createMockVoipSession({ type: 'INCOMING' }));

diff --git a/packages/ui-voip/src/components/VoipPopup/components/VoipPopupHeader.spec.tsx b/packages/ui-voip/src/components/VoipPopup/components/VoipPopupHeader.spec.tsx
@@ -1,9 +1,9 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen } from '@testing-library/react';
 
 import VoipPopupHeader from './VoipPopupHeader';
 
-const appRoot = mockAppRoot().wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>);
+const appRoot = mockAppRoot();
 
 it('should render title', () => {
 	render(<VoipPopupHeader>voice call header title</VoipPopupHeader>, { wrapper: appRoot.build(), legacyRoot: true });

diff --git a/packages/ui-voip/src/components/VoipPopup/views/VoipDialerView.spec.tsx b/packages/ui-voip/src/components/VoipPopup/views/VoipDialerView.spec.tsx
@@ -1,4 +1,4 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
@@ -7,7 +7,7 @@ import VoipDialerView from './VoipDialerView';
 const makeCall = jest.fn();
 const closeDialer = jest.fn();
 
-const appRoot = mockAppRoot().wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>);
+const appRoot = mockAppRoot();
 
 jest.mock('../../../hooks/useVoipAPI', () => ({
 	useVoipAPI: jest.fn(() => ({ makeCall, closeDialer })),

diff --git a/packages/ui-voip/src/components/VoipPopup/views/VoipErrorView.spec.tsx b/packages/ui-voip/src/components/VoipPopup/views/VoipErrorView.spec.tsx
@@ -1,12 +1,10 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen, within } from '@testing-library/react';
 
 import { createMockFreeSwitchExtensionDetails, createMockVoipErrorSession } from '../../../tests/mocks';
 import VoipErrorView from './VoipErrorView';
 
-const appRoot = mockAppRoot()
-	.wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>)
-	.withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
+const appRoot = mockAppRoot().withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
 
 it('should properly render error view', async () => {
 	const errorSession = createMockVoipErrorSession({ error: { status: -1, reason: '' } });

diff --git a/packages/ui-voip/src/components/VoipPopup/views/VoipIncomingView.spec.tsx b/packages/ui-voip/src/components/VoipPopup/views/VoipIncomingView.spec.tsx
@@ -1,12 +1,10 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen, within } from '@testing-library/react';
 
 import { createMockFreeSwitchExtensionDetails, createMockVoipIncomingSession } from '../../../tests/mocks';
 import VoipIncomingView from './VoipIncomingView';
 
-const appRoot = mockAppRoot()
-	.wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>)
-	.withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
+const appRoot = mockAppRoot().withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
 
 const incomingSession = createMockVoipIncomingSession();
 

diff --git a/packages/ui-voip/src/components/VoipPopup/views/VoipOngoingView.spec.tsx b/packages/ui-voip/src/components/VoipPopup/views/VoipOngoingView.spec.tsx
@@ -1,12 +1,10 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen, within } from '@testing-library/react';
 
 import { createMockFreeSwitchExtensionDetails, createMockVoipOngoingSession } from '../../../tests/mocks';
 import VoipOngoingView from './VoipOngoingView';
 
-const wrapper = mockAppRoot()
-	.wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>)
-	.withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
+const wrapper = mockAppRoot().withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
 
 const ongoingSession = createMockVoipOngoingSession();
 

diff --git a/packages/ui-voip/src/components/VoipPopup/views/VoipOutgoingView.spec.tsx b/packages/ui-voip/src/components/VoipPopup/views/VoipOutgoingView.spec.tsx
@@ -1,12 +1,10 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { render, screen, within } from '@testing-library/react';
 
 import { createMockFreeSwitchExtensionDetails, createMockVoipOutgoingSession } from '../../../tests/mocks';
 import VoipOutgoingView from './VoipOutgoingView';
 
-const wrapper = mockAppRoot()
-	.wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>)
-	.withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
+const wrapper = mockAppRoot().withEndpoint('GET', '/v1/voip-freeswitch.extension.getDetails', () => createMockFreeSwitchExtensionDetails());
 
 const outgoingSession = createMockVoipOutgoingSession();
 

diff --git a/packages/ui-voip/src/components/VoipSettingsButton/hooks/useVoipDeviceSettings.spec.tsx b/packages/ui-voip/src/components/VoipSettingsButton/hooks/useVoipDeviceSettings.spec.tsx
@@ -1,13 +1,11 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { renderHook } from '@testing-library/react';
 
 import { useVoipDeviceSettings } from './useVoipDeviceSettings';
 
 it('should be disabled when there are no devices', () => {
 	const { result } = renderHook(() => useVoipDeviceSettings(), {
-		wrapper: mockAppRoot()
-			.wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>)
-			.build(),
+		wrapper: mockAppRoot().build(),
 		legacyRoot: true,
 	});
 
@@ -18,14 +16,8 @@ it('should be disabled when there are no devices', () => {
 it('should be enabled when there are devices', () => {
 	const { result } = renderHook(() => useVoipDeviceSettings(), {
 		wrapper: mockAppRoot()
-			.wrap((children) => (
-				<MockedDeviceContext
-					availableAudioInputDevices={[{ type: '', id: '', label: '' }]}
-					availableAudioOutputDevices={[{ type: '', id: '', label: '' }]}
-				>
-					{children}
-				</MockedDeviceContext>
-			))
+			.withAudioInputDevices([{ type: '', id: '', label: '' }])
+			.withAudioOutputDevices([{ type: '', id: '', label: '' }])
 			.build(),
 		legacyRoot: true,
 	});

diff --git a/packages/ui-voip/src/components/VoipTimer/VoipTimer.spec.tsx b/packages/ui-voip/src/components/VoipTimer/VoipTimer.spec.tsx
@@ -1,9 +1,9 @@
-import { mockAppRoot, MockedDeviceContext } from '@rocket.chat/mock-providers';
+import { mockAppRoot } from '@rocket.chat/mock-providers';
 import { act, render, screen } from '@testing-library/react';
 
 import VoipTimer from './VoipTimer';
 
-const appRoot = mockAppRoot().wrap((children) => <MockedDeviceContext>{children}</MockedDeviceContext>);
+const appRoot = mockAppRoot();
 
 describe('VoipTimer', () => {
 	beforeEach(() => {