How to Stub window.location.reload(), window.location.replace() in Cypress Component Testing for UI5 Web Components?

[bharathhsn]

On Cypress component testing for a UI5 web component, and I need to stub the window.location.reload() and window.location.replace() functions to prevent page reloads and navigation during my tests.

I’ve tried using cy.stub() to mock these functions, but I’m encountering issues with their behaviour when running the tests. Specifically, I’m unsure how to handle these functions in a way that they don’t trigger actual page reloads or navigation in a component testing environment.

Here is an example of what I’ve tried:

beforeEach(() => {
cy.stub(window.location, 'reload').as('pageReload');
cy.stub(window.location, 'replace').as('pageNavigate');
});

However, this approach doesn’t seem to work as expected, and I’m still seeing some tests causing page reloads or navigation attempts.

Has anyone successfully stubbed these functions in Cypress when testing UI5 web components? Any advice or best practices would be greatly appreciated!