How do I test components in Angular and React?

How do I test components in Angular and React?

To test components in Angular, you can use Jasmine and Karma. For React, Jest and React Testing Library are popular.

Can you give me an example of a test case in Angular?

Sure! In Angular, you might write a test case like this:

it('should create the component', () => {
  const fixture = TestBed.createComponent(MyComponent);
  const component = fixture.componentInstance;
  expect(component).toBeTruthy();
});

What about testing a React component?

In React, you could write a test case like this:

import { render, screen } from '@testing-library/react';
import MyComponent from './MyComponent';

test('renders learn react link', () => {
  render(<MyComponent />);
  const linkElement = screen.getByText(/learn react/i);
  expect(linkElement).toBeInTheDocument();
});

What tools do I need to set up for testing?

For Angular, you'll need Jasmine and Karma. For React, install Jest and React Testing Library. You can set them up using npm.