如何在守夜人中使用 .elementIdClick() 单击下拉项？

Question

我想使用 nightwatch 从下拉列表中选择一个项目。我能够拿到这个项目，直到我的 if 条件。它还打印值。但是当我使用 elementIdClick 单击该项目时，它会返回 {"status":-1,"state":"","value":{"message":"element click intercepted:

     await browser.elements('css selector','#profile-container .col-md-6 .pd-dropdown-wrapper ul li', async function (res) {
     await res.value.forEach(async function (jsonWebElement) {
         let jsonWebElementId = jsonWebElement.ELEMENT;
         await browser.elementIdText(jsonWebElementId, async function (jsonElement) {
             let text = jsonElement.value;
             console.log('text++++',text)
             if(text == 'Last 30 Days'){
              console.log('text^^^^^',text)
              await browser.elementIdClick(jsonWebElement.ELEMENT);
             }
         });
        });
     });

Answer 1

这适用于使用 Nightwatch 1.3.2 的标准选择列表

 browser
    .url('http://icreatehtml.co.uk/select.html')
    .waitForElementVisible('#pet-select')
     // Open the select list
    .click('#pet-select') 
    // Set the value using the visible text
    .click('xpath', `//select[@id='pet-select']//option[contains(text(),'Hamster')]`)
    // Close select list
    .click('body')
    .pause(3*1000)
    // Open the select list
    .click('#pet-select')
    // Set the value using the option value
    .click('#pet-select option[value="cat"]')
    // Close select list
    .click('body')
    .pause(3*1000)
    // Open the select list
    .click('#pet-select')
    // Set the value using a pseudo selector
    .click('#pet-select option:last-child')
    // Close select list
    .click('body')
    .end();