Add Cucumber step definitions for Percy visual testing

[neha-sanse]

Summary

• Add PercySteps class in io.percy.playwright.cucumber package with Gherkin step definitions for Percy Snapshot and Create Percy Region
• Cucumber dependency is provided scope -- users bring their own Cucumber version
• Unit tests for all step definitions

Cucumber Steps

Snapshot (DOM)

When I take a Percy snapshot named "Homepage"
When I take a Percy snapshot named "Responsive" with widths "375,768,1280"
When I take a Percy snapshot named "Styled" with Percy CSS "h1 { color: red; }"
When I take a Percy snapshot named "Scoped" with scope ".todoapp"
When I take a Percy snapshot named "Layout" with layout mode
When I take a Percy snapshot named "Tagged" with labels "smoke,regression"

Regions

Given I create a Percy ignore region with CSS selector ".ad-banner"
Given I create a Percy ignore region with XPath "//header"
Given I create a Percy ignore region with bounding box 0, 0, 600, 80
Given I create a Percy consider region with CSS selector ".content"
Given I create a Percy consider region with CSS selector ".content" and diff sensitivity 3
Given I create a Percy intelliignore region with CSS selector ".dynamic"

Setup

@Before
public void setUp() {
    playwright = Playwright.create();
    browser = playwright.chromium().launch();
    page = browser.newPage();
    PercySteps.setPage(page);
}

@After
public void tearDown() {
    browser.close();
    playwright.close();
    PercySteps.reset();
}

Test plan

• Unit tests pass for all step definitions
• Compile with Cucumber 7.x provided dependency
• Verify steps work in a Cucumber feature file with Percy exec

Note: No Percy Screenshot (Automate) steps -- Automate is Selenium/WebDriver only.

🤖 Generated with Claude Code