[Security Packages] Migrate low-complexity Enzyme test to React Testing Library (#253842)

elena-shostak · cursoragent · web-flow · commit edae9a741ec0 · 2026-02-27T11:12:17.000+01:00
## Summary Migrated 1 test file in **@kbn/security-form-components** from Enzyme to React Testing Library. __Related: https://github.com/elastic/kibana/issues/223148__ --------- Co-authored-by: Cursor <cursoragent@cursor.com>
diff --git a/x-pack/platform/packages/shared/security/form_components/src/form_row.test.tsx b/x-pack/platform/packages/shared/security/form_components/src/form_row.test.tsx
@@ -6,12 +6,22 @@
  */
 
 import { EuiFormRow } from '@elastic/eui';
-import { mount } from 'enzyme';
+import { render } from '@testing-library/react';
 import { Formik } from 'formik';
 import React from 'react';
 
 import { FormRow } from './form_row';
 
+jest.mock('@elastic/eui', () => {
+  const actual = jest.requireActual('@elastic/eui');
+  return {
+    ...actual,
+    EuiFormRow: jest.fn(({ children }: any) => <div>{children}</div>),
+  };
+});
+
+const MockedEuiFormRow = EuiFormRow as unknown as jest.Mock;
+
 describe('FormRow', () => {
   it('should render form row with correct error states', () => {
     const assertions = [
@@ -20,7 +30,9 @@ describe('FormRow', () => {
       { error: undefined, touched: true, isInvalid: false },
     ];
     assertions.forEach(({ error, touched, isInvalid }) => {
-      const wrapper = mount(
+      MockedEuiFormRow.mockClear();
+
+      render(
         <Formik
           onSubmit={jest.fn()}
           initialValues={{ email: '' }}
@@ -33,11 +45,12 @@ describe('FormRow', () => {
         </Formik>
       );
 
-      expect(wrapper.find(EuiFormRow).props()).toEqual(
+      expect(MockedEuiFormRow).toHaveBeenCalledWith(
         expect.objectContaining({
           error,
           isInvalid,
-        })
+        }),
+        expect.anything()
       );
     });
   });
diff --git a/x-pack/platform/packages/shared/security/form_components/tsconfig.json b/x-pack/platform/packages/shared/security/form_components/tsconfig.json
@@ -6,6 +6,7 @@
       "jest",
       "node",
       "react",
+      "@testing-library/jest-dom",
       "@kbn/ambient-ui-types",
       "@testing-library/jest-dom",
     ]

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@`
`6`	`6`	`"jest",`
`7`	`7`	`"node",`
`8`	`8`	`"react",`
	`9`	`+ "@testing-library/jest-dom",`
`9`	`10`	`"@kbn/ambient-ui-types",`
`10`	`11`	`"@testing-library/jest-dom",`
`11`	`12`	`]`