TDD (тесты) для HTML в JavsScript?

Question

[700ghz]

Всем привет! :)
Делаю MVC-приложение с помощью ExpressJs.

Как делать TDD (тесты) для клиентской части (HTML)?
Например: тестировать отправку формы. Это не правильно заполнять форму 1000 раз за день руками. Каждый раз логиниться руками.

P.S. TDD серверной части - все ясно (делаем HTTP запрос, парсим ответ)

Заранее благодарю за ответы, ссылки, бибилиотеки :)

Answer 1

[Константин Китманов]

Есть два варианта: либо юнит-тесты, либо e2e.

С юнит-тестами все в общем точно так же. Из тестов запускаем инстанс приложения, делаем http-запрос, получаем ответ и проверяем, что там все на месте. Не забываем в teardown убить приложение. Чтобы не изобретать велосипед, можно взять supertest.

e2e-тесты выполняют более общую проверку на то что определенные пользовательские сценарии проходят без проблем. Тут надо смотреть в сторону Nightwatch и TestCafe.

Comments

[700ghz]

Спасибо за ответ! :)
Чтобы тестировать отправку html формы, нужно юзать e2e. Больше никак. Я верно понимаю? :)

[Константин Китманов]

700ghz, смотря что хотите проверить:)
Если то, что форма содержит правильные поля и уходит на правильный адрес -- то supertest и разбираете результат.
Если нужно проверить, что сервер правильно обрабатывает эту форму -- то просто supertest'ом отправляете POST запрос с ожидаемыми полями.
Если нужно проверить, что юзер, например, может положить товар в корзину или, скажем, оставить запись на форуме -- то e2e.