程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了角材料拖放:赛普拉斯测试不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决角材料拖放:赛普拉斯测试不起作用?

开发过程中遇到角材料拖放:赛普拉斯测试不起作用的问题如何解决?下面主要结合日常开发的经验,给出你关于角材料拖放:赛普拉斯测试不起作用的解决方法建议,希望对你解决角材料拖放:赛普拉斯测试不起作用有所启发或帮助;

我已经尝试了此处提供的解决方案:How to implement drag and drop in cypress test? 并且比尝试使用 cypress 拖放插件取得了更大的进步,但仍然无法使其正常工作。

这是我的代码:

static dragMemberToDragDropList(membername: @R_944_10495@ng,dragDropLisTindex: number): voID {
    cy.get('[autotestID="draws_draggable_member"]').contains(memberName).then(member => {
        const draggable = member[0];
        cy.get('[autotestID="draws_dragdrop_List"]').eq(dragDropLisTindeX).then(List => {
            
            const coordinates = List[0].getBoundingClIEntRect();
            draggable.dispatchEvent(new MouseEvent('mousedown'));
            draggable.dispatchEvent(new MouseEvent('mousemove',{ClIEntX: 10,clIEntY: 0}));
            draggable.dispatchEvent(new MouseEvent('mousemove',{ClIEntX: coordinates.left+10,clIEntY: coordinates.top+10}));
            draggable.dispatchEvent(new MouseEvent('mouseup'));
            
            cy.wait(500);
        });
    });
}

我遇到的问题是,即使坐标看起来是正确的,元素也被拖到了错误的位置。在下面的图片中,A 是它被拖动的地方,C 是我想要它去的地方,B 是它结束的地方......

角材料拖放:赛普拉斯测试不起作用

我不确定这是否重要,但是当我注释掉“mouseup”事件以便在测试完成时我可以看到元素结束的位置,然后如果我在屏幕上移动鼠标元素也会在屏幕上移动。我认为可能很重要的一点是元素离鼠标有一定的距离,并且在移动两者之间的确切距离和位置时保持不变。下图显示了相对位置(M 是鼠标指针):

@H_675_22@

我会认为该元素会与指针位于同一位置吗?

这个问题正在慢慢让我发疯,所以任何建议或建议将不胜感激!

附言我也试过这个:

it('drag drop test',() => {
    cy.visit('https://material.angular.io/cdk/drag-drop/examples#cdk-drag-drop-enter-preDicate');

    cy.get('cdk-drag-drop-enter-preDicate-example')
        .find('.example-Box').contains('2').then(number => {
        const draggable = number[0];
        cy.get('cdk-drag-drop-enter-preDicate-example')
            .find('#even').then(List => {
            
            const coordinates = List[0].getBoundingClIEntRect();
            draggable.dispatchEvent(new MouseEvent('mousedown'));
            draggable.dispatchEvent(new MouseEvent('mousemove',{ClIEntX: coordinates.left + 10,clIEntY: coordinates.top + 10}));
            draggable.dispatchEvent(new MouseEvent('mouseup'));
            
            cy.wait(500);
        });
    });
});

...但也无法让它发挥作用。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的角材料拖放:赛普拉斯测试不起作用全部内容,希望文章能够帮你解决角材料拖放:赛普拉斯测试不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: