javascript - Protractor iframe 元素未找到/不可见

Question

我正在使用 Protractor 编写一个 e2e 测试，该测试需要访问 Angular 2 应用程序中的 iframe 元素。

我相信我已经成功切换到 iframe，但由于某种原因，我希望选择的元素在我的测试中抛出错误“没有使用 css id 选择器找到元素......”或“元素不是”可见。”

这是我的代码:

this.fillOutInfo = function(input){

 this.selectBox.click().then(function(){
    browser.switchTo().frame(this.selectBox)
     .then(function(){
        browser.findeElement(by.id('recurly-hosted-input-field')).sendKeys(input)
        .then(function(){
            browser.switchTo().defaultContent();
            })
         })
      })
   } //selectBox references the iframe element within the DOM

当我检查元素时，上面的 id 显然存在于代码中，但由于某种原因它没有被访问。我的函数执行不正确吗？我已经尝试过不同的方法来查找所需的输入，例如嵌套定位器，但没有任何效果。

非常感谢任何帮助!

Answer 1

如果不是 sudharsan selvaraj 指出的拼写错误，请尝试

element.all(by.id('recurly-hosted-input-field')).count().then(function(count) {
console.log("Number of elements with same id: " + count);});

这会让你知道有多少个元素具有相同的 id。这也发生在我身上，因为我正在使用具有相同定位器属性的错误元素。

希望对你有帮助