量角器设置 div innerHTML 或操作 DOM

Question

为 Angular 使用量角器，需要更新 DIV 的内部 HTML。

以下未反映更改：

element(by.className("ql-editor")).sendKeys("new content");

这样做的原因是要测试包含 HTML 编辑器 (Quill) 的 Angular 页面。编辑器的值在浏览器中显示为 DIV 和 class ql-editor.

的内部 HTML

实现此目标的最佳方法是什么？（找不到任何函数来更新 sendKeys 之外的值）

是否可以在量角器中使用本机 DOM 对象或将 ElementFinder 对象转换为 javascript DOM 对象？

Answer 1

此打字稿函数更新位于 Protactor 中的元素的 innerHTML 属性：

setHTMLValue(element: ElementFinder, value: string) {
    function setInnerHTML (div, content) {
        div.innerHTML = content;
    }
    browser.executeScript(setInnerHTML, element, value);
}

使用示例：

let element = element(by.id("d0"));
setHTMLValue(element, "test");

量角器设置 div innerHTML 或操作 DOM

Protractor set div innerHTML or manipulate DOM

protractor

quill

angular