morfi-test-utils

import { render } from '@testing-library/react'; import { MorfiTestUtils } from 'morfi-test-utils'; import React from 'react'; // Mock your morfi-connected input component // In a real scenario, this would be a path to your actual Input component jest.mock('./Input', () => ({ Input: (arg) => MorfiTestUtil.Field(arg), })); // A minimal mock form component for demonstration const MyForm = () => ( <form> <Input name="userName" label="Unique Username" required={false} /> </form> ); describe('MorfiTestUtils basic form interaction', () => { it('interacts with my form fields and submits', async () => { // mount the form render(<MyForm />); // update some values (already wrapped into "act") MorfiTestUtils.fields.userName.change('M4gic'); // check for value and properties expect(MorfiTestUtils.fields.userName.value).toBe('M4gic'); expect(MorfiTestUtils.fields.userName.dirty).toBe(true); expect(MorfiTestUtils.fields.userName.required).toBe(false); expect(MorfiTestUtils.fields.userName.props.label).toBe('Unique Username'); // In a real test, you'd trigger validation or submission and assert errors // For simplicity, we'll just submit here. await MorfiTestUtils.submit(); // Add assertions for what happens after submit, e.g., an onSubmit mock being called. // expect(someSubmitMock).toHaveBeenCalledWith({ userName: 'M4gic' }); }); });