Тестирование кнопок (радио и чек-бокс)
Тестирование радио-кнопки
С помощью данного элемента можно выбрать одну из предложенных опций.
Опции выбора собраны в блок. У блока есть общее название и названия для каждой опции. Выбранная опция отмечается закрашенным кружком, не выбранная - незакрашенным.
Когда мы тестируем радио-кнопку, мы проверяем, работает ли он правильно и соответствует ли он требованиям. Вот простые шаги для тестирования радио-кнопки:
- Расположение относительно других элементов: Проверьте, что радио-кнопка находится в нужном месте на странице и не перекрывает или не пересекается с другими элементами. Убедитесь, что она видима и доступна для пользователей.
- Размер: Убедитесь, что размер радио-кнопки соответствует ожиданиям. Радио-кнопка не должен быть слишком маленькой или слишком большой, чтобы пользователи могли легко взаимодействовать с ней.
- Цвет фона и шрифта: Убедитесь, что цвет фона и шрифта радио-кнопки хорошо согласованы с остальным дизайном сайта. Текст в радио-кнопке должен быть четким и легко читаемым.
- Расположение опций радио-кнопки: Убедитесь, что опции радио-кнопки расположены правильно относительно друг друга и имеют достаточное пространство между ними для легкого выбора. Они должны иметь разные названия или описания, чтобы пользователь мог выбрать нужную опцию.
- Функциональность радио-кнопки: Убедитесь, что пользователь может выбрать только одну опцию одновременно. Попробуйте выбрать несколько опций одновременно и убедитесь, что только одна опция остается выбранной.
- Выделение выбранной опции: Убедитесь, что выбранная опция отмечена закрашенным кружком, а не выбранные опции остаются незакрашенными.
- Наличие опции "по умолчанию": Если на странице присутствует опция "по умолчанию", убедитесь, что она отображается и выбрана правильно.
- Взаимодействие с другими элементами: Убедитесь, что при выборе опции происходят необходимые действия или изменения на странице.
Тестирование чек-бокса
Чек-бокс - этот элемент похож на радио-кнопку, но есть несколько отличий - он позволяет выбрать несколько опций одновременно, при этом выбор отмечается “галочкой” в квадрате рядом с названием. Опции также собраны в один блок с общим названием.
При тестировании блока с чек-боксами мы обращаем внимание на следующие аспекты:
- Расположение относительно других элементов: Проверьте, что чек-бокс находится в нужном месте на странице и не перекрывает или не пересекается с другими элементами. Убедитесь, что она видима и доступна для пользователей.
- Размер: Убедитесь, что размер чек-бокса соответствует ожиданиям. Чек-бокс не должен быть слишком маленьким или слишком большим, чтобы пользователи могли легко взаимодействовать с ним.
- Цвет фона и шрифта: Убедитесь, что цвет фона и шрифта чек-бокса хорошо согласованы с остальным дизайном сайта. Текст в чек-боксе должен быть четким и легко читаемым.
- Расположение опций чек-бокса: Убедитесь, что опции чек-бокса расположены правильно относительно друг друга и имеют достаточное пространство между ними для легкого выбора. Они должны иметь разные названия или описания, чтобы пользователь мог выбрать нужную опцию.
- Функциональность чек-бокса: Убедитесь, что пользователь может выбрать одну или несколько опций одновременно. Попробуйте выбрать несколько опций одновременно и убедитесь, что выбор каждой опции сохраняется независимо от других.
- Выделение выбранных опций: Убедитесь, что выбранные опции явно выделяются галочкой, чтобы пользователь мог легко определить свой выбор.
- Снятие выбора: Убедитесь, что при клике на галочку опции выбор снимается правильно. Пользователь должен иметь возможность изменить свой выбор, щелкнув на галочке снова.
- Наличие опции "по умолчанию": Если на странице присутствует опция "по умолчанию", убедитесь, что она отображается и выбрана правильно.
- Взаимодействие с другими элементами: Убедитесь, что при выборе или снятии выбора опций происходят необходимые действия или изменения на странице.
Важно также проверить чек-бокс и радиобатон в различных сценариях, которые зависят от контекста тестируемого продукта.