Added docker configuration

Author: wakaleo

.github/workflows/playwright-tests.yml

@@ -18,9 +18,14 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v3
 
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+
       # Step 2: Set up JDK 17 (adjust if you're using a different version)
       - name: Set up JDK 17
-        uses: actions/setup-java@v3
+        uses: actions/setup-java@v4
         with:
           java-version: '17'
           distribution: 'adopt'
@@ -47,6 +52,9 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-maven
 
-      # Step 4: Run Maven to execute Playwright tests
+      - name: Install Playwright dependencies
+        run: npx playwright install-deps
+
+      # Step 6: Run Maven to execute Playwright tests
       - name: Run Playwright Tests
         run: mvn verify

docker-compose.yml

@@ -0,0 +1,37 @@
+version: '3.8'
+
+services:
+  webapp:
+    build:
+      context: ./react-todomvc
+    ports:
+      - "7002:7002"
+    networks:
+      - test-network
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:7002"]
+      interval: 10s
+      timeout: 5s
+      retries: 5
+    # Ensure the webapp service doesn't restart automatically
+    restart: "no"
+
+  tests:
+    build:
+      context: ./todomvc-acceptance-tests
+    depends_on:
+      webapp:
+        condition: service_healthy
+    networks:
+      - test-network
+    volumes:
+      - ./todomvc-acceptance-tests/target:/tests/target
+    # Ensure the webapp service doesn't restart automatically
+    environment:
+      - APP_HOST_URL=http://webapp:7002
+    user: "${UID}:${GID}"
+    restart: "no"
+
+networks:
+  test-network:
+    driver: bridge

react-todomvc/Dockerfile

@@ -0,0 +1,20 @@
+# Use the official Node.js LTS image
+FROM node:16
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json
+COPY package*.json ./
+
+# Install Node.js dependencies
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Expose the port that your app runs on
+EXPOSE 7002
+
+# Start the Node.js application
+CMD ["npm", "run", "serve"]

todomvc-acceptance-tests/Dockerfile

@@ -0,0 +1,44 @@
+# Use OpenJDK 17 slim as the base image
+FROM openjdk:17-slim
+
+# Install dependencies
+RUN apt-get update && \
+    apt-get install -y curl zip unzip && \
+    rm -rf /var/lib/apt/lists/*
+
+# Install SDKMAN! and Maven 3.9.9
+RUN curl -s "https://get.sdkman.io" | bash && \
+    bash -c "source $HOME/.sdkman/bin/sdkman-init.sh && \
+             sdk install maven 3.9.9"
+
+# Set Maven environment variables
+ENV MAVEN_HOME /root/.sdkman/candidates/maven/current
+ENV PATH "$MAVEN_HOME/bin:$PATH"
+
+# Verify Maven installation
+RUN mvn -version
+
+# Install curl and update CA certificates
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends curl ca-certificates && \
+    rm -rf /var/lib/apt/lists/*
+
+# Install Node.js and npm
+RUN curl -fsSL https://deb.nodesource.com/setup_16.x | bash - && \
+    apt-get install -y nodejs && \
+    rm -rf /var/lib/apt/lists/*
+
+# Install Playwright dependencies
+RUN npx playwright install-deps
+
+# Test internet connectivity
+RUN curl -I https://repo.maven.apache.org/maven2/
+
+# Set the working directory inside the container
+WORKDIR /tests
+
+# Copy the Maven project files to the container
+COPY . .
+
+# Run Maven to execute the tests
+CMD ["mvn", "verify"]

todomvc-acceptance-tests/src/main/java/com/serenitydojo/playwright/todomvc/pageobjects/TodoMvcAppPage.java

@@ -2,6 +2,7 @@
 
 import com.microsoft.playwright.Locator;
 import com.microsoft.playwright.Page;
+import org.apache.commons.lang3.StringUtils;
 
 import java.util.List;
 
@@ -12,15 +13,17 @@ public class TodoMvcAppPage {
     private final Locator todoItems;
     private final Locator todoField;
 
+    private final String baseUrl;
+
     public TodoMvcAppPage(Page page) {
         this.page = page;
-
+        baseUrl = (StringUtils.isEmpty(System.getenv("APP_HOST_URL"))) ? "http://localhost:7002" : System.getenv("APP_HOST_URL");
         this.todoItems = page.getByTestId("todo-item");
         this.todoField = page.getByTestId("text-input");
     }
 
     public void open() {
-        page.navigate("http://localhost:7002");
+        page.navigate(baseUrl);
     }
 
     public List<String> todoItemsDisplayed() {