How do I write async tests using Angular Testing Library?

How do I write async tests using Angular Testing Library?

To write async tests in Angular Testing Library, you can use the waitFor utility to handle asynchronous operations.

Can you give me an example of an async test?

Sure! Here's a simple example:

import { render, screen, waitFor } from '@testing-library/angular';
import { MyComponent } from './my-component';

test('displays data after async call', async () => {
  render(MyComponent);
  await waitFor(() => expect(screen.getByText('Data Loaded')).toBeInTheDocument());
});

What if I need to mock an async service?

You can use Jest to mock the service. For example:

jest.mock('./my-service', () => ({
  fetchData: jest.fn(() => Promise.resolve('Mocked Data')),
}));

Are there any best practices for async testing?

Yes! Always ensure your tests are isolated, use async/await for clarity, and clean up after tests to avoid memory leaks.