Me enfrenté al problema de desplazamiento de Cypress con respecto al acceso a un submenú que aparecía después de pasar el mouse sobre el elemento del menú principal. El error es This element is not visible because it has CSS property: position: fixed and it's being covered by another element: . Traté de usar las soluciones alternativas recomendadas por Cypress https://docs.cypress.io/api/commands/hover#Workarounds pero no tuve éxito. La documentación de Cypress dice "Usar .trigger() solo afectará los eventos en JavaScript y no activará ningún efecto en CSS", así que traté de cambiar la propiedad CSS del elemento al principio y luego usé el comando .trigger:

 cy.get('.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh').eq(0).invoke('attr', 'style', 'position: absolute'); cy.get('.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh').eq(0).should('have.attr', 'style', 'position: absolute'); cy.get('.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh').eq(0).invoke('show'); cy.get('.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh').eq(0).trigger('mouseover');

Pero no funcionó. Independientemente, tengo la confirmación expected <ul.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh> to have attribute style with the value **position: absolute** Tengo el mismo error en la final paso This element <ul.header-module--subMenu--1TF98.header-module--menuLevel2--2QGyh> is not visible because it has CSS property: **position: fixed** and it's being covered by another element: . ¿Cómo puedo acceder al submenú oculto sin usar el argumento { force: true } ?