В чем разница между скриншотными и модульными тестами

Скриншотные тесты проверяют визуальное соответствие интерфейса эталону, фиксируя отображение компонента целиком. Они хрупки, так как падают при любых изменениях вёрстки, даже если функциональность не сломана. Пример с Jest и `@testing-library/react`: ```jsx it('matches snapshot', () => { const { container } = render(Click); expect(container).toMatchSnapshot(); }); ``` Модульные тесты проверяют изолированно логику компонента или функции, не завися от внешнего вида. Они более стабильны и быстры. Пример: ```jsx it('calls onClick when clicked', () => { const onClick = jest.fn(); render(); userEvent.click(screen.getByRole('button')); expect(onClick).toHaveBeenCalled(); }); ``` Скриншотные тесты полезны для регрессии UI, модульные — для гарантии работоспособности кода.