使用量角器进行滑块测试

Question

刚接触量角器，正在尝试使用量角器测试滑块。我发现：

ptor.actions().dragAndDrop(slider.find(), {x:100, y:0}).perform()

应该做这项工作。但这对我的代码没有帮助，有人可以在这里提出建议吗？

HTML代码段：

<input ng-model="sliderValue" type="text" id="slider" slider="" options="sliderOptions" class="ng-pristine ng-untouched ng-valid ng-isolate-scope ng-hide" value="60">

<div class="jslider-pointer" style="left: 100%; background-color: rgb(3, 155, 229);"></div>

Answer 1

您应该将找到的 element 传递给 dragAndDrop():

var slider = element(by.id('slider'));

browser.actions().dragAndDrop(
    slider,
    {x:100, y:0}
).perform();

在此处查看其他示例：

Drag and drop using protractor in dthmlx component
How to simulate a drag and drop action in protractor?

使用量角器进行滑块测试

Slider testing using protractor

testing

end-to-end

angularjs

protractor

e2e-testing