e2e tests

Author: ksy36

server/frontend/src/components/Buckets/FilterBar.vue

@@ -10,6 +10,7 @@
           activeState === tab.key ? 'btn-primary' : 'btn-default',
         ]"
         :disabled="disabled"
+        :data-testid="tab.key"
         @click="setStatus(tab.key)"
       >
         {{ tab.label }}
@@ -25,6 +26,7 @@
           type="text"
           class="form-control"
           placeholder="Domain filter…"
+          data-testid="domain-input"
           :disabled="disabled"
           @change="onDomainChange"
           @keyup.enter="onDomainChange"
@@ -33,6 +35,8 @@
           <button
             class="btn btn-default btn-sm"
             type="button"
+            aria-label="Search"
+            data-testid="domain-search-btn"
             :disabled="disabled"
             @click="onDomainSearch"
           >

tests/e2e/page_objects/buckets.py

@@ -10,7 +10,11 @@ def __init__(self, page, live_server):
         super().__init__(page, live_server)
 
         self.bucket_items = self.page.get_by_test_id("bucket-row")
-        self.show_triaged_toggle = self.page.get_by_test_id("show-triaged-toggle")
+        self.show_all = self.page.get_by_test_id("all")
+        self.show_needs_triage = self.page.get_by_test_id("needs_triage")
+        self.show_triaged = self.page.get_by_test_id("triaged")
+        self.domain_input = self.page.get_by_test_id("domain-input")
+        self.domain_search_btn = self.page.get_by_test_id("domain-search-btn")
 
     def bucket_count(self):
         """Return the number of buckets displayed on the page."""
@@ -20,10 +24,30 @@ def wait_for_buckets_to_load(self):
         """Wait for bucket rows to appear on the page."""
         self.bucket_items.first.wait_for(state="visible")
 
-    def click_show_triaged_toggle(self):
-        """Toggle between Show Triaged / Hide Triaged."""
+    def click_on_state(self, locator):
         with self.page.expect_response(
             lambda r: "/reportmanager/rest/buckets/" in r.url
             and r.request.method == "GET"
         ):
-            self.show_triaged_toggle.click()
+            locator.click()
+
+    def click_show_all(self):
+        """Click All button to show all buckets including triaged."""
+        self.click_on_state(self.show_all)
+
+    def click_needs_triage(self):
+        """Click Needs Triage to hide triaged buckets."""
+        self.click_on_state(self.show_needs_triage)
+
+    def click_triaged(self):
+        """Click Triaged to show only triaged buckets."""
+        self.click_on_state(self.show_triaged)
+
+    def search_domain(self, domain):
+        """Type a domain into the filter input and click Search."""
+        self.domain_input.fill(domain)
+        with self.page.expect_response(
+            lambda r: "/reportmanager/rest/buckets/" in r.url
+            and r.request.method == "GET"
+        ):
+            self.domain_search_btn.click()

tests/e2e/test_buckets.py

@@ -28,12 +28,36 @@ def test_buckets_list_show_hide_triaged(page, live_server, logged_in, e2e_data):
     untriaged_count = e2e_data["bucket_count"] - e2e_data["triaged_count"]
     assert buckets_page.bucket_count() == untriaged_count
 
-    # Show Triaged - all buckets visible
-    buckets_page.click_show_triaged_toggle()
+    # Click to show buckets in All states
+    buckets_page.click_show_all()
     buckets_page.wait_for_buckets_to_load()
     assert buckets_page.bucket_count() == e2e_data["bucket_count"]
 
-    # Hide Triaged again
-    buckets_page.click_show_triaged_toggle()
+    # Back to Needs Triage - triaged buckets hidden again
+    buckets_page.click_needs_triage()
     buckets_page.wait_for_buckets_to_load()
     assert buckets_page.bucket_count() == untriaged_count
+
+
+@pytest.mark.ui
+@pytest.mark.django_db(transaction=True)
+def test_buckets_list_triaged_tab(page, live_server, logged_in, e2e_data):
+    buckets_page = BucketsPage(page, live_server)
+    buckets_page.navigate()
+    buckets_page.wait_for_buckets_to_load()
+
+    buckets_page.click_triaged()
+    buckets_page.wait_for_buckets_to_load()
+    assert buckets_page.bucket_count() == e2e_data["triaged_count"]
+
+
+@pytest.mark.ui
+@pytest.mark.django_db(transaction=True)
+def test_buckets_list_domain_filter(page, live_server, logged_in, e2e_data):
+    buckets_page = BucketsPage(page, live_server)
+    buckets_page.navigate()
+    buckets_page.wait_for_buckets_to_load()
+
+    buckets_page.search_domain("vicroads.vic.gov.au")
+    buckets_page.wait_for_buckets_to_load()
+    assert buckets_page.bucket_count() == 3