如何在调试器中获取ElementFinder的HTML，而不是诺言？

Question

我有一个元素：this.page.taskAssignment类型ElementFinder。在我的UI测试中，我单击了此元素，但是没有任何反应。我怀疑我单击了错误的元素，这就是为什么我要检查单击的内容，并且要这样做，我需要在调试器中查看html。

我用WebStorm调试器编写的：this.page.taskAssignment.element.getTagName().then(e => {console.log(e)})但是结果仍然是一个承诺，而且我找不到任何html。

问题：如何获取该元素的html而不是a Promise，而是a string？

Answer 1

您可以使用await关键字来获取值。

let formField = await element(by.formControlName(myField));
let formTag = await formField.getTagName();
let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

（曾经有一个 getOuterHtml() 方法，但是根据量角器文档，selenium 删除了它。）

如果您收到只能使用保留字的错误，await则它需要位于async函数中，例如页面对象上。

class myPageObject{
    async fillForm(myField) {
        let formField = await element(by.formControlName(myField));
        let formTag = await formField.getTagName();
        let innerHtml = await browser.executeScript("return arguments[0].innerHTML;", formField);

        // .... rest of code
    }
}

有关页面对象的更多信息，请参阅https://www.protractortest.org/#/page-objects 。