Sample code

Author: wakaleo

pom.xml

@@ -41,25 +41,28 @@
             <version>5.11.3</version>
             <scope>test</scope>
         </dependency>
+        <dependency>
+            <groupId>org.junit.platform</groupId>
+            <artifactId>junit-platform-suite</artifactId>
+            <version>1.11.3</version>
+            <scope>test</scope>
+        </dependency>
         <dependency>
             <groupId>io.cucumber</groupId>
             <artifactId>cucumber-java</artifactId>
             <version>7.20.1</version>
+            <scope>test</scope>
         </dependency>
         <dependency>
             <groupId>io.cucumber</groupId>
             <artifactId>cucumber-junit</artifactId>
             <version>7.20.1</version>
+            <scope>test</scope>
         </dependency>
         <dependency>
             <groupId>io.cucumber</groupId>
             <artifactId>cucumber-junit-platform-engine</artifactId>
             <version>7.20.1</version>
-        </dependency>
-        <dependency>
-            <groupId>org.junit.platform</groupId>
-            <artifactId>junit-platform-suite</artifactId>
-            <version>1.11.3</version>
             <scope>test</scope>
         </dependency>
         <dependency>
@@ -79,12 +82,12 @@
         </dependency>
         <dependency>
             <groupId>io.qameta.allure</groupId>
-            <artifactId>allure-cucumber7-jvm</artifactId>
+            <artifactId>allure-junit-platform</artifactId>
             <scope>test</scope>
         </dependency>
         <dependency>
             <groupId>io.qameta.allure</groupId>
-            <artifactId>allure-junit-platform</artifactId>
+            <artifactId>allure-cucumber7-jvm</artifactId>
             <scope>test</scope>
         </dependency>
     </dependencies>

src/test/java/com/serenitydojo/playwright/toolshop/catalog/pageobjects/SearchComponent.java

@@ -11,7 +11,7 @@ public SearchComponent(Page page) {
     }
 
     public void searchBy(String keyword) {
-        page.waitForResponse("**/products/search?q=" + keyword, () -> {
+        page.waitForResponse("**/products/search?**", () -> {
             page.getByPlaceholder("Search").fill(keyword);
             page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Search")).click();
         });

…olshop/cucumber/AcceptanceTestSuite.java …toolshop/cucumber/CucumberTestSuite.javasrc/test/java/com/serenitydojo/playwright/toolshop/cucumber/AcceptanceTestSuite.java renamed to src/test/java/com/serenitydojo/playwright/toolshop/cucumber/CucumberTestSuite.java src/test/java/com/serenitydojo/playwright/toolshop/cucumber/AcceptanceTestSuite.java renamed to src/test/java/com/serenitydojo/playwright/toolshop/cucumber/CucumberTestSuite.java

@@ -7,11 +7,12 @@
 
 @Suite
 @IncludeEngines("cucumber")
-@ConfigurationParameter(key="cucumber.plugin",
-        value = "io.qameta.allure.cucumber7jvm.AllureCucumber7Jvm, " +
-                "pretty, " +
-                "html:target/cucumber-reports/cucumber.html, " +
-                "json:target/cucumber-reports/cucumber.json")
 @SelectClasspathResource("/features")
-public class AcceptanceTestSuite {
+@ConfigurationParameter(
+        key="cucumber.plugin",
+        value = "io.qameta.allure.cucumber7jvm.AllureCucumber7Jvm," +
+                "pretty," +
+                "html:target/cucumber-reports/cucumber.html"
+)
+public class CucumberTestSuite {
 }

src/test/java/com/serenitydojo/playwright/toolshop/cucumber/PlaywrightHooks.java

@@ -0,0 +1,54 @@
+package com.serenitydojo.playwright.toolshop.cucumber.stepdefinitions;
+
+import com.microsoft.playwright.*;
+import io.cucumber.java.After;
+import io.cucumber.java.AfterAll;
+import io.cucumber.java.Before;
+
+import java.util.Arrays;
+
+public class PlaywrightCucumberFixtures {
+    private static final ThreadLocal<Playwright> playwright
+            = ThreadLocal.withInitial(() -> {
+                Playwright playwright = Playwright.create();
+                playwright.selectors().setTestIdAttribute("data-test");
+                return playwright;
+            }
+    );
+
+    private static final ThreadLocal<Browser> browser = ThreadLocal.withInitial(() ->
+            playwright.get().chromium().launch(
+                    new BrowserType.LaunchOptions()
+                            .setHeadless(false)
+                            .setArgs(Arrays.asList("--no-sandbox", "--disable-extensions", "--disable-gpu"))
+            )
+    );
+
+    private static final ThreadLocal<BrowserContext> browserContext = new ThreadLocal<>();
+
+    private static final ThreadLocal<Page> page = new ThreadLocal<>();
+
+    @Before(order = 100)
+    public void setUpBrowserContext() {
+        browserContext.set(browser.get().newContext());
+        page.set(browserContext.get().newPage());
+    }
+
+    @After
+    public void closeContext() {
+        browserContext.get().close();
+    }
+
+    @AfterAll
+    public static void tearDown() {
+        browser.get().close();
+        browser.remove();
+
+        playwright.get().close();
+        playwright.remove();
+    }
+
+    public static Page getPage() {
+        return page.get();
+    }
+}

src/test/java/com/serenitydojo/playwright/toolshop/cucumber/SearchStepDefinitions.java

@@ -0,0 +1,41 @@
+package com.serenitydojo.playwright.toolshop.cucumber.stepdefinitions;
+
+import com.serenitydojo.playwright.toolshop.catalog.pageobjects.NavBar;
+import com.serenitydojo.playwright.toolshop.catalog.pageobjects.ProductList;
+import com.serenitydojo.playwright.toolshop.catalog.pageobjects.SearchComponent;
+import io.cucumber.java.Before;
+import io.cucumber.java.en.Given;
+import io.cucumber.java.en.Then;
+import io.cucumber.java.en.When;
+import io.cucumber.java.eo.Se;
+import io.cucumber.messages.types.Product;
+import org.assertj.core.api.Assertions;
+
+public class ProductCatalogStepDefinitions {
+
+    NavBar navBar;
+    SearchComponent searchComponent;
+    ProductList productList;
+
+    @Before
+    public void setupPageObjects() {
+         navBar = new NavBar(PlaywrightCucumberFixtures.getPage());
+         searchComponent = new SearchComponent(PlaywrightCucumberFixtures.getPage());
+         productList = new ProductList(PlaywrightCucumberFixtures.getPage());
+    }
+
+    @Given("Sally is on the home page")
+    public void sally_is_on_the_home_page() {
+        navBar.openHomePage();
+    }
+    @When("she searches for {string}")
+    public void she_searches_for(String searchTerm) {
+        searchComponent.searchBy(searchTerm);
+    }
+    @Then("the {string} product should be displayed")
+    public void the_product_should_be_displayed(String productName) {
+        var matchingProducts = productList.getProductNames();
+        Assertions.assertThat(matchingProducts).contains(productName);
+    }
+
+}

src/test/java/com/serenitydojo/playwright/toolshop/cucumber/stepdefinitions/PlaywrightCucumberFixtures.java

@@ -0,0 +1,15 @@
+Feature: Product Catalog
+
+  As a customer,
+  I want to easily search, filter, and sort products in the catalog
+  So that I can find what I need quickly.
+
+  Sally is an online shopper
+
+  Rule: Customers should be able to search for products by name
+    Example: The one where Sally searches for an Adjustable Wrench
+      Given Sally is on the home page
+      When she searches for "Adjustable Wrench"
+      Then the "Adjustable Wrench" product should be displayed
+
+