How was testing organized in your previous projects? What tools were used (Jest, Playwright)?

Frontend testing in projects is usually organized at several levels:

• Unit tests to check individual components and functions. Jest is often used for this — a fast and convenient test runner with mocking and coverage capabilities.

• Integration and e2e tests to verify the application's overall functionality. Playwright is suitable for this, as it allows automating browsers and simulating user actions.

Example of testing organization:

1. Unit tests with Jest for React components:

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

test('renders button with text', () => {
  render(<Button>Click me</Button>);
  expect(screen.getByText('Click me')).toBeInTheDocument();
});

2. E2E test with Playwright:

const { test, expect } = require('@playwright/test');

test('homepage has title', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(page).toHaveTitle(/Example Domain/);
});

Overall, testing is built on a combination of Jest for unit tests and Playwright for end-to-end scenarios, ensuring reliability and quality of the frontend code.