Cypress Cucumber：如何识别调用步骤定义的Feature文件？

核心思路 #

放弃无效的_getCallerFile方法，改用Cypress Cucumber预处理器提供的测试上下文来获取当前运行的feature文件信息，以此匹配对应的定位器文件。

具体实现步骤 #

1. 确保预处理器配置正确 #

在cypress.config.js中配置Cypress Cucumber Preprocessor，开启上下文传递支持：

const createBundler = require('@bahmutov/cypress-esbuild-preprocessor');
const { addCucumberPreprocessorPlugin } = require('@badeball/cypress-cucumber-preprocessor');
const createEsbuildPlugin = require('@badeball/cypress-cucumber-preprocessor/esbuild');

module.exports = async (on, config) => {
  await addCucumberPreprocessorPlugin(on, config);

  on(
    'file:preprocessor',
    createBundler({
      plugins: [createEsbuildPlugin(config)],
    })
  );

  return config;
};

2. 在公共步骤中获取Feature文件名 #

在公共步骤定义文件里，通过this上下文（必须用普通函数，不能用箭头函数）获取当前测试的pickle对象，从中提取feature文件名：

Then('I click on {string} button', function (buttonText) {
  // 从uri中提取最后一段作为feature文件名
  const featureFileName = this.pickle.uri.split('/').pop();
  
  // 根据文件名加载对应定位器
  let locators;
  switch(featureFileName) {
    case 'A1.feature':
      locators = require('../locators/A1-loc.cy');
      break;
    case 'B2.feature':
      locators = require('../locators/B2-loc.cy');
      break;
    default:
      throw new Error(`未找到${featureFileName}对应的定位器文件`);
  }

  // 使用定位器执行操作
  cy.get(locators.saveButton).click();
});

3. 简化定位器加载逻辑（可选） #

如果feature文件和定位器文件命名规则统一（如A1.feature对应A1-loc.cy），可以直接拼接路径加载：

Then('I click on {string} button', function (buttonText) {
  const featureBaseName = this.pickle.uri.split('/').pop().replace('.feature', '');
  const locators = require(`../locators/${featureBaseName}-loc.cy`);
  
  cy.get(locators.saveButton).click();
});

注意事项 #

• 步骤定义必须用普通函数，箭头函数会丢失this上下文，无法获取pickle对象。
• 若使用TypeScript，需为World对象添加类型声明，避免类型报错。

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