Testing Asynchronous Form Submissions with User-Event and FindBy Queries

import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { FeedbackForm } from './FeedbackForm';
 
test('submits feedback comment and displays confirmation message', async () => {
  const user = userEvent.setup();
  const mockOnSubmit = jest.fn().mockResolvedValue({ status: 'ok' });
  
  render(<FeedbackForm onSubmit={mockOnSubmit} />);
  
  const inputField = screen.getByRole('textbox', { name: /feedback/i });
  const submitButton = screen.getByRole('button', { name: /send/i });
  
  await user.type(inputField, 'Great developer experience!');
  await user.click(submitButton);
  
  expect(mockOnSubmit).toHaveBeenCalledWith('Great developer experience!');
  
  const confirmation = await screen.findByText(/thank you for your feedback/i);
  expect(confirmation).toBeInTheDocument();
});