How to fix TestingLibraryElementError: Unable to find a form with the text: in React

// HTML form element has implicit role="form"
<form>
  {/* form content */}
</form>

// Query with getByRole
const form = screen.getByRole('form');

// For forms without <form> tag, add role="form"
<div role="form">
  {/* form content */}
</div>

// Using aria-label
<form aria-label="User registration form">
  {/* form content */}
</form>

// Query by accessible name
const form = screen.getByRole('form', { name: /user registration form/i });

// Using aria-labelledby
<h2 id="form-title">Sign Up</h2>
<form aria-labelledby="form-title">
  {/* form content */}
</form>

// Using findByRole for async forms
const form = await screen.findByRole('form');

// With timeout adjustment if needed
const form = await screen.findByRole('form', {}, { timeout: 5000 });

// Wait for form with specific name
const loginForm = await screen.findByRole('form', { name: /login/i });

// Debug current render
screen.debug();

// Check if form is accessible
const forms = screen.queryAllByRole('form', { hidden: true });
console.log('All forms (including hidden):', forms.length);

// Look for parent elements hiding the form
const hiddenParents = screen.queryAllByRole('form', { hidden: true })
  .filter(form => form.closest('[aria-hidden="true"]'));

// If form has a visible label
<form>
  <label htmlFor="email">Email address</label>
  <input id="email" type="email" />
</form>

// Query by label text
const emailLabel = screen.getByText(/email address/i);
const form = emailLabel.closest('form');

// Or get the form via its contained element
const emailInput = screen.getByLabelText(/email address/i);
const form = emailInput.closest('form');

import userEvent from '@testing-library/user-event';

// Instead of testing form element directly
expect(form).toBeInTheDocument();

// Test user interaction
await userEvent.type(emailInput, '[email protected]');
await userEvent.click(submitButton);

// Wait for form submission result
await waitFor(() => {
  expect(screen.getByText(/success/i)).toBeInTheDocument();
});