Без рисунков до нас бы не дошли сведения о древних людях, знания не передавались бы, а язык не эволюционировал.
Графические иллюстрации и диаграммы находят свое место в мире высокоразвитого письма и словесного выражения. В частности, их широко применяют в технологической индустрии. В этой статье представлены самые распространенные диаграммы, с которыми работают тестировщики ПО.
Содержание
#1) Блок-схема
Блок-схемы лучше всего описывают определенные процессы. В них используются специальные символы для каждого задания/действия, которые происходят в рамках процессов. Обычно они содержатся в плане тестирования ПО и прочей документации (BRD, FRD).
Распространенные символы и их значение:
Овал — старт и стоп
Прямоугольник — действие или задание
Ромб — решения
Блок-схема — это справочник, который быстро знакомит с программным продуктом. Вот несколько способов применения этой диаграммы.
а) Блок-схема для анализа потока управления и статистики
Цикломатическая сложность — это метрика, которая позволяет определить сложность конкретной программы. Она дает возможность понять, сколько требуется времени на функциональное тестирование до полного покрытия.
Просто создайте блок-схему, как показано ниже, и используйте эту формулу:
Цикломатическая сложность: = Число соединений или линий – количество узлов + 2
Узлов — 7, соединений тоже — 7.
Таким образом, цикломатическая сложность: 7-7+2= 2.
б) Блок-схема для иллюстрации процесса:
Ниже процесс дефект-треккинга представлен в формате блок-схемы. Здесь все также предельно просто:
#2) Диаграмма переходов
Таблицы или диаграммы переходов — аналитические инструменты для комплексных систем, в которых происходит множество переходов из одного состояния в другое. Эти переходы можно сравнить с работой выключателя освещения: вкл/выкл.
Переходные состояния демонстрируют в виде таблицы или диаграммы.
Рассмотрим пример посложнее. Пусть это будет система выдачи балетов.
Пример. Билет, который выдается посредством приложения. Первая часть процесса может включать навигацию в системе через несколько страниц:
Страница 1-> Выберите количество пассажиров — взрослые, дети и люди старшего возраста.
Страница 2-> Выберите тип билета: суточный пропуск, недельный, месячный и т.д.
Страница 3-> Проверка деталей.
Страница 4-> Платеж, и т.д.
Таким образом, может быть много переходов с одной страницы на другую. Диаграммы переходов обычно создаются не для иллюстрации визуальных переходов (это применяется редко), а ключевых элементов системы.
На диаграмме будут видны тестовые сценарии и трансакции пользователей:
Три желтых линии — это три end-to-end кейса, которые охватывают самые важные и часто используемые зоны приложения. Это полезный инструмент для создания тест-кейсов.
#3) Контекстная диаграмма
Приложения редко функционируют как независимые системы. Простые программы (калькуляторы, блокноты и прочие) могут работать сами по себе, но корпоративные приложения чаще совмещаются с другими программными продуктами.
К примету, с зарплатной ведомостью можно работать в бухгалтерском приложении, системе учета человеко-часов и HR-порталах. Контекстная диаграмма наглядно показывает все эти взаимосвязи.
Ниже представлена контекстная диаграмма для системы начисления зарплаты:
Четко виден контекст определенной системы и как с ней соотносятся другие объекты. Эти диаграммы помогают тестировщикам понять систему в более широком смысле; составлять стратегии тестирования, которые включают все эти входящие и исходящие связи с другими объектами. Обычно если во время тестирования представляется возможным составить контекстную диаграмму, это упрощает понимание.
#4) Диаграмма связей:
Каждая идея развивается с добавлением дополнительных нюансов. А с помощью такой диаграммы можно все это отслеживать. Этот вид диаграммы предназначен для начального этапа — проиллюстрировать главную идею и записать каждую производную.
Диаграммы связей используются практически для всего.
Они популярны в индустрии программного обеспечения. К примеру, помогают отслеживать ход исследовательского тестирования. (В случае, если применяется agile, rapid development и другие быстрые методологии разработки ПО).
Пример. Диаграмма для e-commerce-приложения, где отслеживаются следующие аспекты:
Начните с основной идеи, отправной точки — и добавляйте другие. Существует множество удобных (и бесплатных) онлайн-инструментов для создания диаграмм. Например, mindmup.com.
#5) ER-диаграммы (сущность-связь)
ER-диаграммы используются для проектирования баз данных. Они показывают сущности базы данных и их взаимосвязи. Такие диаграммы на начальном этапе выполняют иллюстративную функцию.
Есть множество вариантов ER-диаграмм, простейшая выглядит примерно так:
#6) Бонус: макет
Простые изображения (скриншоты), которые показывают будущую UI-страницу/компонент в диаграмме. Макеты очень помогают в тестировании, т.к. с их помощью можно составить представление о конечном продукте. Таким образом, улучшается проектирование и анализ теста. Как следствие, выше эффективность тестирования.
Это могут быть простые, нарисованные от руки изображения, схемы веб-страниц, или любые другие диаграммы, которые показывают, как будет выглядеть конечный продукт.
Простая схема экрана логина может быть такой:
В большинстве случаев тестировщикам приходится расшифровывать диаграммы, реже — создавать их собственноручно. MS Visio и SmartDraw — полезные инструменты, но если ищете бесплатный и простой инструмент — можете воспользоваться draw.io.
Если у нет доступа к сети, придется взять в руки фломастер и нарисовать диаграмму вручную. Это несколько трудоемкий способ, но от этого не менее эффективный.[/fusion_text]
