Основной чек-лист тестирования сайта | Создание сайтов

Верстка

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

Если в ТЗ не оговорено обратное, то вся верстка тестируется в двух последних версиях всех популярных браузеров, а так же на мобильных устройствах(телефон, планшет). Желательно и iOS, и Android, хотя допускается, что единомоментно будет сложно найти и то, и другое. Допустимо тестировать адаптивность с помощью инструментов разработчика в десктопных версиях браузеров.

Должен быть исполнен стандарт верстки сайтов.
Открыть верстку во всех оговоренных браузерах, и удостовериться, что работают все динамические элементы и нет явных ошибок отображения. В том случае, если верстка делалась по макету, проверить на соответствие без «ловли пикселей».
Тестировать адаптивность, искать ошибки отображения, проверять доступность навигации и всех видимых элементов управления для пользователя с мобильного устройства.
Отсутствие горизонтального скролла.
Установлен DOCTYPE.
Проверить наличие и правильность meta viewport(минимально width=device-width, initial-scale=1.0, но в отдельных случаях могут быть дополнения).
Google Page Speed — на верстке не должно быть ошибок совсем, на готовом сайте допускаются небольшие ошибки, но сайт должен оставаться в зеленой зоне и для мобильных, и для десктопов.
HTML-валидация, но без фанатизма. Оправданные ошибки допускаются.
https://validator.w3.org/i18n-checker/.
Нет ошибок JS в консоли браузера.
Корректная работа при вбивании реального текста в любые текстовые блоки, заголовки, списки, таблицы.
Все ссылки легко различимы и имеют заметное focus-состояние.
Отсутствие ошибок отображения при увеличенном шрифте.
HTML5 формы.
Удаление необязательных блоков не приводит к ошибкам отображения. Например, в дизайне предусмотрено промо-изображение на главной на всю ширину экрана, удаление такого изображения не должно сломать верстку.
Элементы, реагирующие на нажатие, реагируют и на наведение курсора.
Наличие версии для печати. Она должна быть корректна, читабельна и информативна.
Готовый сайт показать дизайнеру для тестирования красоты, что в процессе ничего не испортили и не потеряли. (Важно!!! делается только на этапе открытия нового сайта)

Функционал готового сайта

Если разработка велась по техническому заданию, то в первую очередь протестировать на соответствие ТЗ.

Содержимое

Нет ошибок Русского языка.
Удалены рыбные тексты.
На всех страницах есть контент.
Картинки, видеофайлы, аудиофайлы доступны и корректно отображаются/проигрываются.
Наличие политики конфиденциальности и подтверждения согласия на обработку персональных данных от пользователей при сборе любых данных.
Наличие фавикона. https://realfavicongenerator.net/
Наличие иконок для мобильных устройств. https://realfavicongenerator.net/ http://www.kylejlarson.com/blog/adding-an-icon-for-iphone-ipad-android-to-your-website/
Наличие ошибки 404, и она отдает правильный http-код.
Наличие копирайтов владельцев сайта.
Наличие и корректность контактных данных.
Схема проезда на основе Яндекс.Карт.
На номере телефона ссылка tel.
Наличие копирайтов Cetera Labs и ссылки на сайт cetera.ru, если договором это не запрещено.
Наличие ссылки Сообщить об ошибке.
Выполняются требования стандарта публикации для основных текстовых страниц сайта. Не принимаются во внимание статьи (особенно SEO-статьи), новости, товары.
Нарисован шаблон баннеров в т.ч. для https://kb.cetera.ru/docs/design/createbanner.
Форматирование текстов и их стиль единообразны.

Функционал

Проверить сайт на битые ссылки.
Доступность всех страниц сайта из навигации главной и побочной.
Ссылка на открытую страницу подсвечена в меню.
Логотип ведет на главную страницу.
Постраничная навигация работает корректно (есть подсветка активной страницы, она не является ссылкой; страницы переключаются корректно).
Сайт с доменом второго уровня доступен по адресу с www и без.
Наличие поиска и его работоспособность.
Наличие карты сайта. Должна покрывать все страницы сайта.
Наличие ссылки на главную страницу(логотип или явная ссылка).
Наличие и работоспособность хлебных крошек, если предусмотрено дизайном.
ЧПУ (для старых сайтов не следует менять урлы).
Наличие заголовка h1 на всех страницах.
Заполнен тег title на всех страницах.
Создаётся sitemap.xml, есть robots.txt.
Все формы на сайте должны быть протестированы на предмет работоспособности, корректности ответов, обработки ошибок. Скорее всего результаты работы форм должны сохраняться в БД сайта, а так же должны отправляться письма владельцам о результатах заполнения. Если это предусмотрено и требовалось, то должно работать корректно.
Корректно работают иконки и виджеты социальных сетей.
Корректно работает отправка почты с сайта и настроены email шаблоны.
Геозависимый контент выдается корректно (проверять с помощью прокси, например: http://foxtools.ru/Proxy)
Протестирована и корректно работает прочая функциональность на сайте. При выполнении этого пункта руководствуемся ТЗ, исходной задачей на разработку, комментариями разработчика и/или здравым смыслом.
Правильно настроен HTTPS.
Отсутствие ошибок в логах сервера.
Отсутствие ошибок во встроенных средствах самоконтроля CMS.
В корне сайта нет посторонних скриптов, папок, backup'ов или дампов, phpmyadmin, phpinfo и прочего.

Интеграция с внешними системами

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

Безопасность и быстродействие

Нет визуальных проблем с быстродействием.
Установлены последние версии используемых CMS, фреймворков, библиотек.
Настроено резервное копирование.
Подключен к системе мониторинга, настроены email/SMS уведомления о неработоспособности сайта/сервера (оперативное оповещение о перебоях в работе сайта).
После запуска не наблюдается проблем в мониторинге.
Нет ли у посторонних пользователей доступа к служебным/секретным/закрытым страницам директориям и файлам сайта.
Выполнены требования Google Page Speed и Pingdom полностью или близко к этому(сайт находится в зеленой зоне и на мобильных, и на десктопах).
Во встроенных функциях мониторинга CMS нет проблем со скоростью работы.
Во встроенных функциях мониторинга CMS нет проблем с безопасностью.