Тестирование веб-приложений: как тестировать веб-сайт? Типы тестирования
Томас Гамильтон
⚡ Умное резюме
Тестирование веб-приложений проверяет функциональность, удобство использования, интерфейс, базу данных, совместимость, производительность, безопасность и пользовательский опыт веб-сайта перед его выпуском, поэтому дефекты выявляются на тестовом сервере, а не перед пользователями, оплатившими подписку.
Прежде чем мы перейдем к более подробному описанию типов веб-тестирования, давайте кратко определим, что такое веб-тестирование, и посмотрим, какое место оно занимает в цикле разработки.
Что такое тестирование веб-приложений?
Тестирование веб-приложенийТестирование веб-приложений, или веб-сайтов, — это проверка вашего веб-приложения или веб-сайта на наличие потенциальных ошибок до того, как оно будет запущено и станет доступно широкой публике. Тестирование веб-приложений проверяет функциональность, удобство использования, безопасность, совместимость и производительность веб-приложения или веб-сайта.
На этом этапе проверяются такие вопросы, как безопасность веб-приложения, функционирование сайта, его доступность для пользователей с ограниченными возможностями, а также для обычных пользователей, и его способность обрабатывать трафик.
Веб-сайт — это не одна программа. Это набор инструментов: HTML, CSS и JavaСкрипт в браузере, плюс API а также базы данных на сервере. Слой, который проходит проверку самостоятельно, может все еще давать сбой, как только он взаимодействует со своим соседом, поэтому для веб-тестирования необходимы дополнительные методы.
Типы веб-приложений, которые необходимо тестировать
Прежде чем выбирать методы, определите существующую архитектуру. Структура определяет, где концентрируются дефекты и как распределяются усилия между клиентом и сервером.
| Archiтекстура | Как он себя ведет | Что это значит для тестирования? |
|---|---|---|
| Одностраничное приложение (SPA) | Загрузка происходит один раз, затем изображение обновляется без полной перезагрузки страницы. Gmail Работает вот так. | Большая часть логики передается в браузер: фокус на JavaСостояние скрипта, динамический рендеринг и клиентские сессии. |
| Многостраничная заявка (MPA) | Многие страницы доступны по отдельному маршруту. URLОтображается на стороне сервера. Распространено на сайтах электронной коммерции и новостных сайтах. | Пути навигации умножаются: протестируйте каждый маршрут, форму и перенаправление от начала до конца. |
| Прогрессивное веб-приложение (PWA) | Работает как нативное приложение, используя сервис-воркеры, манифест и оболочку приложения. | Добавьте возможность работы в автономном режиме, обработку устаревших файлов, push-уведомления и запросы на установку. |
В большинстве товаров встречаются изделия с сочетанием этих узоров. Уточните, с каким именно узором вы имеете дело, а затем воспользуйтесь восемью описанными ниже методами.
Как протестировать веб-приложение или веб-сайт
В области разработки программного обеспечения в зависимости от ваших требований к веб-тестированию могут выполняться следующие типы/методы тестирования.
Каждый метод можно запускать вручную или с помощью скрипта, и такой выбор приводит к увеличению затрат по сравнению с охватом.
| Аспект | Ручное тестирование | Автоматическое тестирование |
|---|---|---|
| Наиболее подходит для | Юзабилити и разведочный проверки | Регрессионный анализ, кроссбраузерный анализ, нагрузочные испытания |
| Скорость при повторных заездах | Медленно; усилие повторяется в каждом цикле. | Быстро; повторный показ сериала по запросу. |
| Профиль затрат | Низкая первоначальная цена, повышается с каждым релизом. | Более высокая первоначальная стоимость, затем поддержка скрипта. |
1. Тестирование функциональности веб-сайта
Тестирование функциональности веб-сайта — это процесс, который включает в себя несколько параметров тестирования, таких как пользовательский интерфейс, API, тестирование базы данных, тестирование безопасности, тестирование клиентов и серверов, а также базовые функции веб-сайта. Функциональное тестирование очень удобно и позволяет пользователям выполнять как ручное, так и автоматическое тестирование. Он выполняется для проверки функциональности каждой функции веб-сайта.
В число мероприятий по веб-тестированию входят:
Тест ВСЕ связи на ваших веб-страницах работают правильно и убедитесь, что нет неработающих ссылок. Ссылки, подлежащие проверке, будут включать:
- Исходящие ссылки
- Внутренние ссылки
- Anchor Ссылки
- MailК ссылкам
Тестовые формы работают как положено. Это будет включать в себя-
- Проверки сценариев в форме работают должным образом. Например, если пользователь не заполняет обязательное поле в форме, отображается сообщение об ошибке.
- Проверьте, заполняются ли значения по умолчанию
- После отправки данные в формах передаются в действующую базу данных или привязываются к рабочему адресу электронной почты.
- Формы оптимально отформатированы для лучшей читаемости.
Тестовые файлы cookie работают как положено. Файлы cookie — это небольшие файлы, используемые веб-сайтами для запоминания активных сеансов пользователей, поэтому вам не нужно входить в систему каждый раз, когда вы посещаете веб-сайт. Тестирование файлов cookie будет включать в себя
- Тестовые файлы cookie (сессии) удаляются либо при очистке кэша, либо по истечении срока их действия.
- Удалите файлы cookie (сессии) и проверьте, запрашиваются ли учетные данные для входа при следующем посещении сайта.
Тестируйте HTML и CSS чтобы поисковые системы могли легко сканировать ваш сайт. Это будет включать
- Проверка синтаксических ошибок
- Readable Цветовые схемы
- Стандартное соответствие. Обеспечьте соблюдение таких стандартов, как W3C, OASIS, IETF, ISO, ECMA или WS-I.
Тестирование бизнес-процесса– Сюда войдет
- Тестирование сквозных рабочих процессов/бизнес-сценариев, которые проводят пользователя через серию веб-страниц для завершения.
- Также протестируйте негативные сценарии, например, когда пользователь выполняет неожиданный шаг, в вашем веб-приложении отображается соответствующее сообщение об ошибке или справка.
Инструменты, которые можно использовать: QTP , IBM Рациональный, Selenium
2. Юзабилити-тестирование
Тестирование юзабилити теперь стал жизненно важной частью любого веб-проекта. Может быть выполнено тестировщиками как ты или небольшая фокус-группа аналогично целевой аудитории веб-приложения.
Тест сайт Навигация:
- Меню, кнопки или ссылки на разные страницы вашего сайта должны быть легко видимыми и одинаковыми на всех веб-страницах.
Тест Контент:
- Содержание должно быть разборчивым, без орфографических и грамматических ошибок.
- Изображения, если они есть, должны содержать альтернативный текст.
Инструменты, которые можно использовать: Мел, Контентквадрати Кликспи
3. Тестирование интерфейса
После того, как функциональность и удобство использования будут проверены, убедитесь, что лежащие в их основе уровни взаимодействуют друг с другом. Для тестирования следует рассмотреть три области: приложение, веб-сервер и сервер баз данных.
- Применение: Тестовые запросы правильно отправляются в базу данных, и выходные данные на стороне клиента отображаются правильно. Ошибки, если таковые имеются, должны обнаруживаться приложением и показываться только администратору, а не конечному пользователю.
- веб-сервер: Тестовый веб-сервер обрабатывает все запросы приложений без каких-либо отказов в обслуживании.
- Сервер баз данных: Убедитесь, что запросы, отправленные в базу данных, дают ожидаемые результаты.
Тест реакции системы когда связь между тремя слоями (Приложение, Интернет и база данных) не может быть установлено и соответствующее сообщение отображается конечному пользователю.
Инструменты, которые можно использовать: Ранорекс
4. Тестирование базы данных
База данных является одним из важнейших компонентов вашего веб-приложения, и необходимо приложить все усилия, чтобы тщательно ее протестировать. Мероприятия по тестированию будут включать в себя:
- Проверьте, отображаются ли какие-либо ошибки при выполнении запросов.
- Данные Integrity сохраняется при создании, обновлении или удалении данных в базе данных.
- Проверьте время ответа на запросы и при необходимости настройте их.
- Тестовые данные, полученные из вашей базы данных, точно отображаются в вашем веб-приложении.
Инструменты, которые можно использовать: QTP, Selenium
5. Тестирование совместимости
Тестирование на совместимость гарантирует корректное отображение и работу вашего веб-приложения на различных устройствах. Это включает в себя:
Тест совместимости браузера: Один и тот же веб-сайт в разных браузерах будет отображаться по-разному. Вам нужно проверить, правильно ли отображается ваше веб-приложение в разных браузерах, JavaСкрипт, AJAX и аутентификация работают нормально. Вы также можете проверить Mobile Совместимость с браузером.
Отображение веб-элементов, таких как кнопки, текстовые поля и т. д., меняется с изменением Operating System. Убедитесь, что ваш веб-сайт отлично работает при различных сочетаниях Operaтинговые системы, такие как Windows, Linux, Mac и браузеры, такие как Firefox, Internet Explorer, Safari и т. д.
Инструменты, которые можно использовать: Dynatrace
6. Тестирование производительности
Это обеспечит работоспособность вашего сайта при любых нагрузках. Тестирование будет включать, помимо прочего, следующее:
- Время ответа веб-приложения на разных скоростях соединения
- Нагрузочное тестирование вашего веб-приложения, чтобы определить его поведение при нормальных и пиковых нагрузках.
- Стресс-тест вашего веб-сайта, чтобы определить его точку останова при превышении нормальной нагрузки в часы пик.
- Проверьте, происходит ли сбой из-за пиковой нагрузки, как сайт восстанавливается после такого события
- Убедитесь, что методы оптимизации, такие как сжатие gzip, кэш браузера и сервера, включены для сокращения времени загрузки.
Инструменты, которые можно использовать: Loadrunner, JMeter
7. Тестирование безопасности
Тестирование безопасности жизненно важен для веб-сайтов электронной коммерции, на которых хранится конфиденциальная информация о клиентах, например кредитные карты. Мероприятия по тестированию будут включать в себя:
- Тестовый несанкционированный доступ к защищенным страницам не должен быть разрешен.
- Файлы с ограниченным доступом нельзя загружать без соответствующего доступа.
- Сеансы проверки автоматически закрываются после длительного бездействия пользователя.
- При использовании сертификатов SSL веб-сайт должен перенаправляться на зашифрованные страницы SSL.
Intruder
Intruder — это мощный сканер уязвимостей, который поможет вам обнаружить множество слабых мест, скрывающихся в ваших веб-приложениях и базовой инфраструктуре. Предлагая лучшие в отрасли проверки безопасности, непрерывный мониторинг и простую в использовании платформу, Intruder защищает предприятия любого размера от хакеров.
Особенности
- лучшее в своем классе покрытие угроз с более чем 10,000 XNUMX проверок безопасности
- Проверяет слабые места конфигурации, отсутствующие исправления, слабые места приложений (такие как внедрение SQL и межсайтовый скриптинг) и многое другое.
- Автоматический анализ и приоритезация результатов сканирования
- Интуитивно понятный интерфейс, быстрая настройка и запуск первых сканирований
- Превентивный мониторинг безопасности на предмет новейших уязвимостей
- AWS, Azure и Google Cloud разъемы
- Интеграция API с вашим конвейером CI/CD
8. Массовое тестирование
Вам предстоит выбрать большое количество людей (группу экспертов) для выполнения тестов, которые в противном случае были бы выполнены небольшой внутренней группой. Краудсорсинговое тестирование — это интересная и перспективная концепция, которая помогает выявлять многие незамеченные дефекты.
Инструменты, которые можно использовать: Платформа массового тестирования
Процесс тестирования веб-приложений: пошаговое описание
Восемь описанных методов подскажут, что именно нужно проверить. Процесс, описанный ниже, покажет, когда их следует применять.
- Соберите и уточните требования. Перечислите, что должно делать приложение и как оно должно себя вести. Неоднозначные требования порождают непроверяемые ожидания, поэтому сначала уточните их. Этот шаг позволяет вписать веб-тестирование в более широкий контекст. жизненный цикл тестирования программного обеспечения.
- Составьте план тестирования. Определите, какие методы применимы, кто будет их использовать, какие инструменты необходимы и в какие сроки. План — это ваша дорожная карта и ваша оценка.
- Разработайте тестовые примеры. Преобразуйте каждое требование в конкретные шаги с ожидаемыми результатами, охватывающие как «благоприятный сценарий», так и негативные ситуации, которые пользователи могут случайно вызвать.
- Настройте тестовую среду. Максимально точно воспроизводите производственный процесс, насколько позволяет бюджет: те же пары браузеров и операционных систем, сопоставимые объемы данных, реалистичная скорость сети.
- Выполните тесты. Запустите тестовые сценарии, сравните фактические результаты с ожидаемыми и сделайте снимки экрана, запишите вывод консоли и журналы сервера, пока сбой еще воспроизводится.
- Отчет и track дефектов. Зарегистрируйте каждый случай, указав шаги для воспроизведения и приоритет, затем повторно протестируйте после исправления и убедитесь, что ничего поблизости не сломалось.
- Замкнуть цикл. Составьте сводный отчет о тестировании, в котором укажите, что было протестировано, что было обнаружено, что остается нерешенным и что нужно улучшить, а затем утвердите его для выпуска.
⚠️ Составляйте расписание, а не только расписание тестов: Тестирование веб-приложений — трудоемкий процесс, и первым препятствием становится давление сроков, за которым следуют многократные изменения кода, делающие готовую работу недействительной. Определите каждую задачу на шаге 2 и составьте на ее основе график работы.
