Как тестировать веб-сайт

Хотите узнать, как проводить тестирование сайта? Здесь вы сможете найти информацию об основных методах тестирования веб-сайта. Мы последовательно пройдём все основные пункты чек-листа тестирования веб-сайта, необходимые для реальной оценки готовности вашего сайта к запуску.

Тестирование, как заключительный этап разработки веб-сайта, играет жизненно важную роль в процессе создания высококачественного программного обеспечения.

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

Основные правила тестирования веб-сайта - это шаги, которые показывают пользователю, насколько сайт прост и логичен, насколько легка и доступна нужная информация.

Чем сложнее ваш сайт, тем больше времени требуется для его проверки и отладки. В зависимости от специфики проекта, до 50% от общего бюджета и временных ресурсов может быть выделено для тестирования веб-сайта.

Для организации тестирования веб-сайта следует разработать специальную методологию, согласно которой и будет осуществляется проверка вашего сайта.

Вы можете проводить тестирование различными способами, но не стоит забывать о самом процессе и стратегии тестирования. От этого зависит последовательность ваших действий.

Итак, давайте рассмотрим основные этапы, которые вы должны пройти, чтобы протестировать свой сайт. Они представлены на картинке внизу.

ТЕСТИРОВАНИЕ САЙТА

 

Поэтапные шаги описанные далее, можно использовать как руководство по тестированию вашего сайта.

Тестирование документации

Мы должны начать с подготовительного этапа, анализируя документацию. Тестер изучает полученную документацию (анализирует определенную функциональность сайта, готовит план дальнейшего тестирования).

На этом этапе анализируются основные артефакты, связанные с тестированием веб-сайта:

  • Требования
  • План тестирования
  • Тест кейсы
  • Матрица соответствий

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

Функциональное тестирование направлено на то, чтобы каждая функция веб-сайта работала в соответствии с требованиями спецификации. Тестирование функциональности веб-сайта показывает «Что делает система».

Попробуем создать чек-лист для тестирования функциональности веб-сайта.

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

Вы должны проверить:

  • Исходящие ссылки
  • Корректность внутренних ссылок
  • Отстутствие ссылок, ведущих к одной странице
  • Ссылки, которые используются для отправки электронной почты админам сайта
  • Есть ли страницы, на которые не указаны ссылки
  • Отсутствие неработающих ссылок

Тестирование форм для всех страниц

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

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

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

Cookies представляют собой небольшие файлы, которые хранятся на компьютере пользователя после посещения веб-страницы.

  • Проверьте сайт с отключенными cookies
  • Проверьте сайт с включенными cookies
  • Убедитесь, что файлы cookies зашифрованы перед записью на компьютер пользователя
  • Проверьте аспекты безопасности при удалении файлов cookies.
  • Если cookies имеют продолжительность действия, то следует проверить, активны ли они в указанный период времени.

HTML / CSS валидация

  • Синтаксические ошибки HTML
  • Убедитесь, что сайт доступен для поисковых машин.
  • Убедитесь, что ваша веб-страница имеет точную карту сайта в формате XML и HTML

Полезные инструменты для проведения функционального тестирования: Selenium, Linux Test Project, JUnit, Sprinter by Hewlett Packard Entreprise (ручное тестирование), Browserstack (ручное и автоматизированное тестирование), Usersnap (ручное тестирование).

Перейдя по этой ссылке, Вы сможете прочитать больше о функциональном тестировании - https://geteasyqa.com/qa/software-testing-types/

Usability тестирование сайта (тестирование удобства использования)

Usability тестирование предназначено для оценки вашей веб-страницы с точки зрения конечного пользователя. Это помогает определить соответствие продукта ожиданиям пользователей, выявляет проблемные места в интерфейсе.

Навигационное тестирование сайта содержит следующие проверки:

  • Все страницы сайта понятны и просты в использовании.
  • Кнопки, формы и поля удобны для использования.
  • Доступ к главному меню осуществляется со всех страниц.

Чек-лист тестирования контента:

  • Отсутствуют грамматические, орфографические ошибки
  • Изображения имеют соответствующие размеры и размещены правильно
  • Проверьте оптимизацию цветовой палитры сайта и размеры шрифтов
  • Контент должен быть информативным, понятным, структурированным и логически связанным
  • Инструкции ясны и содержат правильную информацию

Наконец, чтобы оценить удобство использования вашего веб-портала, просто ответьте на эти вопросы:

  • Является ли ваш сайт понятным и удобным?
  • Удобна ли навигация?
  • Какое впечатление он производит на пользователя?
  • Есть лишние или ненужные вещи?

Полезные инструменты для usability тестирования: User Zoom, Reflector, Loop11.

Больше информации о usability тестировании здесь - https://geteasyqa.com/qa/software-testing-types/

Тестирование UI (интерфейса пользователя)

Тестирование интерфейса пользователя (UI) выполняется для проверки соответствия графического пользовательского интерфейса вашего сайта спецификациям.

Вот некоторые проверки для тестирования интерфейса веб-сайта:

  • Соответствие стандартам графических интерфейсов
  • Оценка элементов дизайна: макет, цвета, шрифты, размеры шрифтов, ярлыки, текстовые поля, форматирование текста, титры, кнопки, списки, значки, ссылки
  • Тестирование с различными разрешениями экрана
  • Тестирование локализированных версий: точность перевода, проверка длины имен элементов интерфейса и т. п.
  • Тестирование графического интерфейса пользователя на целевых устройствах: смартфоны и планшеты.

Полезные инструменты для UI тестирования: FitNesse, iMacros, Coded UI, Jubula, LoadUI.

Больше информации о UI  тестировании здесь - https://geteasyqa.com/qa/software-testing-types/

Тестирование совместимости (конфигурационное тестирование)

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

  • Конфигурация операционной системы
  • Конфигурация браузера
  • Конфигурация базы данных

Кросс-платформенное тестирование сайта позволяет оценивать работу вашего сайта при разных ОС (как десктопных, так и мобильных): Windows, iOS / Mac OS, Linux, Android, BlackBerry и т. д.

Кросс-браузерное тестирование сайта помогает проверить правильность работы сайта в разных конфигурациях браузера: Mozilla Firefox, Google Chrome, Internet Explorer, Opera и т. п.

Тестирование баз данных выполняется для обеспечения правильной работы вашего сайта при разных конфигурациях базы данных: Oracle, DB2, MySql, MSSQL Server, Sybase и т.д.

Совместимость опций печати также следует упомянуть в плане тестирования вашего веб-сайта:

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

Вы можете использовать такие инструменты как BrowserStack, CrossBrowserTesting by Smart Bear, Litmus, Browsera, Rational Clearcase by IBM,  Ghostlab для тестирования совместимости сайта.

По этому адресу Вы найдёте больше информации о конфигурационном тестировании - https://geteasyqa.com/qa/software-testing-types/

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

Тестирование производительности предназначено для определения того, как система работает с точки зрения оперативности и стабильности при определенной нагрузке. Сайт должен выдерживать высокие нагрузки. Методы тестирования производительности веб-сайта содержат:

  • Тестирование поведения сайта на уровне или за пределами его ожидаемой рабочей нагрузки (стресс-тестирование)
  • Тестирование поведения сайта при увеличении рабочей нагрузки (нагрузочное тестирование)
  • Тестирование способности работать в течение или чуть дольше приемлемого периода (тестирование стабильности)
  • Тестирование производительности веб-сайта за счет увеличения объема данных в базе данных (объёмное тестирование)
  • Тестирование производительности веб-сайта, при одновременной логинизации большого количества пользователей (тестирование параллелизма)
  • Тестирование поведения сайта при непрерывной дополнительной нагрузке (тестирование на выносливость)
  • Тестирование скорости загрузки страницы

Полезные инструменты для тестирования производительности: Apache JMeter, HP LoadRunner, Silk Performer from Micro Focus, WebLOAD, Gatling.

Хотите знать больше о тестировании производительности и инструментах, которые используются для этого? Перейдите по этой ссылке -https://geteasyqa.com/blog/top-20-tools-load-testing-2017/

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

Тестирование безопасности выполняется для проверки системы защиты данных и поддержки функционала.

Вы можете имитировать атаку вредоносного источника, чтобы оценить уровень безопасности вашего сайта (тестирование проникновения).

Другой тип тестирования безопасности, тестирование уязвимости, позволяет оценить общий объем вовлеченных рисков.

Некоторые проверки для тестирования безопасности:

  • Обеспечить невозможность несанкционированного доступа к защищенным страницам
  • Автоматическое прекращение проверки сеансов  после длительного простоя пользователя
  • Тестирование функций безопасности SSL
  • Все попытки взлома, сообщения об ошибках и т. п. должны регистрироваться и сохраняться в отдельном файле для дальнейшего анализа.
  • Проверьте работу captcha с помощью автоматических скриптов
  • Убедитесь, что файлы с ограниченным доступом не загружаются без соответствующего разрешения
  • Убедитесь, что при вводе неправильного пароля или имени пользователя нет возможности входа в систему

Полезные инструменты для тестирования безопасности сайта: Retina CS Community, OWASP Zed Attack Proxy, Veracode, Google Nogotofail, SQL Map.

Больше информации о тестировании безопасности Вы сможете найти тут - https://geteasyqa.com/qa/software-testing-types/

Тестирование, связанное с изменениями

Тестирование, связанное с изменениями, имеет две основные цели:

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

Selenium, HP Quick Test Professional,  TestComplete, TestDrive, SoapUI часто используются для тестирования, связанного с изменениями.

Здесь Вы сможете найти больше информации о тестировании, связанном с изменениями - https://geteasyqa.com/qa/software-testing-types/

Тестирование мобильной версии сайта

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

Вот несколько советов для того, чтобы сделать ээфективным тестирование сайта на мобильных устройствах:

  • Проверьте совместимость со смартфонами и планшетами
  • Убедитесь, что навигация по сайту максимально проста
  • Оптимизируйте время загрузки вашего сайта
  • Убедитесь, что кнопки имеют достаточный размер для людей с большим пальцем
  • Оптимизируйте размер всех изображений
  • Не используйте Flash и всплывающие окна
  • Используйте маркеры и короткие предложения
  • Убедитесь, что ваш номер телефона может быть набран с помощью одного клика
  • Убедитесь, что веб-сайт может получить доступ к вашему местоположению через GPS

Полезные инструменты для тестирования мобильной версии сайта - BrowserStackPerfecto Mobile Continuous Quality LabWindows Phone EmulatorAndroid Studio emulatorGoogle's Mobile-Friendly TestGoogle’s Page Speed Online.

Узнайте больше о мобильном тестировании и его инструментах- https://geteasyqa.com/qa/test-website-mobile/

Бета-тестирование

Бета-тестирование - заключительная предварительная стадия тестирования. Как правило, это делают конечные пользователи, которые не являются сотрудниками компании.

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

Такие инструменты, как HockeyApp, Ubertesters, и TestFlight, являются всемирно используемыми платформами для бета-тестирования.

Теперь, когда мы рассмотрели основные этапы процесса тестирования веб-сайта, давайте попробуем найти баг и сообщить об этом с помощью одного из реальных инструментов веб-тестирования, расширения для браузера EasyQA Chrome Extension.

Как проводить тестирование сайта с помощью EasyQA Chrome Extension

EasyQA Chrome Extension позволяет создать баг репорт с вашего веб-сайта или веб-приложения, не тратя время на отправку информации,помогает в кратчайший срок начать работу по исправлению бага.

Использовать EasyQA Chrome Extension для работы с багами очень просто. Всё, что вам нужно сделать, это:

  • Создайте токен для Вашего Проекта
  • Установите EasyQA Chrome Extension в свой браузер
  • Залогиньтесь (по желанию).

Основные возможности EasyQA Chrome Extension:

  • Возможность репортить баг непосредственно с вашего веб-сайта или веб-приложения
  • Возможность создания баг репорта как для зарегистрированных, так и  для незарегистрированных пользователей
  • Создание скриншотов
  • Видеозапись обнаруженных багов
  • Подготовка и отправка баг репорта в иллюстрированной форме

Перейдя по этой ссылке https://geteasyqa.com/ru/sdk/extension-for-chrome/, вы сможете найти полное руководство по установке и использованию EasyQA Chrome Extension.

Надеюсь, прочитав эту статью, Вы должны найти ответы на вопрос «как проводить тестирование сайта ». Подробнее о вопросах, касающихся QA, читайте здесь https://geteasyqa.com/ru/blog/ Может быть, у Вас все еще остались вопросы. Пожалуйста, оставьте их в комментариях ниже. Наша команда  с радостью ответит на них. Кроме того, здесь вы можете поделиться своим мнением с коллегами и всеми, кто интересуется QA.