我之前也碰到过Ant Design双滑块在Cypress里拖动失效的情况，给你几个经过验证的解决方案，按顺序试试：

1. 修正mousemove的坐标传递方式 #

你当前用的mousemove(40, 0)是相对于手柄元素的偏移量，但Ant Design的滑块组件通常需要基于绝对客户端坐标来识别拖动操作。试试明确指定clientX和clientY：

cy.get('[data-cy=salarySlider]').then($slider => {
  // 获取滑块容器的位置，计算初始和目标坐标
  const sliderRect = $slider[0].getBoundingClientRect();
  const initialX = sliderRect.left + (sliderRect.width * 0.45); // 对应手柄初始的45%位置
  const targetX = initialX + 40; // 向右拖动40px

  cy.get('.ant-slider-handle-1')
    .trigger('mousedown', { which: 1, clientX: initialX, clientY: sliderRect.top + 10 })
    .trigger('mousemove', { clientX: targetX, clientY: sliderRect.top + 10 })
    .trigger('mouseup');
});

2. 在document上触发mousemove事件 #

拖动过程中鼠标可能会离开手柄元素，这时候组件的mousemove监听是绑定在document上的，所以需要把事件触发到document而非手柄：

cy.get('[data-cy=salarySlider]').find('.ant-slider-handle-1')
  .trigger('mousedown', { which: 1 });

// 计算目标坐标，这里可根据实际页面布局调整数值
cy.document().trigger('mousemove', { clientX: 140, clientY: 200 });
cy.document().trigger('mouseup');

3. 模拟完整的鼠标事件流 #

Ant Design的滑块组件依赖完整的鼠标事件序列，有时候需要补充mouseenter和mouseleave来触发组件的状态更新：

cy.get('[data-cy=salarySlider]').find('.ant-slider-handle-1')
  .trigger('mouseenter')
  .trigger('mousedown', { which: 1 })
  .trigger('mousemove', { clientX: 140, clientY: 200 })
  .trigger('mouseup')
  .trigger('mouseleave');

4. 备选：直接设置滑块数值（跳过拖动模拟） #

如果以上方法都不行，可以尝试直接修改滑块的数值并触发change事件，适合受控组件场景：

// 针对Ant Design滑块生成的隐藏input进行操作
cy.get('[data-cy=salarySlider]').find('input[type="hidden"]')
  .invoke('val', '120000') // 设置目标数值
  .trigger('change');

这些方法在Ant Design 3.x和Cypress 4.x的组合下都能生效，优先试试前两个方案，坐标问题是最常见的原因。

内容的提问来源于stack exchange，提问作者Piotr Brudny