我在testcafe中使用拖动功能时遇到问题

Question

我正在使用testcafe进行端到端测试。我目前正在测试我的滑块组件并使用拖动功能，但由于某种原因，即使它显示光标在移动，它也不会移动。

这是我的粗略代码：

const slider = Selector('#slider');
const sliderThumb = Selector('#slider-thumb');

test('Dragging Slider', async t => {
    await t
        .expect(slider.value).eql('50')
        .drag(sliderThumb, 30, 0)
        .expect(slider.value).eql('70');
});

我预计滑块拇指会移动，但它不会移动。任何建议都将不胜感激，谢谢！

Answer 1

尝试在等待之后添加.click('#i-tried-testcafe');。

const slider = Selector('#slider');
const sliderThumb = Selector('#slider-thumb');

test('Dragging Slider', async t => {
    await t
        .click('#i-tried-testcafe');
        .expect(slider.value).eql('50')
        .drag(sliderThumb, 30, 0)
        .expect(slider.value).eql('70');
});

欲了解更多信息，请访问：https://devexpress.github.io/testcafe/documentation/test-api/actions/drag-element.html