问如何选择更多的所见即所得编辑器与量角器？

EN

// 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();