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

Question

我想针对一个ui-ace实例测试一些按键。 然而，量角器无法专注于ace元素。 Ace包含一个<textarea> ，我可以专注于（并因此发送密钥），但ui-ace不识别在那里输入的密钥（并且随后不更新模型）。

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

我目前的解决方法是使用evaluate手动设置范围值，但这打破了使用Protractor的重点。

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
    });
});