不能单击有多个选项

Question

我想点击一个元素下面的方式，但得到一个错误说元素：

Failed: Cannot read property 'click' of undefined 

代码：

'use strict;' 
 
var PresentPage = function(){ 
 
    let PresentPageTitle = element(by.xpath("//*[@id='planAndDev']/div/div/div/div/matanot/form/div[2]/h4")); 
 
    let UserPhone = element(by.id("tel")); 
 
    let Email = element(by.id("email")); 
 
    var AresForPresents = element(by.xpath("//*[@id='verticalRadioGrp']/div/select")).all(by.tagName("option")).then(function(options) 
 
    { 
 
     return options; 
 
    }); 
 
    this.SelectAreaToGetPresent = function() 
 
    { 
 
     AresForPresents[3].click(); 
 
    }; 
 
}; 
 
module.exports = new PresentPage();

编辑： 当在一个函数内使用它时，它工作正常。

this.SelectAreaToGetPresent = function() 
 
    { 
 
     element(by.xpath("//*[@id='verticalRadioGrp']/div/select")).all(by.tagName("option")).then(function(options) 
 
    { 
 
     options[3].click(); 
 
    });

Answer 1

它看起来像你的代码不处理的承诺。

var AresForPresents = element(by.xpath("//*[@id='verticalRadioGrp']/div/select")).all(by.tagName("option")); 
this.SelectAreaToGetPresent = function() 
{ 
    AresForPresents.then((options)=> { options[3].click(); }); 
}; 

否则，您需要async/await。

var AresForPresents; 
this.SelectAreaToGetPresent = async()=> 
{ 
    AresForPresents = await element(by.xpath("//*[@id='verticalRadioGrp']/div/select")).all(by.tagName("option")); 
    AresForPresents[3].click(); 
};