browser.click（）在redactor按钮中不起作用

Question

是否有人尝试过涉及编辑器的自动化测试？我对browser.click()有疑问。它不会单击我想要它点击的按钮，例如。粗体，斜体或下划线按钮。有人能帮助我吗？

下面的附图显示了开发工具中的DOM元素。在我的定位器中，例如。对于粗体，我使用了('.red-bold').click();

Answer 1

您的代码可能有问题。在任何情况下，这是一个示例工作代码，用于选择redactor editor内的所有文本，单击工具栏中的“B”按钮，使所有文本变为粗体：

describe("Redactor demo test", function () {
    var editor;

    beforeEach(function () {
        var EC = protractor.ExpectedConditions;

        browser.ignoreSynchronization = true;
        browser.get("https://imperavi.com/redactor/");

        // wait for the redactor editor to become visible
        editor = $(".redactor-editor");
        browser.wait(EC.visibilityOf(editor), 5000);
    });

    it("should make the text bold", function () {
        // select all text in the editor
        editor.click();
        editor.sendKeys(protractor.Key.COMMAND, "a");

        // click "bold"
        var toolbar = $(".redactor-toolbar");
        toolbar.$(".re-bold").click();

        browser.sleep(30000);  // the delay is for you to see it becomes bold 
        // TODO: expectations
    });
});