Starting point

Author: wakaleo

run-tests.sh

@@ -0,0 +1,16 @@
+#!/bin/bash
+
+# Build Docker images
+docker-compose build
+
+# Start services and stop all when tests are complete
+docker-compose up --abort-on-container-exit
+
+# Capture the exit code of the tests service
+EXIT_CODE=$(docker-compose ps -q tests | xargs docker inspect -f '{{ .State.ExitCode }}')
+
+# Shutdown services
+docker-compose down
+
+# Exit with the tests service's exit code
+exit $EXIT_CODE

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

@@ -9,74 +9,16 @@
 public class TodoMvcAppPage {
 
     private final Page page;
-
-    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(baseUrl);
     }
 
-    public List<String> todoItemsDisplayed() {
-        return todoItems.allTextContents();
-    }
-
-    public Locator todoField() {
-        return todoField;
-    }
-
-    public void addTodoItem(String todoItem) {
-        todoField.fill(todoItem);
-        todoField.press("Enter");
-    }
-
-    public void addTodoItems(String... items) {
-        for (String item : items) {
-            addTodoItem(item);
-        }
-    }
-
-    public void deleteItem(String itemName) {
-        Locator itemRow = itemRow(itemName);
-        Locator deleteButton = itemRow.getByTestId("todo-item-button");
-
-        itemRow.hover();
-        deleteButton.click();
-    }
-
-    public Locator itemRow(String itemName) {
-        return page.getByTestId("todo-item").filter(new Locator.FilterOptions().setHasText(itemName));
-    }
-
-    public void completeItem(String itemName) {
-        Locator itemRow = itemRow(itemName);
-        Locator completeButton = itemRow.getByTestId("todo-item-toggle");
-        completeButton.click();
-
-    }
-
-    public String todoCount() {
-        return page.locator(".todo-count").textContent();
-    }
-
-    public String activeFilter() {
-        return page.locator(".filters .selected").textContent();
-    }
-
-    public void filterItemsBy(String filter) {
-        page.locator(".filters").getByText(filter).click();
-    }
-
-    public void clearCompleted() {
-        page.getByTestId("footer").getByText("Clear completed").click();
-    }
+    // TODO: Add page object methods here
 }

todomvc-acceptance-tests/src/test/java/com/serenitydojo/playwright/todomvc/AddingAndDeletingTodoItemsTest.java

@@ -6,15 +6,10 @@
 import com.serenitydojo.playwright.todomvc.pageobjects.TodoMvcAppPage;
 import io.qameta.allure.Feature;
 import io.qameta.allure.Story;
-import org.assertj.core.api.Assertions;
 import org.junit.jupiter.api.BeforeEach;
 import org.junit.jupiter.api.DisplayName;
 import org.junit.jupiter.api.Nested;
 import org.junit.jupiter.api.Test;
-import org.junit.jupiter.params.ParameterizedTest;
-import org.junit.jupiter.params.provider.CsvSource;
-
-import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;
 
 @DisplayName("Adding and deleting todo items to the list")
 @Feature("Adding and deleting todo items to the list")
@@ -26,7 +21,6 @@ class AddingAndDeletingTodoItemsTest {
     @BeforeEach
     void openApp(Page page) {
         todoMvcApp = new TodoMvcAppPage(page);
-
         todoMvcApp.open();
     }
 
@@ -37,16 +31,17 @@ class WhenTheApplicationStarts {
         @DisplayName("The list should be empty")
         @Test
         void the_list_should_initially_be_empty() {
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).isEmpty();
+            // TODO: Implement me
+            // 1) Verify that no items are displayed in the todo list
         }
 
         @DisplayName("The user should be prompted to enter a todo item")
         @Test
         void the_user_should_be_prompted_to_enter_a_value() {
-            assertThat(todoMvcApp.todoField()).isVisible();
-            assertThat(todoMvcApp.todoField()).hasAttribute("placeholder", "What needs to be done?");
+            // TODO: Implement me
+            // 1) Verify that the input field is visible
+            // 2) Verify that the placeholder text is "What needs to be done?"
         }
-
     }
 
     @Story("When we want to add item to the list")
@@ -57,57 +52,42 @@ class WhenAddingItems {
         @DisplayName("We can add a single item")
         @Test
         void addingASingleItem() {
-            todoMvcApp.addTodoItem("Feed the cat");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat");
-
+            // TODO: Implement me
+            // 1) Add a single todo item "Feed the cat"
+            // 2) Verify that the list contains exactly "Feed the cat"
         }
 
         @DisplayName("We can add multiple items")
         @Test
         void addingSeveralItem() {
-            todoMvcApp.addTodoItem("Feed the cat");
-            todoMvcApp.addTodoItem("Walk the dog");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat", "Walk the dog");
+            // TODO: Implement me
+            // 1) Add multiple items "Feed the cat" and "Walk the dog"
+            // 2) Verify that the list contains exactly "Feed the cat" and "Walk the dog"
         }
 
-        @DisplayName("We can't add add an empty item")
+        @DisplayName("We can't add an empty item")
         @Test
         void addingAnEmptyItem() {
-            todoMvcApp.addTodoItem("Feed the cat");
-            todoMvcApp.addTodoItem("");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat");
-
+            // TODO: Implement me
+            // 1) Add a valid item "Feed the cat"
+            // 2) Attempt to add an empty item
+            // 3) Verify that the list contains only "Feed the cat"
         }
 
         @DisplayName("We can add duplicate items")
         @Test
         void addingDuplicateItem() {
-            todoMvcApp.addTodoItem("Feed the cat");
-            todoMvcApp.addTodoItem("Walk the dog");
-            todoMvcApp.addTodoItem("Feed the cat");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat", "Walk the dog","Feed the cat");
+            // TODO: Implement me
+            // 1) Add items "Feed the cat", "Walk the dog", and "Feed the cat" again
+            // 2) Verify that the list contains duplicates in the order they were added
         }
 
         @DisplayName("We can add items with non-English characters")
-        @ParameterizedTest
-        @CsvSource({
-                "Feed the cat",            // English
-                "Alimentar al gato",       // Spanish
-                "להאכיל את החתול",         // Hebrew
-                "ให้อาหารแมว",              // Thai
-                "喂猫",                     // Chinese
-                "إطعام القط",              // Arabic
-                "кормить кошку",           // Russian
-                "猫に餌をやる",              // Japanese
-                "고양이 먹이기"                // Korean
-        })
-        void addingNonEnglishItems(String item) {
-            todoMvcApp.addTodoItem(item);
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly(item);
+        @Test
+        void addingNonEnglishItems() {
+            // TODO: Implement me
+            // 1) Add items in various languages (e.g., "Feed the cat", "喂猫", "إطعام القط")
+            // 2) Verify that each item appears in the list as added
         }
     }
 
@@ -119,39 +99,28 @@ class WhenDeletingItems {
         @DisplayName("We can delete an item in the middle of the list")
         @Test
         void deletingAnItemInTheMiddleOfTheList() {
-            todoMvcApp.addTodoItems("Feed the cat", "Walk the dog", "Buy some milk");
-
-            todoMvcApp.deleteItem("Walk the dog");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat", "Buy some milk");
-
+            // TODO: Implement me
+            // 1) Add items "Feed the cat", "Walk the dog", "Buy some milk"
+            // 2) Delete "Walk the dog"
+            // 3) Verify that the list contains "Feed the cat" and "Buy some milk"
         }
 
-
         @DisplayName("We can delete an item at the end of the list")
         @Test
         void deletingAnItemAtTheEndOfTheList() {
-            todoMvcApp.addTodoItems("Feed the cat", "Walk the dog", "Buy some milk");
-
-            todoMvcApp.deleteItem("Buy some milk");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat", "Walk the dog");
-
+            // TODO: Implement me
+            // 1) Add items "Feed the cat", "Walk the dog", "Buy some milk"
+            // 2) Delete "Buy some milk"
+            // 3) Verify that the list contains "Feed the cat" and "Walk the dog"
         }
 
-
-
         @DisplayName("We can delete an item at the start of the list")
         @Test
         void deletingAnItemAtTheStartOfTheList() {
-            todoMvcApp.addTodoItems("Feed the cat", "Walk the dog", "Buy some milk");
-
-            todoMvcApp.deleteItem("Feed the cat");
-
-            Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Walk the dog", "Buy some milk");
-
+            // TODO: Implement me
+            // 1) Add items "Feed the cat", "Walk the dog", "Buy some milk"
+            // 2) Delete "Feed the cat"
+            // 3) Verify that the list contains "Walk the dog" and "Buy some milk"
         }
-
     }
-
 }

todomvc-acceptance-tests/src/test/java/com/serenitydojo/playwright/todomvc/CompletingTodoItemsTest.java

@@ -5,15 +5,9 @@
 import com.serenitydojo.playwright.fixtures.ChromeHeadlessOptions;
 import com.serenitydojo.playwright.todomvc.pageobjects.TodoMvcAppPage;
 import io.qameta.allure.Feature;
-import org.assertj.core.api.Assertions;
 import org.junit.jupiter.api.BeforeEach;
 import org.junit.jupiter.api.DisplayName;
-import org.junit.jupiter.api.Nested;
 import org.junit.jupiter.api.Test;
-import org.junit.jupiter.params.ParameterizedTest;
-import org.junit.jupiter.params.provider.CsvSource;
-
-import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;
 
 @DisplayName("Completing todo items to the list")
 @UsePlaywright(ChromeHeadlessOptions.class)
@@ -32,31 +26,28 @@ void openApp(Page page) {
     @DisplayName("Completed items should be marked as completed")
     @Test
     void completedItemsShouldBeMarkedAsCompleted() {
-        todoMvcApp.addTodoItems("Feed the cat","Walk the dog","Buy some milk");
-
-        todoMvcApp.completeItem("Feed the cat");
-
-        assertThat(todoMvcApp.itemRow("Feed the cat")).hasClass("completed");
+        // TODO: Implement me
+        // 1) Add "Feed the cat", "Walk the dog", "Buy some milk"
+        // 2) Complete "Feed the cat"
+        // 3) Check that "Feed the cat" is shown as completed
     }
 
     @DisplayName("Completing an item should update the number of items left count")
     @Test
     void shouldUpdateNumberOfItemsLeftCount() {
-        todoMvcApp.addTodoItems("Feed the cat","Walk the dog","Buy some milk");
-
-        todoMvcApp.completeItem("Feed the cat");
-
-        Assertions.assertThat(todoMvcApp.todoCount()).isEqualTo("2 items left!");
+        // TODO: Implement me
+        // 1) Add "Feed the cat", "Walk the dog", "Buy some milk"
+        // 2) Complete "Feed the cat"
+        // 3) Verify the todo count shows "2 items left!"
     }
 
     @DisplayName("Should be able to clear completed items")
     @Test
     void shouldBeAbleToClearCompletedItems() {
-        todoMvcApp.addTodoItems("Feed the cat", "Walk the dog", "Buy some milk");
-
-        todoMvcApp.completeItem("Walk the dog");
-        todoMvcApp.clearCompleted();
-
-        Assertions.assertThat(todoMvcApp.todoItemsDisplayed()).containsExactly("Feed the cat", "Buy some milk");
+        // TODO: Implement me
+        // 1) Add "Feed the cat", "Walk the dog", "Buy some milk"
+        // 2) Complete "Walk the dog"
+        // 3) Clear the completed items
+        // 4) Verify that the remaining items are "Feed the cat" and "Buy some milk"
     }
 }