feat: add basic e2e test case to filter category

apps/web/__tests__/support/pageObjects/CategoryObject.ts

@@ -0,0 +1,9 @@
+
+export class CategoryPageObject {
+  get filterClickShouldReloadCategory() {
+    cy.intercept('http://localhost:8181/plentysystems/getFacet').as('getFacet');
+    cy.getByTestId('category-filter-0').first().click();
+    cy.wait('@getFacet').its('response.statusCode').should('eq', 200)
+    return this;
+  }
+}

apps/web/__tests__/test/smoke/categoryPage.cy.ts

@@ -0,0 +1,13 @@
+import { CategoryPageObject } from '../../support/pageObjects/CategoryObject';
+
+const category = new CategoryPageObject();
+
+describe('Smoke: Category Page', () => {
+  it('[smoke] Category filters should trigger a product data reload', () => {
+    // We should configure the system so that the first category is set up with filters. 
+    // This way we are independet from the language and the url.
+    cy.visitAndHydrate('/c/living-room');
+
+    category.filterClickShouldReloadCategory;
+  })
+});

apps/web/components/CategoryFilters/Filter.vue

@@ -57,6 +57,7 @@
         :key="index"
         tag="label"
         size="sm"
+        :data-testid="'category-filter-' + index"
         :class="['px-1.5 bg-transparent hover:bg-transparent']"
       >
         <template #prefix>