javascript - 使用 TestCafe 测试滑块元素的问题

Question

在这种情况下，我不知道如何正确编写滑块元素的测试：

    <Slider
                  defaultValue={pickupValue.length ? pickupValue : [15, 15]}
                  aria-labelledby="range-slider"
                  valueLabelDisplay="auto"
                  onChange={(e, value) => handleChangePickupTime(value)}
                  valueLabelFormat={(value) => formatSliderToDisplay(value)}
                  step={0.5}
                  marks
                  min={0}
                  max={24}
                />

我试过了：

constructor{
this.productPickupCutoff= Selector('[ pickupValue : [10,12]}]');
}
  async setOnProductPickupCutoff(){
    await t
    .click(this.productPickupCutoff);
    .drag(this.productPickupCutoff);
 }

标签： javascriptdrag-and-dropautomated-testse2e-testingtestcafe

Answer 1

我认为最好使用aria-labelledbySelector 中的属性来保持一致性。此外，您需要为拖动操作指定偏移参数：

const slider = Selector('[aria-labelledby="range-slider"]'); 

test(`New Test`, async t => {    
    await t
        .drag(slider, 70, 0);
});