Как работает Jest под капотом (разница между jsdom и браузером)?

Jest — это тестовый раннер, который по умолчанию работает в среде Node.js. Чтобы тестировать код, зависящий от DOM, он использует библиотеку jsdom.

Как работает jsdom:

1. Эмуляция DOM
   Создает объект document, window и другие глобальные переменные, похожие на браузерные.

2. Выполнение в Node.js
   Тесты запускаются в Node.js, что делает их быстрыми и не требующими браузера.

3. Ограничения
   Не все API реализованы, например, WebGL или сложные анимации могут работать иначе.

Разница с браузером:

• Производительность выше (нет графического рендера).

• Ограниченная поддержка API — jsdom не полностью воспроизводит браузер.

• Нет реальной отрисовки — тесты проверяют структуру DOM, а не визуальное отображение.

Вывод:
Jest с jsdom отлично подходит для тестирования логики и структуры UI без затрат на реальный браузер, но для тестирования рендеринга лучше использовать e2e-инструменты.