Возможно ли TDD при разработке frontend? Или нужно елозить мышкой в браузере весь день?

Question

[700ghz]

TDD API - все просто: HTTP запрос, проверил возвращенный json, все ок.

TDD front-end? (мука фронтендищка)
1. изменил код
2. livereload сработал
3. делаем КУЧУ щелчков мышкой в браузере, чтобы увидеть результат (нажать на компонент, окрыть спипсок и т.д.)

Можно ли как то оптимизировать рутину в пункта 3.?
Или фронтендер обречен елозить мышкой в браузере весь день?

Спасибо :)

UPDATE:
А может сначала написать e2e тест, а потом писать CSS и HTML? Есть такая практика?

Comments

[Антон Спирин]

Не уверен, что вы понимаете, что такое TDD.

Разработка через тестирование.

[Сергей Горностаев]

Антон Спирин, уверен, что не понимает.

[700ghz]

Разработка через тестирование:
пишем тест
пишем фичу
запускаем Test
Фиксим фичу
запускаем Test
Полируем код

Answer 1

[profesor08]

"karma": "^4.0.0",
"karma-browserstack-launcher": "^1.4.0",
"karma-chrome-launcher": "^2.2.0",
"karma-coverage": "^1.1.2",
"karma-mocha": "^1.3.0",
"karma-remap-coverage": "^0.1.5",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^3.0.5",

Comments

[profesor08]

pygame, вот не надо писать глупости. У данных вещей есть конкретные задачи, которые они решают.