Ця стаття пояснює, як працювати з радіокнопками за допомогою Playwright та JavaScript. Зазвичай, ви можете вибрати або зняти вибір з радіокнопки, коли є два варіанти, але ви можете вибрати тільки одну радіокнопку одночасно.
Для вибору радіокнопки ми можемо використовувати метод check().
await page.locator("//input[@id='red']").check()
Також можна використовувати метод check() таким чином:
await page.check("//input[@id='red']")
Метод check() автоматично вибирає радіокнопку. Після вибору ми можемо перевірити, чи була вибрана радіокнопка, використовуючи метод toBeChecked().
await expect(await page.locator("//input[@id='red']")).toBeChecked()
Як використовувати isChecked(): Цей метод повертає або true, або false. Якщо він повертає true, ми можемо використовувати метод toBeTruthy(), щоб порівняти результат. Якщо він повертає false, метод toBeTruthy() не пройде.
По суті, ми перевіряємо, чи вибраний елемент (відмічений) чи ні.
expect(await page.isChecked("//input[@id='red']")).toBeTruthy()
Якщо радіокнопка не вибрана, метод повертає false. Ми можемо використовувати метод toBeFalsy(), щоб перевірити, чи не вибрана радіокнопка.
expect(await page.isChecked("//input[@id='blue']")).toBeFalsy()
Перекладено з: Playwright with Javascript — How to handle Radio Buttons