javascript - Protractor 改变元素的大小

Question

我可以使用 getSize 方法指定元素的大小，但我不知道如何更改该元素的 height(例如)。

只是为了提供更多上下文，我想测试最终用户是否可以调整 textarea 元素的大小。我应该只设置高度还是它们是模拟用户与元素交互的一种方式。

提前致谢

解决方案
我的实现看起来像这样:

myElement.getSize().then(function(result){ 
    browser.driver.actions()
      .mouseMove(inputElement, {x: result.width-1, y: result.height-1})
      .mouseDown()
      .mouseMove(inputElement, {y: newHeight })
      .mouseUp()
      .perform()
}); 

这允许我模拟用户交互调整 textarea 元素的大小。

Answer 1

您可以使用 browser.executeScript() 修改 Protractor 中元素的高度。类似下面的内容应该适合您

 browser.executeScript('$("div").height(500)').then(function(){
        $("div").getSize().then(function(eleSize){
            console.log('element size: '+eleSize);
            expect(eleSize.height).toEqual(500);
        });
    })

您可以将此元素作为参数传递给 browser.executeScript()

如果您真的想模拟最终用户单击和拖动文本框边界的操作，可以。关键是创建一个 action sequence和 browser.action()可以利用

如果您有兴趣，我已经尝试过类似的东西 - drawing a signature using protractor