🧰 Команда Netflix представила библиотеку SafeTest, которая предлагает свежий взгляд на сквозные (E2E) тесты для веб-приложений с UI

SafeTest призван решить проблемы существующих библиотек с помощью нового подхода к UI-тестированию.

📌 Основная идея: на этапе загрузки приложения иметь фрагмент кода, который внедряет хуки для запуска тестов.

Этот способ работы не оказывает заметного влияния на обычное использование вашего приложения — SafeTest прибегает к ленивой загрузке для динамической загрузки тестов только при их выполнении (в примере с README тесты вообще не находятся в продакшен бандле).

После этого для запуска обычных тестов можно использовать Playwright, что помогает достигнуть идеального контроля браузера, который мы хотим получить для наших тестов.

🤩 Этот подход также открывает некоторые интересные возможности:

☑️ Глубокая привязка к конкретному тесту без необходимости запускать тестовый сервер.
☑️ Двусторонняя связь между браузером и контекстом теста.
☑️ Доступ ко всем фичам DX, которые поставляются с Playwright (за исключением тех, которые поставляются с playwright/test).
☑️ Видеозапись тестов, просмотр трейсов и функция паузы страницы.

👉 Подробнее

🖼️ Что нужно знать о современном CSS: на заметку фронтенд-разработчику

Подборка современных дополнений к CSS: container queries, nesting, scroll-driven animations, view transitions, :has() и многие другие.

👉 Читать