Javascript 如何使用量角器选择更多所见即所得编辑器？

我在页面上有2个WYSIWYG编辑器，我选择第一个并输入源代码，然后我想选择第二个WYSIWYG编辑器并输入源代码，但量角器在第一个WYSIWYG编辑器输入源代码

我的代码是：

    // First WYGWYSI editor
    element.all(by.css("div[role='application']")).get(0).element(by.cssContainingText("span","Tools")).click();
    element(by.cssContainingText('span','Source code')).click();
    element(by.css("div[role='application'] textarea")).sendKeys("HTML code");
    element(by.css("div[role='application']")).element(by.partialButtonText("Ok")).click();

    // Second WYGWYSI editor
    element.all(by.css("div[role='application']")).get(1).element(by.cssContainingText("span","Tools")).click();
    element(by.cssContainingText('span','Source code')).click();
    element(by.css("div[role='application'] textarea")).sendKeys("HTML1 code");
    element(by.css("div[role='application']")).element(by.partialButtonText("Ok")).click();

---

这是我的所见即所得编辑器

向上述代码添加内联注释，以显示此处实际发生的情况：

// First WYGWYSI editor
// -- Click on the application 0
element.all(by.css("div[role='application']")).get(0).element(by.cssContainingText("span","Tools")).click();

// -- Clicked on source code
element(by.cssContainingText('span','Source code')).click();

// -- Sends keys to the first editor and clicks "Ok". Since 
//    element(by.css("div[role='application']")) has multiple matching
//    elements, return the first one.
element(by.css("div[role='application'] textarea")).sendKeys("HTML code");
element(by.css("div[role='application']")).element(by.partialButtonText("Ok")).click();

// Second WYGWYSI editor
// -- Click onthe application. The second one!
element.all(by.css("div[role='application']")).get(1).element(by.cssContainingText("span","Tools")).click();

// -- Oh no! We click on the first <span> with text Source code.  This is 
//    is (guessing) the first editor.
element(by.cssContainingText('span','Source code')).click();
element(by.css("div[role='application'] textarea")).sendKeys("HTML1 code");
// -- Click on the first "Ok" button (we did not click the second button with Ok).
element(by.css("div[role='application']")).element(by.partialButtonText("Ok")).click();

let firstEditor = element.all(by.css("div[role='application']")).get(0);
let secondEditor = element.all(by.css("div[role='application']")).get(1);

// First WYGWYSI editor
firstEditor.element(by.cssContainingText("span","Tools")).click();
firstEditor.element(by.cssContainingText('span','Source code')).click();
firstEditor.element(by.css("textarea")).sendKeys("HTML code");
firstEditor.element(by.partialButtonText("Ok")).click();

// Second WYGWYSI editor
secondEditor.element(by.cssContainingText("span","Tools")).click();
secondEditor.element(by.cssContainingText('span','Source code')).click();
secondEditor.element(by.css("textarea")).sendKeys("HTML1 code");
secondEditor.element(by.partialButtonText("Ok")).click();