@openmrs/esm-form-builder-app 3.4.2-pre.3477 → 3.4.2-pre.3479

package/src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/select/select-answers.test.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi, describe, it, expect, beforeEach } from 'vitest';
 import { render, screen, within } from '@testing-library/react';
 import SelectAnswers from './select-answers.component';
 import { useConceptId } from '@hooks/useConceptId';
@@ -36,15 +37,15 @@ const concepts: Array<Concept> = [
   },
 ];
 
-const mockUseConceptLookup = jest.mocked(useConceptLookup);
-jest.mock('@hooks/useConceptLookup', () => ({
-  ...jest.requireActual('@hooks/useConceptLookup'),
-  useConceptLookup: jest.fn(),
+const mockUseConceptLookup = vi.mocked(useConceptLookup);
+vi.mock('@hooks/useConceptLookup', async () => ({
+  ...((await vi.importActual('@hooks/useConceptLookup')) as object),
+  useConceptLookup: vi.fn(),
 }));
-const mockUseConceptId = jest.mocked(useConceptId);
-jest.mock('@hooks/useConceptId', () => ({
-  ...jest.requireActual('@hooks/useConceptId'),
-  useConceptId: jest.fn(),
+const mockUseConceptId = vi.mocked(useConceptId);
+vi.mock('@hooks/useConceptId', async () => ({
+  ...((await vi.importActual('@hooks/useConceptId')) as object),
+  useConceptId: vi.fn(),
 }));
 
 describe('Select answers component', () => {

package/src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/text/text.test.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import Text from './text.component';
@@ -6,7 +7,7 @@ import { FormFieldProvider } from '../../../../form-field-context';
 
 import type { FormField } from '@openmrs/esm-form-engine-lib';
 
-const mockSetFormField = jest.fn();
+const mockSetFormField = vi.fn();
 const formField: FormField = {
   datePickerFormat: 'both',
   type: 'obs',
@@ -14,8 +15,8 @@ const formField: FormField = {
   id: '1',
 };
 
-jest.mock('../../../../form-field-context', () => ({
-  ...jest.requireActual('../../../../form-field-context'),
+vi.mock('../../../../form-field-context', async () => ({
+  ...((await vi.importActual('../../../../form-field-context')) as object),
   useFormField: () => ({ formField, setFormField: mockSetFormField }),
 }));
 

package/src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/text-area/textarea.test.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import TextArea from './textarea.component';
 import { FormFieldProvider } from '../../../../form-field-context';
 import type { FormField } from '@openmrs/esm-form-engine-lib';
 
-const mockSetFormField = jest.fn();
+const mockSetFormField = vi.fn();
 const formField: FormField = {
   datePickerFormat: 'both',
   type: 'obs',
@@ -13,8 +14,8 @@ const formField: FormField = {
   id: '1',
 };
 
-jest.mock('../../../../form-field-context', () => ({
-  ...jest.requireActual('../../../../form-field-context'),
+vi.mock('../../../../form-field-context', async () => ({
+  ...((await vi.importActual('../../../../form-field-context')) as object),
   useFormField: () => ({ formField, setFormField: mockSetFormField }),
 }));
 

package/src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/toggle/toggle.test.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { fireEvent, render, screen } from '@testing-library/react';
 import Toggle from './toggle.component';
 import { FormFieldProvider } from '../../../../form-field-context';
 import type { FormField } from '@openmrs/esm-form-engine-lib';
 
-const mockSetFormField = jest.fn();
+const mockSetFormField = vi.fn();
 const formField: FormField = {
   datePickerFormat: 'both',
   type: 'obs',
@@ -12,8 +13,8 @@ const formField: FormField = {
   id: '1',
 };
 
-jest.mock('../../../../form-field-context', () => ({
-  ...jest.requireActual('../../../../form-field-context'),
+vi.mock('../../../../form-field-context', async () => ({
+  ...((await vi.importActual('../../../../form-field-context')) as object),
   useFormField: () => ({ formField, setFormField: mockSetFormField }),
 }));
 

package/src/components/interactive-builder/modals/question/question-form/rendering-types/inputs/ui-select-extended/ui-select-extended.test.tsx

@@ -1,19 +1,20 @@
 import React from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import UiSelectExtended from './ui-select-extended.component';
 import { FormFieldProvider } from '../../../../form-field-context';
 import type { FormField } from '@openmrs/esm-form-engine-lib';
 
-const mockSetFormField = jest.fn();
+const mockSetFormField = vi.fn();
 const formField: FormField = {
   type: 'obs',
   questionOptions: { rendering: 'ui-select-extended', isSearchable: false },
   id: '1',
 };
 
-jest.mock('../../../../form-field-context', () => ({
-  ...jest.requireActual('../../../../form-field-context'),
+vi.mock('../../../../form-field-context', async () => ({
+  ...((await vi.importActual('../../../../form-field-context')) as object),
   useFormField: () => ({ formField, setFormField: mockSetFormField }),
 }));
 

package/src/components/interactive-builder/modals/question/question-form/rendering-types/rendering-type.test.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
+import { vi, describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
 import RenderingTypeComponent from './rendering-type.component';
 import { FormFieldProvider } from '../../form-field-context';
 import type { FormField } from '@openmrs/esm-form-engine-lib';
 
-const mockSetFormField = jest.fn();
+const mockSetFormField = vi.fn();
 const formField: FormField = {
   datePickerFormat: 'both',
   type: 'obs',
@@ -12,8 +13,8 @@ const formField: FormField = {
   id: '1',
 };
 
-jest.mock('../../form-field-context', () => ({
-  ...jest.requireActual('../../form-field-context'),
+vi.mock('../../form-field-context', async () => ({
+  ...((await vi.importActual('../../form-field-context')) as object),
   useFormField: () => ({ formField, setFormField: mockSetFormField }),
 }));
 
@@ -78,7 +79,7 @@ describe('RenderingType Component', () => {
   });
 
   it('renders component only if rendering type is allowed', () => {
-    const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation();
+    const consoleErrorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
     formField.type = 'encounterLocation';
     formField.questionOptions.rendering = 'date';
     renderRenderingTypeComponent();