feat(e2e): add orders page fixture

Author: QAComet

e2e/fixtures/index.ts

@@ -5,6 +5,7 @@ import { CategoryPage } from "./category-page"
 import { CheckoutPage } from "./checkout-page"
 import { OrderPage } from "./order-page"
 import { ProductPage } from "./product-page"
+import { StorePage } from "./store-page"
 
 export const fixtures = base.extend<{
   resetDatabaseFixture: void
@@ -13,6 +14,7 @@ export const fixtures = base.extend<{
   checkoutPage: CheckoutPage
   orderPage: OrderPage
   productPage: ProductPage
+  storePage: StorePage
 }>({
   page: async ({ page }, use) => {
     await page.goto("/")
@@ -45,4 +47,8 @@ export const fixtures = base.extend<{
     const productPage = new ProductPage(page)
     await use(productPage)
   },
+  storePage: async ({ page }, use) => {
+    const storePage = new StorePage(page)
+    await use(storePage)
+  },
 })

e2e/fixtures/store-page.ts

@@ -0,0 +1,18 @@
+import { Locator, Page } from "@playwright/test"
+import { CategoryPage } from "./category-page"
+
+export class StorePage extends CategoryPage {
+  pageTitle: Locator
+
+  constructor(page: Page) {
+    super(page)
+    this.pageTitle = page.getByTestId("store-page-title")
+  }
+
+  async goto() {
+    await this.navMenu.open()
+    await this.navMenu.storeLink.click()
+    await this.pageTitle.waitFor({ state: "visible" })
+    await this.productsListLoader.waitFor({ state: "hidden" })
+  }
+}