Выбор кукловода; Кнопка не выбрана

Question

Я пытаюсь нажать на await page.click('.2 tabBtnCenter');, но это не работает.

Может ли кто-нибудь определить правильный CSS-селектор Puppeteer для value=2 tabBtnCenter?

<div id="headerTab">
    <ul>
        <li value="0">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">Status</div>
            <div class="tabBtnRight"></div>
        </li>
        <li value="1">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">WAN</div>
            <div class="tabBtnRight"></div>
        </li>
        <li value="2">
            <div class="tabBtnLeft"></div>
            <div class="tabBtnCenter">LAN</div>
            <div class="tabBtnRight"></div>
        </li>
    </ul>
</div>

Answer 1

Вы можете использовать следующий селектор, чтобы щелкнуть элемент, который вы указали с помощью page.click():

await page.click( '[value="2"] > .tabBtnCenter' );

Answer 2

Использование xpath :

const sel = await page.$x("//div[text()='LAN' and @class='tabBtnCenter']");

if (sel.length > 0) {
    await sel[0].click();
}
else {
    throw new Error("selector not found");
}