如何使用WebDriver自动执行Ace编辑器（发送密钥）？

Question

在我的应用程序中，所有的查询编辑器都是Ace编辑器，我需要使用WebDriver输入查询。我试过使用发送键，但似乎不起作用。有没有其他的方式我可以发送我的输入到Ace编辑器，从而自动化？

下面是我的HTML代码

<div class="" ng-show="queryType=='Spark Query'">
    <pre class=" ace_editor ace-xcode">
    <textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" style="opacity: 0; height: 18px; width: 7px; left: 4px; top: 0px;"/>
    <div class="ace_gutter" style="display: none;">
    <div class="ace_scroller" style="left: 0px; right: 0px; bottom: 0px;">
    <div class="ace_content" style="margin-top: 0px; width: 659px; height: 334px; margin-left: 0px;">
    <div class="ace_layer ace_print-margin-layer">
    <div class="ace_layer ace_marker-layer"/>
    <div class="ace_layer ace_text-layer" style="padding: 0px 4px;">
    <div class="ace_layer ace_marker-layer"/>
    <div class="ace_layer ace_cursor-layer ace_hidden-cursors">
    </div>
</div>

Answer 1

我发现在ACE的textarea上使用以下sequence是可靠的。mousedown、mouseup然后sendtext。

Click对我来说不可靠，因为Ace的方式决定了它是否应该聚焦文本区。

谢谢你的问题，很高兴知道我不是一个人。希望这对你有帮助！

Answer 2

使用编辑器API应该比使用SendKeys容易得多。例如，下面是一个C#控制台应用程序，它在当前演示编辑器中打开ACE主页并更改文本：

class Program
{
    static void Main(string[] args)
    {
        ChromeDriver driver = new ChromeDriver();
        driver.Navigate().GoToUrl("http://ace.c9.io/");
        driver.ExecuteScript("editor.setValue('the new text here');");
    }
}

editor是页面中对应于ACE编辑器实例的变量，我刚刚使用了这里详细介绍的第一个API示例之一：使用ACE