我在 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