时间戳

首页 > 解决方案 > 我在 testcafe 中使用拖动功能时遇到问题

drag-and-drop - 我在 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');
});

我希望滑块拇指移动，但它没有移动。任何提示将不胜感激，谢谢！

标签： drag-and-dropautomated-testse2e-testingweb-testingtestcafe

解决方案

尝试.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

推荐阅读