Question

我正在尝试弄清楚WebDriverJs中的循环如何与promises一起使用。

说你有以下html：

  <div id="textelements">
    <span onclick="spanClicked('Rock')">Rock</span>
    <span onclick="spanClicked('Paper')">Paper</span>
    <span onclick="spanClicked('Scissors')">Scissors</span>
  </div>

使用WebDriverJs我想找到带有文字的跨度＆＃39; Scissors＆＃39;然后点击它。

最简单的方法是确保源html具有适当的标识符，但是说无法更改，给定上面的html，WebDriverJs代码会是什么样的。

我尝试了以下内容：

function clickElementWithText(driver, textValue) {
    driver.findElements(webdriver.By.css('#textelements span')).then(function(spans) {
        for (var i = 0; i < spans.length; i++) {
            var matched = spans[i].getText().then(function(text) {
                console.log('Text value is: ' + text);
                return text === textValue;
            });
            console.log(matched);
            if (matched === true) {
                console.log('clicking!');
                spans[i].click();
                return;
            }
        }
    });
}

var webdriver = require('selenium-webdriver');
var driver = new webdriver.Builder().withCapabilities(webdriver.Capabilities.chrome()).build();
driver.get('http://webdriverjsdemo.github.io/');
clickElementWithText(driver, 'Scissors');

问题在于，即使它已被设置为真，但在评估时匹配并不等于true。

任何想法发生了什么？

Answer 1

我们如何通过使用一些函数式编程来简化它，filter() function：

var spans = driver.findElements(webdriver.By.css('#textelements span'));
webdriver.promise.filter(spans, function(span) {
    return span.getText().then(function(text) {
        console.log('Text value is: ' + text);
        return text === textValue;
    });
}).then(function (filteredSpans) {
    filteredSpans[0].click();
});

或者，“不太酷”的解决方案，但更直接的方法是使用By.xpath：

var span = driver.findElement(webdriver.By.xpath('//*[@id = "textelements"]//span[. = "' + textValue + '"]'));
span.click();

或者，我们也可以使用onclick检查By.css属性值：

var span = driver.findElement(webdriver.By.css('#textelements span[onclick*="' + textValue + '"]'));
span.click();

如何遍历webdriverjs元素，直到元素具有文本值

1 个答案: