Разработка стратегии тестирования веб - приложения «Ситилинк»

1.

РАЗРАБОТКА СТРАТЕГИИ
ТЕСТИРОВАНИЯ ВЕБ-ПРИЛОЖЕНИЯ
«СИТИЛИНК»
ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА
Выполнил:
В.А. Щукин
Доцент каф. АОИ, к. т. н.
Ю.В. Морозова
29.05.2024

2.

Цель работы
Целью работы является разработка стратегии, разделение функционала,
расстановка приоритетов для проведения и анализа результатов тестирования
веб-приложения «СИТИЛИНК».
1. Планирование и составление интеллект-карты;
2. Тестирование основанного функционала;
3. Проведение функционального тестирования;
4. Проведение нефункционального тестирования;
5. Проведение автоматизированного тестирования;
6. Составление отчета о результатах тестирования.
Область применения разработки стратегии тестирования веб-приложения
«Ситилинк» является оценка производительности приложения и нахождению
ошибок в работе сайта.
2

3.

Объект тестирования
Специфика деятельности работы «СИТИЛИНК» связана с продажей и обслуживанием электроники.
Компания имеет разветвленную сеть точек продаж, а также возможности реализации товара через интернетмагазины.
3

4.

Стратегия тестирования и требования к
веб-приложению
Тестирования проводится по методу «Черного ящика».
Реализованы
такие
виды
тестирования
как
функциональное,
нефункциональное и автоматизирование тестирование приложения.
В приложении должны быть реализованы:
1. «Дружественный» графический интерфейс программы;
2. Переход по логотипу на главную страницу;
3. Адаптивная верстка;
4. Поддержка мобильной версии;
5. Поддерживаемые операционные системы: Win 7/8/10;
6. Поддерживаемые браузеры последних и предпоследних версий: Chrome,
Yandex, Firefox, браузеры операционной системы (Edge / IE);
7. Разрешения экрана: 800x600, 1280х720, 1920х1080;
8. Поддержка версии для слабовидящих и страдающих цветовой слепотой.
4

5.

Инструменты тестирования
Resolution Test – плагин для тестирование веб-страниц в различных разрешениях
экрана;
PageSpeed Insights – сервис для получения отчетов о скорости загрузки страниц на
мобильных устройствах и компьютерах;
Apache Jmeter – это инструмент для тестирования производительности и нагрузочного
тестирования веб-приложений;
Nu Html Checker – это инструмент, предоставляемый W3C, который используется для
проверки соответствия HTML;
Сервис проверки CSS – приложение для проверки каскадных таблиц стилей
Yandex Spell Checker – плагин для нахождение и исправление орфографических ошибок;
Eclipse IDE – среда разработки;
Selenium IDE – среда для записи и воспроизведение тестовых сценарии с помощью
различных команд;
Selenium WebDriver – набор библиотек для работы с браузерам;
Junit 5 – фреймворк для автоматического юнит-тестирования приложений.
5

6.

ТЕСТИРОВАНИЕ
Разрешение экрана
ОСНОВАННОГО
Рисунок 1 – Ситилинк при разрешении экрана
1920х1080
ФУНКЦИОНАЛА
Рисунок 2 – Ситилинк при разрешении экрана
1280х720
6

7.

ТЕСТИРОВАНИЕ
ОСНОВАННОГО
Поддерживаемые ОС и браузеры
ФУНКЦИОНАЛА
Произведена проверка в следующих операционных системах: мобильной системе, Windows
7/8/10. Сделана проверка в различных браузерах, таких как Chrome, Yandex, Firefox, браузеры
операционной системы (Edge / IE).
Проверка будет производиться только на операционной системе Windows 10, так как
браузеры, которые стабильно функционируют в Windows 7 и выше.
Рисунок 3 – Google Chrome
Рисунок 4 – Мобильное устройство
7

8.

ТЕСТИРОВАНИЕ
ОСНОВАННОГО
Поддерживаемые ОС и браузеры
ФУНКЦИОНАЛА
Обнаружено не исправное отображение веб-приложения в браузере Internet Explorer.
Рисунок 5 – Internet Explorer
8

9.

ФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЕ
Чек-лист
Таблица 2 – Чек-лист сравнение товаров
Описание метода
Таблица 1 – Чек-лист конфигуратора
Описание метода
1
2
3
4
5
6
7
8
9
Возможность
конфигурацию
неавторизованных
пользователей
создать
для
Наличие сортировки готовых
конфигурации
При
нажатии
на
название
открывается
параметры
конфигурации
Авторизованный
пользователь
не может менять содержимое
конфигурации
неавторизованного
пользователя
Редактировать
свои
сборки
конфигурации
Возможность
удалить
свою
сборку
Сборка
из
комплектующих
которых нету в продаже
Добавление элемента
которого нету в списке
сборки,
Возможность
проверить
совместимость сборки
Результат
Комментарий
Failed
Данная
функция
не доступна для
неавторизованных
пользователей
(рис. 2.1)
1
Passed
2
Passed
Failed
Неавторизированн
ый
пользователь
не
может
создавать
конфигурации
Passed
3
4
Passed
Failed
Невозможно
добавить товар
Failed
Добавление
по
коду элемента вне
списка невозможно
Passed
5
6
7
Неавторизованному
пользователю не видно
список
сравнений,
который
сформировал
авторизованный
пользователь
Авторизованный
пользователь не может
менять
содержимое
списка
сравнения
неавторизованного
пользователя
Возможность
посмотреть
только
отличия товара
Товар
во
вкладке
сравнения сортируется
по типу
При нажатии на товар
открывается
его
карточка с описанием
Товар
из
сравнения
можно
добавить
в
корзину
Добавление товара из
вкладки «Избранное»
Результат
Коммен
тарий
Passed
Passed
Passed
Passed
Passed
Passed
Passed
9

10.

ФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЕ
Чек-лист
8
Таблица 3 – Чек-лист оформление товара
1
2
3
4
5
6
7
Описание метода
Для
авторизованных
пользователей поля форм
автоматически
заполняются известными
данными из профиля.
Корректно
выводится
общая сумма заказа.
Общая
сумма
заказа
должна быть больше нуля
Корректно
выводится
информация
о
заказываемых товарах и
их количестве
Корректный
пересчет
суммы заказа с учетом
способа доставки.
При прерывании заказа
на
этапе
оформления
товары не удаляются из
корзины.
Наличие
ссылки
для
возврата
к
редактированию заказа
Результат
Комментарий
9
Passed
10
Passed
Passed
Passed
11
Passed
Passed
12
13
Passed
Наличие информации о
сроке готовности заказа
для самовывоза или дате
курьерской доставки
Невозможность
оформления заказа без
заполнения
обязательных полей
При
наличии
у
авторизованного
пользователя
сохраненного
адреса
доставки он корректно
отображается
при
оформлении заказа
При
успешном
оформлении
на
указанный
пользователем
email
направляется письмо с
информацией о заказе
Возможность
отмены
ошибочно оформленных
заказов на сайте
Оформленные
заказы
отображаются
в
«Истории заказов»
Passed
Passed
Passed
Passed
Passed
Passed
10

11.

ФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЕ
Чек-лист
10
При добавлении товаров в блоке
корзины обновляется количество
товаров на счетчике.
Passed
11
Чётко видна конечная стоимость
покупки
Passed
12
Добавлен блок промокода, если
система промокодов используется
Passed
Таблица 4 – Чек-лист проверки корзины
1
2
3
4
5
6
7
8
9
Описание метода
По нажатию на кнопку купить
товар, должен быть добавлен
в корзину
Возможность добавить товар
в корзину как из каталога,
так и из карточки товара
Наличие окна уведомления об
успешном добавлении товара
в корзину
На
иконке
отображается
количество
товаров,
положенных в корзину.
Товары
в
корзине
кликабельны, то есть на их
страницы можно перейти.
Товар можно удалить из
корзины
Можно увеличить уменьшить
количество товаров в корзине
В поле для ввода количество
товара
нельзя
ввести
отрицательное число, символ,
текст, дробное число
При вводе в поле количества
товара
0,
предлагается
удалить товар из корзины
Результат
Комментарий
Passed
13
Passed
14
Passed
15
Passed
16
17
Passed
18
Passed
Passed
Passed
Passed
Failed
Возможно добавить
только
в
«Избранное»
Passed
19
Passed
20
Неавторизованный пользователь
не может менять содержимое
корзины
авторизованного
пользователя
Passed
Passed
Failed
Passed
Неавторизованному пользователю
не видно содержимое корзины,
которую до выхода из профиля
сформировал
авторизованный
пользователь
Passed
Предлагается
указать значение
не менее 1
Промо
коды
успешно
активируются
Цена
на
товары
в
корзине
отображается с учетом скидок
В
корзине
отображена
информация
о
скидках
и
промокодах на товары.
Наличие
контрастной
кнопки
перехода к оформлению заказа
Возможность
добавить
в
«Избранное» и «Сравнение» из
корзины
При удалении всех товаров в
корзине выводится сообщение
«Ваша корзина пуста»
11

12.

ФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЕ
Тест-кейс
Таблица 6 – Тест-кейс добавление товара в избранное
Таблица 5 – Тест-кейс оформление заказа
Summary
Выполнит
ь
оформлен
ие заказа
Pre
Conditions
Открыт сайт
Ситилинк,
найти в
каталоге
товар Мышь
Logitech
G502 Hero
Summary
Steps
Expected Result
Actual Result
Result
1. Добавить товар Мышь
Logitech G502 Hero в
корзину
Товар Мышь
Logitech G502
Hero добавлен в
корзину
Товар Мышь
Logitech
G502 Hero
добавлен в
корзину
Pass
Pre
Conditions
Steps
Товар Мышь
Logitech G502
Hero находится
в корзине
Товар Мышь
Logitech
G502 Hero
находится в
корзине
Pass
3. Перейти на страницу
оформления заказа
Страница
оформления
заказа открыта
Страница
оформления
заказа
открыта
Pass
4. Добавить следующие
данные данные
получателя
Имя: Андрей
Фамилия: Гуголев
Телефон: +7983235****
Данные
получателя
добавлены
Данные
получателя
добавлены
Pass
5. Выбрать пункт
самовывоза «Магазин
Томск, ТЦ "МЦ Громада"»
Пункт
самовывоза
выбран
Пункт
самовывоза
выбран
Pass
6. Выбрать способ оплаты
«Наличными или картой
при получении»
Способ оплаты
выбран
Способ
оплаты
выбран
Pass
7. Оформить заказ
Заказ оформлен
Заказ
оформлен
Pass
Actual
Result
Result
1. Заполнить поля
существующим
Поля
Поля
аккаунтом
заполнены заполнены
+7983235****/39341cit
ilink (Логин/Пароль)
Pass
Успешная Успешная
авторизац авторизац
ия
ия
Pass
Товар
Смартфон
Apple
iPhone 15
Pro Max
найден
Pass
2. Нажать на кнопку
"Войти"
2. Перейти в корзину и
проверить наличие товара
Мышь Logitech G502 Hero
Expected
Result
3. Выбрать из каталога
товар Смартфон Apple
iPhone 15 Pro Max для
добавления в
избранное
Товар
Смартфон
Apple
iPhone 15
Pro Max
найден
Открыта
страница
сайта
Выполнение
Ситилинк,
Товар
Товар
успешной
на которой
Смартфон Смартфон
авторизации на сайте отображают
Apple
Apple
Ситилинк и
ся поля для 4. Нажать на кнопку и
добавить товар
iPhone 15 iPhone 15
добавление в
ввода
Смартфон Apple iPhone
Pro Max
Pro Max
избранное
логина,
15 Pro Max в избранное добавлен добавлен
пароля и
в
в
кнопка
избранное избранное
"Войти"
Товар
Товар
Смартфон Смартфон
5. Зайти в избранное и
Apple
Apple
проверить наличие
iPhone 15 iPhone 15
товара Смартфон Apple
Pro Max
Pro Max
iPhone 15 Pro Max
находится находится
в
в
избранном избранном
Счетчик
Счетчик
6. Проверить
соответств соответств
обновление счетчика
ует
ует
товаров в избранном
количеств количеств
у товаров у товаров
Pass
Pass
12
Pass

13.

ФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЕ
Тест-кейс
Таблица 7 – Тест-кейс регистрации нового пользователя
Summary
Выполнить регистрацию
нового аккаунта с
иероглифическим именем
Pre
Conditions
Открыт сайт
Ситилинк,
на которой
отображает
ся поля для
имени,
email,
телефона,
пароля и
кнопка
"Регистраци
я"
Steps
Expected
Result
Actual Result Result
1. Заполнить поля
следующими данными:
Имя: 李慧殷
Email:
M********@gmail.com
Телефон: +7913658****
Пароль: 5617citilink
Поля
заполнены
Поля
заполнены
Успешная
регистрация
Кнопка
«Зарегистри
роваться»
недоступна.
Ошибка
«Поле может
содержать
латинские и
русские
буквы,
дефис,
пробел»
2. Нажать на кнопку
«Регистрация»
Pass
Fail
13

14.

НЕФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЯ
Чек-лист
Таблица 8 – Чек-лист проверки корзины
1
2
3
4
5
6
7
8
9
Описание метода
Можно ли определить в каком
месте сайта вы находитесь?
Логично ли отсортированы
элементы навигационных
панелей?
Гиперссылки выделены
отчетливо?
Существует ли отчетливо
выделенная ссылка на главную
страницу?
Существует ли возможность
поиска информации на сайте?
Каждая ли страница позволяет
понять, на каком сайте вы
находитесь?
Может ли пользователь
управлять навигацией по
сайту?
Тексты на сайте понятны и
лаконичны?
Размер страницы превышает
размер окна?
Результат
Комментарий
Passed
13
Passed
Passed
12
14
Выделены другим
цветом или
подчеркнуты
Passed
15
Представлены ли на сайте номера
контактных телефонов?
Представлены ли на сайте адреса с
почтовыми индексами?
Размер
шрифта
достаточно
большой?
Цвет
шрифта
подходящий
и
достаточно контрастный?
Passed
Внизу страницы для
каждого города
Failed
Адреса без индексов
Passed
Passed
16
Является ли разумным количество
элементов
в
навигационных
панелях?
Passed
17
Логично
ли
отсортированы
элементы навигационных панелей?
Passed
18
Названия
гиперссылок
соответствуют названиям страницы?
Passed
Passed
Passed
Логотип фирмы в
углу страницы
Passed
19
Passed
Passed
10
Организован ли текст в виде
небольших блоков?
Passed
Каждый товар с
названием
выделен в
отдельный блок
11
Встречаются ли в тексте
грамматические и
орфографические ошибки и
опечатки?
Failed
П. 3.5
20
21
22
23
Являются ли единицы измерения,
используемые на сайт понятными, и
не вызовут ли они трудностей при
использовании их иностранцами?
Существует ли система помощи
(справки)?
Содержат ли страницы с пустыми
результатами поиска советы по
расширению условий поиска?
Переход по логотипу на главную
страницу?
Поддержка
версии
для
слабовидящих
и
страдающих
цветовой слепотой?
элементы
в
навигационной
панели расставлены
аккуратно
и
вмещаются
на
страницу
Passed
Passed
Failed
На
сайте
есть
обратная связь
Сайт
только
предоставляет
схожие название в
поиске
Passed
Faild
14
П 1.1

15.

НЕФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЯ
PageSpeed Insights
Рисунок 6 – Тест производительности на компьютере
Рисунок 7 – Тест производительности на мобильном устройстве
15

16.

НЕФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЯ
JMeter
Рисунок 8 – График JMeter
16

17.

НЕФУНКЦИОНАЛЬНОЕ ТЕСТИРОВАНИЯ
Валидаторы
Рисунок 9 – Валидатор HTML результат
Рисунок 10 – Результат проверки CSS
17

18.

АВТОМАТИЗИРОВАННОЕ ТЕСТИРОВАНИЕ
Тестирования
Рисунок 11 – Сценарий успешной авторизаций
Рисунок 12 – Результат кода с успешной авторизацией
18

19.

АВТОМАТИЗИРОВАННОЕ ТЕСТИРОВАНИЕ
Тестирования
Рисунок 13 – Тест проверки корзины
Рисунок 14 – Проверка функции сравнения товаров
Рисунок 15 – Результат
тестирование избранного
товара в Eclipse
19
Рисунок 16 – Не успешная авторизация

20.

АВТОМАТИЗИРОВАННОЕ ТЕСТИРОВАНИЕ
Тестирования
Рисунок 17 – Страница не отвечает во время записи сценария

21.

Заключение
Следовательно п. 5.2 ТЗ было произведено тестирование основанного функционала (п. 1 ПЗ). Была
выполнена совместимость с различными платформами, таких как компьютер и мобильные устройства. Работа
веб-приложения с различными разрешениями экрана.
Согласно пункту 5.3 ТЗ, было проведено функциональное тестирование. Представлены четыре чек-листа,
содержащие в общей сложности 49 методов. Тестирование охватывало функционал корзины, сравнение
товаров,
оформление
заказов
и
конфигуратор
компьютера из доступных на сайте комплектующих.
Дополнительно были выполнены три тест-кейса.
В соответствии пункту 5.4 ТЗ, было проведено нефункциональное тестирование. Составлен чек-лист
с 23 методами, из которых четыре не прошли проверку. Поскольку сайт доступен только на русском языке,
тестирование локализации было выполнено не полностью. Также проведена проверка соответствия вебприложения стандартам CSS и HTML и тестирование производительности сайта.
Согласно пункту 5.5 ТЗ, было проведено автоматизированное тестирование, в рамках которого
составлено пять тестов(приложения Б, В ,Г, Д, Ж) два из которых являются отрицательными. Тесты
охватывают авторизацию, работу с корзиной и избранными товарами, а также поиск по сайту.
21