how to properly test relay mutation with testing library

testingLibraryRelay.tsx

it('should call mutation properly', async () => {
  // eslint-disable-next-line
  const { debug, getByText, getByTestId } = render(<MyComponent />);

  const customMockResolvers = {
    ...mockResolvers,
  };

  const name = 'myName';

  const nameInput = getByTestId('name');
  fireEvent.change(nameInput, { target: { value: name } });

  const submitButton = getByText('Create').closest('button');

  expect(submitButton).toBeDefined();

  fireEvent.click(submitButton);

  await wait(() => Environment.mock.getMostRecentOperation());

  // CreateMutation
  const mutationOperation = Environment.mock.getMostRecentOperation();

  expect(getMutationOperationVariables(mutationOperation).input).toEqual({
    name,
  });
});