Stubs best practice in E2E testing

[Dannyisadog]

Hi all, I have a question about stub a function

related issue: #26946

I have a page and it probably has some parent Contexts.

Some general functions will called in Context Provider and I want to stub it, how to solve it or is there any best best practice base on the scenario, thanks.

src/utility

const myFunction = () => '123';

export default {
  myFunction,
};

testing.tsx

import u from 'src/utility';

const TestingPage = () => (
  // parent component will call u.myFunction()
  <div>Testing</div>
);
export default TestingPage;

e2eTesting.cy.ts

import u from 'src/utility';

describe('Stub testing', () => {
  beforeEach(() => {
    cy.stub(u, 'myConsole').returns('456');
  });

  it('should get mocked data correctly', () => {
    cy.visit('/testing');
    // console get 123 instead of 456
  });
});