🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
🤔 Как проверить чек-боксы?
Является важной частью тестирования пользовательского интерфейса. Она включает в себя проверку функциональности, правильности состояния и взаимодействия с другими элементами на странице.
🟠Функциональное тестирование
Клик по чекбоксу. Чекбокс устанавливается (помечается галочкой) или снимается (галочка убирается). Открыть страницу или форму, где находится чекбокс. Чекбокс должен быть в заранее определённом состоянии (отмечен или не отмечен). Установить или снять отметку и отправить форму. После отправки формы и обновления страницы состояние чекбокса должно сохраниться.
🟠Тестирование взаимодействий
Кликнуть на чекбокс, от которого зависят другие чекбоксы (например, "Выбрать все"). Все зависимые чекбоксы должны изменять своё состояние соответственно. Изменить состояние чекбокса и проверить влияние на другие элементы формы (например, кнопки, поля ввода). Другие элементы должны изменять своё состояние (активироваться, деактивироваться) в зависимости от состояния чекбокса.
🟠Валидность данных
Установить или снять чекбокс и отправить форму. Проверьте, что данные формы правильно передаются на сервер. Оставить обязательный чекбокс неотмеченным и попытаться отправить форму. Появляется сообщение об ошибке или предупреждение, что чекбокс должен быть отмечен.
🟠Тестирование пользовательского опыта (UX)
Проверить, можно ли управлять чекбоксами с клавиатуры (Tab, Space, Enter). Чекбокс должен быть фокусируемым и изменять состояние при использовании клавиатуры. Открыть страницу на разных устройствах (мобильные телефоны, планшеты, компьютеры). Чекбоксы должны правильно отображаться и быть интерактивными на всех устройствах.
🚩Примеры автоматизированного тестирования чекбоксов
Пример на Selenium (Java)
// Инициализация WebDriver
WebDriver driver = new ChromeDriver();
driver.get("Ссылка скрыта
// Найти чекбокс
WebElement checkBox = driver.findElement(By.id("checkbox"));
// Проверить начальное состояние
boolean isSelected = checkBox.isSelected();
assertFalse(isSelected);
// Установить чекбокс
checkBox.click();
assertTrue(checkBox.isSelected());
// Снять чекбокс
checkBox.click();
assertFalse(checkBox.isSelected());
// Закрытие браузера
driver.quit();
Пример на Cypress (JavaScript)
// Открыть страницу
cy.visit('Ссылка скрыта
// Проверить начальное состояние чекбокса
cy.get('#checkbox').should('not.be.checked');
// Установить чекбокс
cy.get('#checkbox').check().should('be.checked');
// Снять чекбокс
cy.get('#checkbox').uncheck().should('not.be.checked');
Ставь 👍 и забирай 📚 Базу знаний