Как профессионально протестировать фронтенд?

Question

[DrunkMaster]

Стоит задача проверить сайт во всех браузерах начиная с IE 11 примерно, на всех разрешениях экранов, смартфонах.

1. Есть ли какой-то чек-лист, что искать и тестировать на сайте по функционалу, логике и вёрстке? Что бы ничего не упустить.
2. Какие инструменты в этом могут помочь?

Comments

[sim3x]

Берете ТЗ и проходитесь по пунктам

[Сергей delphinpro]

По верстке вам уже накидали ссылок.
Что касается функционала, то на небольших проектиках все проще сделать вручную. Да, возможно, что-то упустишь, придется допиливать. Но разворачивать и настраивать полноценное тестирование js-логики на каждый вшивый сайтик — нафиг надо (причём как и вам тратить время, так и вашему заказчику оплачивать это время).

Ну а вообще, конечно, есть варианты, знать надо, пригодится на серьезных проектах https://yandex.ru/search/?text=тестирование%20java...

Answer 1

[Дмитрий Грабко]

https://www.browserstack.com/

Answer 2

[itsjustmypage]

Чек-листы вёрстки
https://frontendchecklist.io/
https://github.com/thedaviddias/Front-End-Checklist
https://habr.com/post/114256/
https://habr.com/post/319664/

Неплохие ответы по "как вы тестируете вёрстку"
Как тестировать верстку?

Можно ещё добавить проверку в DevTools LightHouse (встроен в хром) и линтеры при сборке.

А вообще инструментов полно, но не все популярны. А проверять нужно чуть больше, чем визуальную составляющую.

Comments

[Сергей delphinpro]

Еще больше чек-листов по верстке