解决Cypress中
元素导致操作失败的问题,分享几个可行的解决思路:
1. 精确计算滚动位置,手动滚动到目标区域
先获取元素的垂直位置,减去固定菜单的高度后手动滚动到该位置,再执行select操作:
cy.get('select').then($el => {
// 获取元素的顶部位置
const elementTop = $el.offset().top;
// 固定菜单的实际高度(根据你的页面调整数值)
const headerHeight = 60;
// 滚动到元素顶部减去菜单高度的位置,多留20px缓冲
cy.scrollTo(0, elementTop - headerHeight - 20);
}).select(someValue);
2. 临时隐藏固定菜单
操作