ТЕСТИРОВАНИЕ ВЕБ-ПРОЕКТОВ: ОСНОВНЫЕ ЭТАПЫ И СОВЕТЫ
👾 Тестирование играет жизненно важную роль в процессе разработки и создания качественного ПО. Необходимо серьезно относиться к анализу и проектированию структурированного процесса, который обеспечит своевременный и успешный выпуск проекта.
Важно помнить, что доверие пользователей очень просто потерять, и исправить совершенные ошибки может стоить дороже, чем изначально произвести полную подготовку и тестирование.
Этапы тестирования веб-проектов:
Подготовительный этап и изучение документации.
В данный этап входит анализ технического задания; изучение конечных макетов;тест кейсов;матрицы соответствия (для валидации покрытия требований по продукту тестами) и составление плана тестирования.
🎃 Тестирование верстки.
Визуальная часть:
- неверное отображение блоков, составляющих интерфейса, не состыковки цветовой гаммы;
- тестирование локализованных версий (перевод сайта);
- соответствие макету;
- при уменьшении/увеличении масштабов (75–150%) без визуальных недочетов;
- подсвечивание полей с ошибками;
- проверка в разрешениях (+прокрутка);
Проверить можно так: FirefoxMenu –> Инструменты –> Веб-разработчик –> Адаптивный дизайн или Resolution Test Plugin в Chrome.
Доступность и отсутствие JS ошибок:
- нажимаются ли кликабельные элементы (внутренние/внешние ссылки, ссылки на электронную почту, кнопки, иконки);
- при наведении на кликабельные изменяется курсор, иначе – нет;
- подсказки на непонятных кликабельных элементах;
- при отключении изображений должны быть подписи небольшим серым цветом (в Web Developer –> Images –> Replace Image With Alt Attributes);
- работоспособность при выключенном JS. Критические функции должны быть доступны без JS (в Web Developer –> Disable –> Disable JS –> All JS)
Корректная работа, надежная верстка:
- проверка работы с данными (введение большого и малого количества текста в форму; блоки с контентом меняются местами (Firebug (HTML –> Edit)));
- проверка работы стилей (введение текста с заголовками, с абзацем и без, с картинками).
404-е запросы:
- нет ли 404-х ошибок (Firefox –> Tools –> Validate links)
🎃 Функциональное тестирование.
Вид тестирования, при котором выявляется некорректная/неправильная работа функционала программы.
Необходимыми проверками являются:
- корректность работы главных функций сайта;
- переход по ссылкам;
- проверка пользовательских форм (валидация полей, обязательные/необязательные поля, уведомления об ошибках при неверном вводе, добавление комментариев в блог, обратная связь);
- поиск и покупка товара, оформление заказа;
- сверка переданного заказчиком контента с имеющимся на сайте;
- проверка возможной авторизации/регистрации;
- добавление, удаление и редактирование данных пользователей, товаров и заказов.
Ad-hock тестирование — импровизационное тестирование без подготовки.
Помогает понять: понятно ли назначение форм;
- отмечены ли обязательные поля и все ли обязательные поля отмечены;
- встроена ли обязательная проверка заполненных форм;
- происходит ли проверка правильности ввода контактных данных.
Из достоинств данного тестирования можно выделить:
- достаточно быстрое знакомство с системой;
- специфические неисправности;
- массу вопросов и предложений;
- экономию времени.
Негативное тестирование, обычно называемое тестированием пути ошибок или тестированием на сбой, это процесс применения как можно большего количества креативных подходов и проверки приложения на предмет неверных данных. Его предназначение состоит в том, чтобы проверить, показываются ли ошибки пользователю, где они могут быть, или обрабатывать неправильные значения более изящно. Проводится для обеспечения стабильности приложения.
Эквивалентные тесты – это тесты, которые приводят к одному и тому же результату. Группа тестов представляет собой класс эквивалентности, при выполнении следующих условий:
👾 Тестирование играет жизненно важную роль в процессе разработки и создания качественного ПО. Необходимо серьезно относиться к анализу и проектированию структурированного процесса, который обеспечит своевременный и успешный выпуск проекта.
Важно помнить, что доверие пользователей очень просто потерять, и исправить совершенные ошибки может стоить дороже, чем изначально произвести полную подготовку и тестирование.
Этапы тестирования веб-проектов:
Подготовительный этап и изучение документации.
В данный этап входит анализ технического задания; изучение конечных макетов;тест кейсов;матрицы соответствия (для валидации покрытия требований по продукту тестами) и составление плана тестирования.
🎃 Тестирование верстки.
Визуальная часть:
- неверное отображение блоков, составляющих интерфейса, не состыковки цветовой гаммы;
- тестирование локализованных версий (перевод сайта);
- соответствие макету;
- при уменьшении/увеличении масштабов (75–150%) без визуальных недочетов;
- подсвечивание полей с ошибками;
- проверка в разрешениях (+прокрутка);
Проверить можно так: FirefoxMenu –> Инструменты –> Веб-разработчик –> Адаптивный дизайн или Resolution Test Plugin в Chrome.
Доступность и отсутствие JS ошибок:
- нажимаются ли кликабельные элементы (внутренние/внешние ссылки, ссылки на электронную почту, кнопки, иконки);
- при наведении на кликабельные изменяется курсор, иначе – нет;
- подсказки на непонятных кликабельных элементах;
- при отключении изображений должны быть подписи небольшим серым цветом (в Web Developer –> Images –> Replace Image With Alt Attributes);
- работоспособность при выключенном JS. Критические функции должны быть доступны без JS (в Web Developer –> Disable –> Disable JS –> All JS)
Корректная работа, надежная верстка:
- проверка работы с данными (введение большого и малого количества текста в форму; блоки с контентом меняются местами (Firebug (HTML –> Edit)));
- проверка работы стилей (введение текста с заголовками, с абзацем и без, с картинками).
404-е запросы:
- нет ли 404-х ошибок (Firefox –> Tools –> Validate links)
🎃 Функциональное тестирование.
Вид тестирования, при котором выявляется некорректная/неправильная работа функционала программы.
Необходимыми проверками являются:
- корректность работы главных функций сайта;
- переход по ссылкам;
- проверка пользовательских форм (валидация полей, обязательные/необязательные поля, уведомления об ошибках при неверном вводе, добавление комментариев в блог, обратная связь);
- поиск и покупка товара, оформление заказа;
- сверка переданного заказчиком контента с имеющимся на сайте;
- проверка возможной авторизации/регистрации;
- добавление, удаление и редактирование данных пользователей, товаров и заказов.
Ad-hock тестирование — импровизационное тестирование без подготовки.
Помогает понять: понятно ли назначение форм;
- отмечены ли обязательные поля и все ли обязательные поля отмечены;
- встроена ли обязательная проверка заполненных форм;
- происходит ли проверка правильности ввода контактных данных.
Из достоинств данного тестирования можно выделить:
- достаточно быстрое знакомство с системой;
- специфические неисправности;
- массу вопросов и предложений;
- экономию времени.
Негативное тестирование, обычно называемое тестированием пути ошибок или тестированием на сбой, это процесс применения как можно большего количества креативных подходов и проверки приложения на предмет неверных данных. Его предназначение состоит в том, чтобы проверить, показываются ли ошибки пользователю, где они могут быть, или обрабатывать неправильные значения более изящно. Проводится для обеспечения стабильности приложения.
Эквивалентные тесты – это тесты, которые приводят к одному и тому же результату. Группа тестов представляет собой класс эквивалентности, при выполнении следующих условий: