如何使用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
    });
});