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

Question

Jest использует jsdom для эмуляции браузерного окружения в Node.js. Это значит, что тесты могут работать с DOM-методами без запуска реального браузера, но не все браузерные API полностью поддерживаются, и поведение может немного отличаться.

YeaHub · Accepted Answer

Jest — это тестовый раннер, который по умолчанию работает в среде Node.js. Чтобы тестировать код, зависящий от DOM, он использует библиотеку jsdom.Как работает jsdom:Эмуляция DOMСоздает объект document, window и другие глобальные переменные, похожие на браузерные.Выполнение в Node.jsТесты запускаются в Node.js, что делает их быстрыми и не требующими браузера.ОграниченияНе все API реализованы, например, WebGL или сложные анимации могут работать иначе.Разница с браузером:Производительность выше (нет графического рендера).Ограниченная поддержка API — jsdom не полностью воспроизводит браузер.Нет реальной отрисовки — тесты проверяют структуру DOM, а не визуальное отображение.Вывод:Jest с jsdom отлично подходит для тестирования логики и структуры UI без затрат на реальный браузер, но для тестирования рендеринга лучше использовать e2e-инструменты.