Untitled


Отличительная черта наших проектов — это красота и удобство использования. С моей фамилией по другому нельзя ;) Всё дело в деталях, ни одна мелочь при разработке и тестирование не остаётся без внимания.

Мы контролируем качество на каждом этапе, поэтому тестирование не менее важно, чем разработка. Есть две новости: плохая и хорошая.

Плохая: не было ещё в истории интернета такого сайта, на котором не нашлось бы ни единой ошибки после запуска. И твой не будет исключением, просто прими этот факт.

Хорошая: на этапе финальной подготовки и тестирования можно сократить количество багов и недоработок до минимума.

Мы проводим ручное и автоматическое тестирование на наличие ошибок в коде, на удобство работы с сайтом и на безопасность. Чтобы ничего не забыть, я бы был не я, если бы не подготовил чек-лист из 11 пунктов в отдельной карточке Asana.

Тут у нас 3 раздела, Верстка, Программирование и Безопасность. Поехали по порядку.

Тут у нас 3 раздела, Верстка, Программирование и Безопасность. Поехали по порядку.

Тестирование сайтов / лендингов, очень кропотливый процесс, тут необходимы внимательность, перфекционизм и терпение.

Если ты обладаешь всеми этими качествами, то тебе уже будет легче интегрироваться в процесс, если нет, то тоже не стоит расстраиваться, поскольку эти навыки шикарно прокачиваются. :)

Предположим, у нас есть сайт для тестирования, с чего же начать...

ВЕРСТКА (FRONTEND)

Соответствие макетам

Иногда бывает так, что макет дизайнера — это одна реальность, а работа верстальщика — совершенно другая. Разумеется, так быть не должно, поэтому ориентируйся на стандарт Pixel Perfect. Задача тестировщика, проверить все страницы сверстанного сайта и убедится, что все попапы, формы, табы и дропдауны наполнены, а не просто размножены. Часть контента в процессе подготовки макетов мы добавляем в виде комментариев в Figma, нужно проверить, чтобы эту информацию тоже не пропустили.

Инструкция:


  1. Открыть сайт, который мы собираемся протестировать.
  2. Открыть макет в Figma (или любой другой ресурс, на котором у вас выполнен макет),
  3. Обратить внимание на количество страницы в макете, сравнить это количество с реализацией ("Точное не забыли про страницу с политикой конфиденциальности?:)" ).
  4. Выполнить сравнение текстового наполнения: