Cypress测试中向Stub函数传参出现undefined问题求助

核心问题分析 #

你遇到的cypressParam始终为undefined，本质是实际代码调用getMarket时没有传入参数，或者stub的匹配逻辑未生效。cy.stub(...).withArgs('UK')仅定义了「函数被传入UK时的行为」，若实际调用时未传参，原函数自然拿不到参数，stub也不会触发匹配逻辑。

正确解决方案 #

1. 确保业务代码调用时传入目标参数 #

先检查业务代码中调用getMarket的位置，必须明确传递'UK'参数：

// 业务代码中需这样调用
getMarket('UK');

再在测试代码中使用stub匹配参数并指定返回值：

// Cypress测试代码
cy.stub(utils, 'getMarket').withArgs('UK').returns('UK');

2. 强制函数返回指定值（忽略调用参数） #

若无需验证参数，仅需getMarket固定返回UK，可直接省略withArgs：

cy.stub(utils, 'getMarket').returns('UK');

此时无论业务代码调用时传参情况如何，函数都会返回UK，原函数内的console.log可能仍输出undefined，但返回值符合测试需求。

3. 处理全局挂载的函数（若getMarket在window上） #

如果getMarket挂载在浏览器全局window对象上，需通过cy.window()访问后再stub：

cy.window().then(win => {
  cy.stub(win, 'getMarket').withArgs('UK').returns('UK');
});

4. 模拟window.location.hostname（可选） #

若原函数依赖window.location.hostname === 'localhost'的判断，而Cypress测试环境hostname并非localhost，可额外修改该属性：

Object.defineProperty(window.location, 'hostname', {
  writable: true,
  value: 'localhost'
});

内容的提问来源于stack exchange，提问作者user21175044