browser.click() 在编辑器按钮中不起作用答案

【问题标题】：browser.click() does not work in redactor buttonsbrowser.click() 在编辑器按钮中不起作用
【发布时间】：2016-05-20 00:15:18
【问题描述】：

有没有人尝试过涉及编辑器的自动化测试？我对browser.click() 有疑问。它不会单击我希望它单击的按钮，例如。粗体、斜体或下划线按钮。有人可以帮我吗？

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

【问题讨论】：

当您尝试单击粗体按钮时究竟发生了什么 - 任何错误？还有，你是如何找到按钮的？
嗨，如果你看一下上面刚刚附上的图片，我使用了这个类。所以例如。对于粗体，我使用 ('.class').click()，它不会返回任何错误，但不会单击按钮。即使在浏览器控制台中尝试使用 jquery，它也不会单击按钮。但它可以定位元素。
.red-bold?你是在这里还是在代码中打错字了？ - 应该是.re-bold :)

标签： javascript jquery selenium protractor redactor

【解决方案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
    });
});

【讨论】：