f6b691945c
* Make phone editable on people's page * Make City editable --------- Co-authored-by: Charles Bochet <charles@twenty.com>
29 lines
788 B
TypeScript
29 lines
788 B
TypeScript
import { fireEvent, render } from '@testing-library/react';
|
|
|
|
import { EditableTextStory } from '../__stories__/EditableText.stories';
|
|
|
|
it('Checks the EditableText editing event bubbles up', async () => {
|
|
const func = jest.fn(() => null);
|
|
const { getByTestId } = render(
|
|
<EditableTextStory content="test" changeHandler={func} />,
|
|
);
|
|
|
|
const parent = getByTestId('content-editable-parent');
|
|
|
|
const wrapper = parent.querySelector('div');
|
|
|
|
if (!wrapper) {
|
|
throw new Error('Editable input not found');
|
|
}
|
|
fireEvent.click(wrapper);
|
|
|
|
const editableInput = parent.querySelector('input');
|
|
|
|
if (!editableInput) {
|
|
throw new Error('Editable input not found');
|
|
}
|
|
|
|
fireEvent.change(editableInput, { target: { value: '23' } });
|
|
expect(func).toBeCalledWith('23');
|
|
});
|