Этапы тестирования сайта QA специалистом

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

Функциональное тестирование

На этом этапе тестируются все функциональные требования программного продукта, работа ссылок, кнопок, и тд. Проверка работоспособности форм, добавление, удаление, и управление контентом, на страницах портала. Проверяется соответствует ли функционал заявленным требованиям в ТЗ.

Тестирование верстки

Проверяем последовательно:

• Расположение элементов, соответствуют ли они своим макетам (perfect pixel)
• Оптимизацию графических изображений (base64 для маленьких картинок, icon to font)
• Валидность кода
• Кроссбраузерность и разные размеры экрана, от 320px ( проверяем все возможные браузеры последних версий, на момент написания статьи это IE 10+, ms Edge, Opera, Safari, Chrome)

Usability Testing

Проводиться тестирование удобности сайта, тестирование шагов (к примеру где то может быть слишком запутанная структура, не очевидная для юзера) после обсуждения аспектов неудобства и одобрения PM'ом создаются задачи на их исправление 

Тестирование безопасности и производительности 

• Проверка доступа к закрытым страницам
• Проверка доступа к закрытым методам
• Проверка скорости загрузки страниц

Создание задач

На все найденные ошибки создаются задачи в системе баг трекинга, и  проводится повторное тестирование по результатам их закрытия разработчиками.

Пример описания задачи:

Action

Нажатие кнопки "Редактировать город"  на странице города

Expected Result​

Должна появиться форма редактирования города

Test Result ​

Ничего не происходит, в dev console появляется ошибка, текст ошибки:

Вот и весь перечень этапов который поможет QA протестировать продукт на баги, помните главное внимание к деталям.