Приложение

Vitest — это средство запуска тестов и фреймворк, популярность которого растет. В этом курсе он используется всякий раз, когда требуются конкретные примеры, но многие из включенных примеров являются общими и применимы к любой выбранной вами платформе.

Большинство раннеров или тестовых фреймворков, как правило, имеют много общего, и этот курс будет полезен независимо от выбранного вами стека. Мы решили сосредоточиться на Vitest по ряду причин:

  • Он современный и требует очень мало усилий по настройке или настройке, в отличие от других средств запуска тестов. Несмотря на то, что Vitest создан на основе инструмента сборки Vite , он по-прежнему работает с существующими проектами.

  • Он также имеет отличную поддержку для работы с модулями EcmaScript (ESM) , включая имитацию всего импорта. Хотя у него есть некоторые предостережения , он более стабилен, чем другие инструменты.

Самое главное, он предоставляет в значительной степени совместимый API с Jest, вероятно, самым популярным средством запуска. Но опять же, то, как вы структурируете и группируете свои тесты, имеет тенденцию быть одинаковым независимо от того, какой фреймворк вы используете. Более продвинутые функции, такие как сложные двойные тесты, имеют тенденцию отклоняться немного дальше. В этом курсе для их описания используется Vitest, но также всегда описывается общее решение.

React как компонентная модель

Хотя в этом курсе представлены общие примеры кода, которые тестируют простой JavaScript, например математические функции, он быстро переходит к тестированию компонентов React, а затем включает веб-компоненты в целом и использование Lit. В этом курсе также используется Next.js.

Это практичный выбор. Несмотря на критику, React является наиболее используемым фреймворком участников недавнего опроса State of JS .