Playwright 测试库 - 复选框状态

Question

请问如何在 Playwright E2E 测试库中获取复选框元素的状态。

Answer 1

您可以使用 jsHandle.evaluate():

const checkbox = await page.$('[type=checkbox]');
const checkboxState = await checkbox.evaluate(node => node.checked);

或page.$eval():

const checkboxState = await page.$eval('[type=checkbox]', node => node.checked);

或page.evaluate():

const checkboxState = await page.evaluate(() => {
    const checkbox = document.querySelector('[type=checkbox]');
    return checkbox.checked;
});

如果你有更多的，你也可以一次完成：

const checkboxStates = await page.evaluate(() => {
    const checkboxes = document.querySelectorAll('[type=checkbox]');
    return [...checkboxes].map(c => c.checked);
});

Answer 2

page.isChecked()

请查看文档：

https://playwright.dev/docs/api/class-page#page-is-checked

Playwright 测试库 - 复选框状态

Playwright test library - checkbox state

e2e-testing

playwright