如何使用 Protractor 将密钥发送到 ui-ace 实例？

Question

我想针对ui-ace 实例测试一些按键。但是，Protractor 无法将注意力集中在 ace 元素上。 Ace 包含一个<textarea>，我可以关注它（并因此发送密钥），但ui-ace 无法识别在那里输入的密钥（因此不会更新模型）。 p>

选择方法（by.model等）没有影响。

我目前的解决方法是使用evaluate 手动设置范围值，但这打破了使用量角器的意义。

Answer 1

好问题！看来解决方法是先双击。

以下内容至少在 Chrome 上有效：

"use strict";
describe('Testing ui-ace', function() {
    var divInput = $('div.ace_content');
    var inputElm = $('textarea.ace_text-input');

    it('opens a ui-ace page', function() {
        browser.ignoreSynchronization = true;  // sorry but no angular page
        browser.get('http://angular-ui.github.io/ui-ace/');
        browser.sleep(3000); // sorry but no angular page
    });

    it('starts editing', function() {
        browser.actions().doubleClick(divInput).perform();
    });

    it('enters some text', function() {
        inputElm.sendKeys('Hola');
        browser.sleep(5000); // to let you see the result
    });
});