如何使用 selenium 对掌上电脑进行 e2e 测试

【问题标题】：How to e2e test handsontable with selenium如何使用 selenium 对掌上电脑进行 e2e 测试
【发布时间】：2019-02-12 04:21:16
【问题描述】：

我们正在构建一个包含一些可动手操作的表格的应用。我们很想用 selenium 编写一个 e2e 测试，模拟用户单击单元格并输入数据。

但是，就我的一生而言，我无法通过 selenium 中的编程方式（甚至是普通的旧 javascript）弄清楚如何做到这一点

有人想分享任何专业提示或示例吗？

【问题讨论】：

你喜欢哪种语言，java、javascript、python？
javascript，理想情况下，但任何事情都可以。我对如何模拟鼠标事件以能够在某个单元格输入值更感兴趣

标签： selenium handsontable e2e-testing

【解决方案1】：

我给出了可行的代码来简单地将类型输入到第一行的第 5 个单元格中。我使用Protractor 作为自动化框架，并在here 的可操作示例上进行测试。

var url = 'https://handsontable.com/examples?' + 
    'manual-resize&manual-move&conditional-formatting&' +
    'context-menu&filters&dropdown-menu&headers';

describe('handsontable', function(){

    it('input text into cell', function(){

        browser.ignoreSynchronization = true;
        browser.get(url);
        browser.sleep(3000);

        var css = '.ht_master.handsontable table > tbody tr:nth-child(1) *:nth-child(5)';
        var cell = element(by.css(css));

        browser.actions().mouseMove(cell).click().doubleClick().perform();

        browser.sleep(2000);

        element(by.css('.handsontableInputHolder:not([style*="-9999"]) > textarea')).clear().sendKeys('Test')

        browser.sleep(3000);

    })
})

【讨论】：