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

Question

我想针对 ui-ace 测试一些按键实例。但是，Protractor 无法将焦点放在 ace 元素上。 Ace 包括一个 <textarea>我可以关注(并因此发送 key )但是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
    });
});