Вот некоторые дополнительные понятия и информация, которые могут помочь вам в разработке тестов.
Vitest как тест-раннер
Vitest — это средство запуска тестов и фреймворк, популярность которого растет. В этом курсе он используется всякий раз, когда требуются конкретные примеры, но многие из включенных примеров являются общими и применимы к любой выбранной вами платформе.
Большинство раннеров или тестовых фреймворков, как правило, имеют много общего, и этот курс будет полезен независимо от выбранного вами стека. Мы решили сосредоточиться на Vitest по ряду причин:
Он современный и требует очень мало усилий по настройке или настройке, в отличие от других средств запуска тестов. Несмотря на то, что Vitest создан на основе инструмента сборки Vite , он по-прежнему работает с существующими проектами.
Он также имеет отличную поддержку для работы с модулями EcmaScript (ESM) , включая имитацию всего импорта. Хотя у него есть некоторые предостережения , он более стабилен, чем другие инструменты.
Самое главное, он предоставляет в значительной степени совместимый API с Jest, вероятно, самым популярным средством запуска. Но опять же, то, как вы структурируете и группируете свои тесты, имеет тенденцию быть одинаковым независимо от того, какой фреймворк вы используете. Более продвинутые функции, такие как сложные двойные тесты, имеют тенденцию отклоняться немного дальше. В этом курсе для их описания используется Vitest, но также всегда описывается общее решение.
React как компонентная модель
Хотя в этом курсе представлены общие примеры кода, которые тестируют простой JavaScript, например математические функции, он быстро переходит к тестированию компонентов React, а затем включает веб-компоненты в целом и использование Lit. В этом курсе также используется Next.js.
Это практичный выбор. Несмотря на критику, React — наиболее используемый фреймворк участников опроса State of JS .