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

时间:2019-05-17 00:15:06

标签: drag-and-drop automated-tests e2e-testing web-testing testcafe

我正在使用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');
});

我希望滑块滑动,但不会移动。任何提示将不胜感激,谢谢!

1 个答案:

答案 0 :(得分: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