使用cypress-cucumber-preprocessor标签功能报错：url未定义

错误点1：步骤定义参数捕获逻辑错误 #

你的When步骤定义写法完全错误，既没有正确匹配Feature文件中的<site>参数，也没有在回调函数中接收参数。正确的做法是使用模板字符串包含占位符，并在回调中接收对应的参数。

错误点2：Feature文件场景类型不匹配 #

使用Examples时必须搭配Scenario Outline，而不是Scenario，否则Examples块不会被识别，参数也无法传递到步骤中。

错误点3：断言逻辑不通用 #

当前Then步骤的断言仅适配duckduckgo的搜索框占位符，运行google用例会直接失败，需要根据不同站点调整断言逻辑。

修正后的Feature文件 #

Feature: duckduckgo.com
    Rule: I am on a desktop
        Scenario Outline: visiting the frontpage
            When I visit <site>
            Then I should see a search bar for <site>

            @google
            Examples:
                | site              |
                | google.com        |
            
            @duckduckgo
            Examples:
                | site              |   
                | duckduckgo.com    |   

修正后的步骤定义代码 #

import { When, Then } from "@badeball/cypress-cucumber-preprocessor";

When(`I visit {string}`, (site) => {
  const targetUrl = site === 'duckduckgo.com' ? "https://www.duckduckgo.com" : "https://www.google.com";
  cy.visit(targetUrl);
});

Then("I should see a search bar for {string}", (site) => {
  const expectedPlaceholder = site === 'duckduckgo.com' 
    ? "Search the web without being tracked" 
    : "Search";
  // 用更精准的选择器定位搜索框，避免匹配到其他输入框
  cy.get("input[role='textbox']").should("have.attr", "placeholder", expectedPlaceholder);
});

执行原命令即可正常运行指定标签的测试：

npx cypress run --env tags="@google"

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