@faststore/core 2.1.94 → 2.1.96

package/.turbo/turbo-build.log

@@ -23,9 +23,9 @@ info  - Finalizing page optimization...
 Route (pages)                              Size     First Load JS
 ┌ ● /                                      3.16 kB         197 kB
 ├   /_app                                  0 B            77.9 kB
-├ ● /[...slug]                             4.06 kB         208 kB
+├ ● /[...slug]                             4.06 kB         209 kB
 ├   └ css/527e334fa69cf40a.css             1.85 kB
-├ ● /[slug]/p                              10.5 kB         204 kB
+├ ● /[slug]/p                              10.5 kB         205 kB
 ├   └ css/7ca374e5534a3f68.css             11.3 kB
 ├ ○ /404                                   1.19 kB         114 kB
 ├ ● /500                                   1.21 kB         114 kB
@@ -36,12 +36,12 @@ Route (pages)                              Size     First Load JS
 ├ λ /api/preview                           0 B            77.9 kB
 ├ ● /checkout                              657 B           113 kB
 ├ ● /login                                 1.09 kB         114 kB
-└ ● /s                                     4.6 kB          127 kB
+└ ● /s                                     4.6 kB          128 kB
 + First Load JS shared by all              81 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-fd466221927468fd.js        23.9 kB
-  ├ chunks/pages/_app-6d0e6ab9a4dd8106.js  6.45 kB
-  ├ chunks/webpack-92f756189996e763.js     2.29 kB
+  ├ chunks/pages/_app-40cff0982559d0b8.js  6.46 kB
+  ├ chunks/webpack-fac5a4eeea429971.js     2.29 kB
   └ css/9e76fef1c9ca89af.css               3.06 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/@generated/graphql/index.ts

@@ -1058,6 +1058,11 @@ export type ProductDetailsFragment_ProductFragment = {
   }>
 }
 
+export type SearchEvent_MetadataFragment = {
+  isTermMisspelled: boolean
+  logicalOperator: string
+}
+
 export type ProductGalleryQueryQueryVariables = Exact<{
   first: Scalars['Int']
   after: Scalars['String']
@@ -1089,6 +1094,7 @@ export type ProductGalleryQueryQuery = {
           max: { selected: number; absolute: number }
         }
     >
+    metadata: { isTermMisspelled: boolean; logicalOperator: string } | null
   }
 }
 
@@ -1371,6 +1377,8 @@ export type SearchSuggestionsQueryQuery = {
         }
       }>
     }
+    products: { pageInfo: { totalCount: number } }
+    metadata: { isTermMisspelled: boolean; logicalOperator: string } | null
   }
 }
 

package/@generated/graphql/persisted.json

@@ -1,12 +1,12 @@
 {
-  "ProductGalleryQuery": "query ProductGalleryQuery($first: Int!, $after: String!, $sort: StoreSort!, $term: String!, $selectedFacets: [IStoreSelectedFacet!]!) {\n  search(\n    first: $first\n    after: $after\n    sort: $sort\n    term: $term\n    selectedFacets: $selectedFacets\n  ) {\n    products {\n      pageInfo {\n        totalCount\n      }\n    }\n    facets {\n      ... on StoreFacetRange {\n        key\n        label\n        min {\n          selected\n          absolute\n        }\n        max {\n          selected\n          absolute\n        }\n        __typename\n      }\n      ... on StoreFacetBoolean {\n        key\n        label\n        values {\n          label\n          value\n          selected\n          quantity\n        }\n        __typename\n      }\n    }\n  }\n}\n",
+  "ProductGalleryQuery": "query ProductGalleryQuery($first: Int!, $after: String!, $sort: StoreSort!, $term: String!, $selectedFacets: [IStoreSelectedFacet!]!) {\n  search(\n    first: $first\n    after: $after\n    sort: $sort\n    term: $term\n    selectedFacets: $selectedFacets\n  ) {\n    products {\n      pageInfo {\n        totalCount\n      }\n    }\n    facets {\n      ... on StoreFacetRange {\n        key\n        label\n        min {\n          selected\n          absolute\n        }\n        max {\n          selected\n          absolute\n        }\n        __typename\n      }\n      ... on StoreFacetBoolean {\n        key\n        label\n        values {\n          label\n          value\n          selected\n          quantity\n        }\n        __typename\n      }\n    }\n    metadata {\n      isTermMisspelled\n      logicalOperator\n    }\n  }\n}\n",
   "ServerCollectionPageQuery": "query ServerCollectionPageQuery($slug: String!) {\n  collection(slug: $slug) {\n    seo {\n      title\n      description\n    }\n    breadcrumbList {\n      itemListElement {\n        item\n        name\n        position\n      }\n    }\n    meta {\n      selectedFacets {\n        key\n        value\n      }\n    }\n  }\n}\n",
   "ServerProductPageQuery": "query ServerProductPageQuery($slug: String!) {\n  product(locator: [{key: \"slug\", value: $slug}]) {\n    id: productID\n    seo {\n      title\n      description\n      canonical\n    }\n    brand {\n      name\n    }\n    sku\n    gtin\n    name\n    description\n    releaseDate\n    breadcrumbList {\n      itemListElement {\n        item\n        name\n        position\n      }\n    }\n    image {\n      url\n      alternateName\n    }\n    offers {\n      lowPrice\n      highPrice\n      priceCurrency\n      offers {\n        availability\n        price\n        priceValidUntil\n        priceCurrency\n        itemCondition\n        seller {\n          identifier\n        }\n        listPrice\n      }\n    }\n    isVariantOf {\n      productGroupID\n      name\n      skuVariants {\n        activeVariations\n        slugsMap\n        availableVariations\n      }\n    }\n    additionalProperty {\n      propertyID\n      name\n      value\n      valueReference\n    }\n  }\n}\n",
   "ValidateCartMutation": "mutation ValidateCartMutation($cart: IStoreCart!, $session: IStoreSession!) {\n  validateCart(cart: $cart, session: $session) {\n    order {\n      orderNumber\n      acceptedOffer {\n        seller {\n          identifier\n        }\n        quantity\n        price\n        listPrice\n        itemOffered {\n          sku\n          name\n          image {\n            url\n            alternateName\n          }\n          brand {\n            name\n          }\n          isVariantOf {\n            productGroupID\n            name\n            skuVariants {\n              activeVariations\n              slugsMap\n              availableVariations\n            }\n          }\n          gtin\n          additionalProperty {\n            propertyID\n            name\n            value\n            valueReference\n          }\n        }\n      }\n    }\n    messages {\n      text\n      status\n    }\n  }\n}\n",
   "SubscribeToNewsletter": "mutation SubscribeToNewsletter($data: IPersonNewsletter!) {\n  subscribeToNewsletter(data: $data) {\n    id\n  }\n}\n",
-  "BrowserProductQuery": "query BrowserProductQuery($locator: [IStoreSelectedFacet!]!) {\n  product(locator: $locator) {\n    id: productID\n    sku\n    name\n    gtin\n    description\n    isVariantOf {\n      name\n      productGroupID\n      skuVariants {\n        activeVariations\n        slugsMap\n        availableVariations\n      }\n    }\n    image {\n      url\n      alternateName\n    }\n    brand {\n      name\n    }\n    offers {\n      lowPrice\n      offers {\n        availability\n        price\n        listPrice\n        seller {\n          identifier\n        }\n      }\n    }\n    breadcrumbList {\n      itemListElement {\n        item\n        name\n        position\n      }\n    }\n    additionalProperty {\n      propertyID\n      name\n      value\n      valueReference\n    }\n  }\n}\n",
+  "BrowserProductQuery": "query BrowserProductQuery($locator: [IStoreSelectedFacet!]!) {\n  product(locator: $locator) {\n    id: productID\n    sku\n    name\n    gtin\n    description\n    isVariantOf {\n      name\n      productGroupID\n      skuVariants {\n        activeVariations\n        slugsMap\n        availableVariations\n      }\n    }\n    image {\n      url\n      alternateName\n    }\n    brand {\n      name\n    }\n    offers {\n      lowPrice\n      offers {\n        availability\n        price\n        listPrice\n        seller {\n          identifier\n        }\n      }\n    }\n    additionalProperty {\n      propertyID\n      name\n      value\n      valueReference\n    }\n  }\n}\n",
   "ProductsQuery": "query ProductsQuery($first: Int!, $after: String, $sort: StoreSort!, $term: String!, $selectedFacets: [IStoreSelectedFacet!]!) {\n  search(\n    first: $first\n    after: $after\n    sort: $sort\n    term: $term\n    selectedFacets: $selectedFacets\n  ) {\n    products {\n      pageInfo {\n        totalCount\n      }\n      edges {\n        node {\n          id: productID\n          slug\n          sku\n          brand {\n            brandName: name\n            name\n          }\n          name\n          gtin\n          isVariantOf {\n            productGroupID\n            name\n          }\n          image {\n            url\n            alternateName\n          }\n          offers {\n            lowPrice\n            offers {\n              availability\n              price\n              listPrice\n              quantity\n              seller {\n                identifier\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n",
-  "SearchSuggestionsQuery": "query SearchSuggestionsQuery($term: String!, $selectedFacets: [IStoreSelectedFacet!]) {\n  search(first: 5, term: $term, selectedFacets: $selectedFacets) {\n    suggestions {\n      terms {\n        value\n      }\n      products {\n        id: productID\n        slug\n        sku\n        brand {\n          brandName: name\n          name\n        }\n        name\n        gtin\n        isVariantOf {\n          productGroupID\n          name\n        }\n        image {\n          url\n          alternateName\n        }\n        offers {\n          lowPrice\n          offers {\n            availability\n            price\n            listPrice\n            quantity\n            seller {\n              identifier\n            }\n          }\n        }\n      }\n    }\n  }\n}\n",
+  "SearchSuggestionsQuery": "query SearchSuggestionsQuery($term: String!, $selectedFacets: [IStoreSelectedFacet!]) {\n  search(first: 5, term: $term, selectedFacets: $selectedFacets) {\n    suggestions {\n      terms {\n        value\n      }\n      products {\n        id: productID\n        slug\n        sku\n        brand {\n          brandName: name\n          name\n        }\n        name\n        gtin\n        isVariantOf {\n          productGroupID\n          name\n        }\n        image {\n          url\n          alternateName\n        }\n        offers {\n          lowPrice\n          offers {\n            availability\n            price\n            listPrice\n            quantity\n            seller {\n              identifier\n            }\n          }\n        }\n      }\n    }\n    products {\n      pageInfo {\n        totalCount\n      }\n    }\n    metadata {\n      isTermMisspelled\n      logicalOperator\n    }\n  }\n}\n",
   "TopSearchSuggestionsQuery": "query TopSearchSuggestionsQuery($term: String!, $selectedFacets: [IStoreSelectedFacet!]) {\n  search(first: 5, term: $term, selectedFacets: $selectedFacets) {\n    suggestions {\n      terms {\n        value\n      }\n    }\n  }\n}\n",
   "ValidateSession": "mutation ValidateSession($session: IStoreSession!, $search: String!) {\n  validateSession(session: $session, search: $search) {\n    locale\n    channel\n    country\n    addressType\n    postalCode\n    deliveryMode {\n      deliveryChannel\n      deliveryMethod\n      deliveryWindow {\n        startDate\n        endDate\n      }\n    }\n    geoCoordinates {\n      latitude\n      longitude\n    }\n    currency {\n      code\n      symbol\n    }\n    person {\n      id\n      email\n      givenName\n      familyName\n    }\n  }\n}\n",
   "ShippingSimulationQuery": "query ShippingSimulationQuery($postalCode: String!, $country: String!, $items: [IShippingItem!]!) {\n  shipping(items: $items, postalCode: $postalCode, country: $country) {\n    logisticsInfo {\n      slas {\n        carrier\n        price\n        availableDeliveryWindows {\n          startDateUtc\n          endDateUtc\n          price\n          listPrice\n        }\n        shippingEstimate\n        localizedEstimates\n      }\n    }\n    address {\n      city\n      neighborhood\n    }\n  }\n}\n"

package/README.md

@@ -100,7 +100,7 @@ A quick look at the top-level files and directories you'll see in a NextJS proje
     ├── __generated__
     ├── babel.config.js
     ├── cypress
-    ├── cypress.json
+    ├── cypress.config.ts
     ├── lighthouserc.js
     ├── public
     ├── pull_request_template.md
@@ -136,7 +136,7 @@ A quick look at the top-level files and directories you'll see in a NextJS proje
 
 15. **`cypress`**: End to End(e2e) tests using Cypress. Most of the scenarios are covered here. Add your custom flows to avoid regressions
 
-16. **`cypress.json`**: [Cypress configuration file](https://docs.cypress.io/guides/references/configuration)
+16. **`cypress.config.ts`**: [Cypress configuration file](https://docs.cypress.io/guides/references/configuration)
 
 17. **`lighthouserc.js`**: Configures [Google Lighthouse CI](https://github.com/GoogleChrome/lighthouse-ci). This is where you can turn on/off lighthouse assertions to be used by Lighthouse CI Bot/hook
 
@@ -412,7 +412,7 @@ Looking for more guidance? Full documentation for FastStore lives [on this GitHu
 
 ## ⚡ Performance & QA
 
-This project has strict performance budgets. Right out of the box, this project performs around 95 on Google's Page Speed Insights website, which usually is way more strict than your laptop's chrome lighthouse. Every time you commit to the repository, our QA bots will run and evaluate your code quality. We recommend you NEVER put in production a code that breaks any of the bots. If a bot breaks and still you need to put the code into production, change the bot config (`lighthouserc.js`, `cypress.json`) to make it pass and merge. This way you ensure your website will keep performing well during the years to come.
+This project has strict performance budgets. Right out of the box, this project performs around 95 on Google's Page Speed Insights website, which usually is way more strict than your laptop's chrome lighthouse. Every time you commit to the repository, our QA bots will run and evaluate your code quality. We recommend you NEVER put in production a code that breaks any of the bots. If a bot breaks and still you need to put the code into production, change the bot config (`lighthouserc.js`, `cypress.config.ts`) to make it pass and merge. This way you ensure your website will keep performing well during the years to come.
 
 ## Adding third party scripts
 

package/cypress/global.js

@@ -13,3 +13,11 @@ export const options = {
     }
   },
 }
+
+// TODO: Bring back these rules when the components with missing/wrong role is found.
+export const disabledA11yRules = {
+  rules: {
+    region: { enabled: false },
+    'aria-allowed-role': { enabled: false },
+  },
+}

package/cypress/integration/a11y.test.js

@@ -4,6 +4,7 @@
  * Cypress tests for a11y (accessibility)
  */
 
+import { disabledA11yRules } from '../global'
 import { cypress } from '../../faststore.config'
 
 const { pages } = cypress
@@ -13,7 +14,7 @@ describe('Accessibility tests', () => {
     cy.clearIDB()
   })
 
-  it.skip('checks a11y for collection page', () => {
+  it('checks a11y for collection page', () => {
     cy.visit(pages.collection)
     cy.waitForHydration()
 
@@ -21,16 +22,10 @@ describe('Accessibility tests', () => {
     cy.getById('product-link').should('exist')
 
     cy.injectAxe()
-
-    // TODO: Bring back the `aria-allowed-role` when the component with the missing/wrong role is found.
-    cy.checkA11y(null, {
-      rules: {
-        'aria-allowed-role': { enabled: false },
-      },
-    })
+    cy.checkA11y(null, disabledA11yRules)
   })
 
-  it.skip('checks a11y for product page', () => {
+  it('checks a11y for product page', () => {
     cy.visit(pages.pdp)
     cy.waitForHydration()
 
@@ -38,26 +33,14 @@ describe('Accessibility tests', () => {
     cy.getById('buy-button').should('exist')
 
     cy.injectAxe()
-
-    // TODO: Bring back the `aria-allowed-role` when the component with the missing/wrong role is found.
-    cy.checkA11y(null, {
-      rules: {
-        'aria-allowed-role': { enabled: false },
-      },
-    })
+    cy.checkA11y(null, disabledA11yRules)
   })
 
-  it.skip('checks a11y for home page', () => {
+  it('checks a11y for home page', () => {
     cy.visit(pages.home)
     cy.waitForHydration()
 
     cy.injectAxe()
-
-    // TODO: Bring back the `aria-allowed-role` when the component with the missing/wrong role is found.
-    cy.checkA11y(null, {
-      rules: {
-        'aria-allowed-role': { enabled: false },
-      },
-    })
+    cy.checkA11y(null, disabledA11yRules)
   })
 })

package/cypress/integration/analytics.test.js

@@ -65,68 +65,60 @@ describe('add_to_cart event', () => {
   }
 
   context('when adding a product to the cart', () => {
-    it.skip('adds add_to_cart event in the data layer at product description page', () => {
+    it('adds add_to_cart event in the data layer at product description page', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 
       cy.itemsInCart(0)
 
       // Add to cart
-      cy.getById('buy-button')
-        .should('be.visible')
-        .scrollIntoView({ duration: 500 })
-        .then(() => {
-          cy.getById('buy-button')
-            .click({ force: true })
-            .then(($btn) => {
-              cy.itemsInCart(1)
-              const skuId = $btn.attr('data-sku')
-
-              testAddToCartEvent({ skuId, numberOfEvents: 1 })
-            })
+      cy.getById('buy-button').as('buy-button')
+      cy.get('@buy-button').contains('Add to Cart').and('be.visible')
+      cy.get('@buy-button')
+        .trigger('click', { force: true, cancelable: false })
+        .then(($btn) => {
+          cy.itemsInCart(1)
+
+          const skuId = $btn.attr('data-sku')
+          testAddToCartEvent({ skuId, numberOfEvents: 1 })
         })
     })
   })
 
   context('when increasing product quantity', () => {
-    it.skip('adds add_to_cart event in the data layer at quantity increase in the minicart', () => {
+    it('adds add_to_cart event in the data layer at quantity increase in the minicart', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 
       cy.itemsInCart(0)
 
       // Add to cart
-      cy.getById('buy-button')
-        .should('be.visible')
-        .scrollIntoView({ duration: 500 })
-        .then(() => {
-          cy.getById('buy-button')
-            .click({ force: true })
-            .then(($btn) => {
-              cy.itemsInCart(1)
-              const skuId = $btn.attr('data-sku')
+      cy.getById('buy-button').as('buy-button')
+      cy.get('@buy-button').contains('Add to Cart').and('be.visible')
+      cy.get('@buy-button')
+        .trigger('click', { force: true, cancelable: false })
+        .then(($btn) => {
+          cy.itemsInCart(1)
+          const skuId = $btn.attr('data-sku')
+
+          testAddToCartEvent({ skuId, numberOfEvents: 1 })
+        })
 
-              testAddToCartEvent({ skuId, numberOfEvents: 1 })
+      cy.get(
+        '[data-testid=fs-cart-item] [data-testid=fs-quantity-selector-right-button]'
+      ).trigger('click', { force: true, cancelable: false })
 
-              cy.get(
-                '[data-testid=fs-cart-item] [data-testid=fs-quantity-selector-right-button]'
-              )
-                .click()
-                .then(() => {
-                  cy.itemsInCart(2)
+      cy.get('@buy-button').then(($btn) => {
+        cy.itemsInCart(2)
+        const skuId = $btn.attr('data-sku')
 
-                  testAddToCartEvent({ skuId, numberOfEvents: 2 })
-                })
-            })
-        })
+        testAddToCartEvent({ skuId, numberOfEvents: 2 })
+      })
     })
   })
 })
 
 describe('remove_from_cart event', () => {
-  beforeEach(() => {
-    cy.clearIDB()
-  })
   const testRemoveFromCartEvent = ({ skuId, numberOfEvents, quantity }) => {
     cy.window().then((window) => {
       const { dataLayer } = window
@@ -152,46 +144,41 @@ describe('remove_from_cart event', () => {
   }
 
   context('when removing a product from cart', () => {
-    it.skip('adds remove_from_cart event in the data layer', () => {
+    it('adds remove_from_cart event in the data layer', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 
       cy.itemsInCart(0)
 
       // Add item to cart
-      cy.getById('buy-button')
-        .should('be.visible')
-        .scrollIntoView({ duration: 500 })
-        .then(() => {
-          cy.getById('buy-button')
-            .click({ force: true })
-            .then(() => {
-              cy.itemsInCart(1)
-              cy.getById('checkout-button')
-                .should('be.visible')
-                .should('be.enabled')
-              cy.itemsInCart(1)
+      cy.getById('buy-button').as('buy-button')
+      cy.get('@buy-button').contains('Add to Cart').should('be.visible')
+      cy.get('@buy-button').trigger('click')
 
-              // Remove the added item
-              cy.getById('remove-from-cart-button')
-                .click({ force: true })
-                .then(($btn) => {
-                  cy.itemsInCart(0)
-                  const skuId = $btn.attr('data-sku')
+      cy.getById('fs-cart-sidebar').should('be.visible')
 
-                  testRemoveFromCartEvent({
-                    skuId,
-                    numberOfEvents: 1,
-                    quantity: 1,
-                  })
-                })
-            })
+      cy.itemsInCart(1)
+
+      // Remove the added item
+      cy.getById('remove-from-cart-button').as('remove-from-cart-button')
+      cy.get('@remove-from-cart-button')
+        .click({ force: true })
+        .then(($btn) => {
+          cy.itemsInCart(0)
+
+          const skuId = $btn.attr('data-sku')
+
+          testRemoveFromCartEvent({
+            skuId,
+            quantity: 1,
+            numberOfEvents: 1,
+          })
         })
     })
   })
 
   context('when decreasing product quantity', () => {
-    it.skip('adds remove_from_cart event in the data layer at quantity decrease in the minicart', () => {
+    it('adds remove_from_cart event in the data layer at quantity decrease in the minicart', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 
@@ -238,7 +225,7 @@ describe('remove_from_cart event', () => {
 })
 
 describe('view_item event', () => {
-  it.skip('add view_item event in data layer', () => {
+  it('add view_item event in data layer', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -253,7 +240,7 @@ describe('view_item event', () => {
 })
 
 describe('select_item event', () => {
-  it.skip('select_item has the right properties', () => {
+  it('select_item has the right properties', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -284,7 +271,7 @@ describe('select_item event', () => {
 })
 
 describe('view_item_list event', () => {
-  it.skip('is sent when viewing the PLP', () => {
+  it('is sent when viewing the PLP', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -306,7 +293,7 @@ describe('view_item_list event', () => {
     })
   })
 
-  it.skip('is sent when viewing a products shelf', () => {
+  it('is sent when viewing a products shelf', () => {
     cy.visit(pages.home, options)
     cy.waitForHydration()
 
@@ -325,7 +312,7 @@ describe('view_item_list event', () => {
       })
   })
 
-  it.skip('is sent when viewing a product tiles', () => {
+  it('is sent when viewing a product tiles', () => {
     cy.visit(pages.home, options)
     cy.waitForHydration()
 
@@ -346,7 +333,7 @@ describe('view_item_list event', () => {
 })
 
 describe('search event', () => {
-  it.skip('raises search', () => {
+  it('raises search', () => {
     cy.visit(pages.home, options)
     cy.waitForHydration()
 
@@ -366,7 +353,7 @@ describe('search event', () => {
 })
 
 describe('view_cart event', () => {
-  it.skip('is fired when the minicart is opened (without items)', () => {
+  it('is fired when the minicart is opened (without items)', () => {
     cy.visit(pages.pdp, options)
     cy.waitForHydration()
 
@@ -375,6 +362,8 @@ describe('view_cart event', () => {
 
     dataLayerHasEvent('view_cart')
 
+    cy.itemsInCart(0)
+
     cy.window().then((window) => {
       const event = window.dataLayer.find(
         ({ event: eventName }) => eventName === 'view_cart'
@@ -385,27 +374,29 @@ describe('view_cart event', () => {
     })
   })
 
-  it.skip('is fired when the minicart is opened (with items)', () => {
+  it('is fired when the minicart is opened (with items)', () => {
     cy.visit(pages.pdp, options)
     cy.waitForHydration()
 
-    cy.getById('buy-button')
-      .should('be.visible')
-      .scrollIntoView({ duration: 500 })
-      .then(() => {
-        cy.getById('buy-button').click({ force: true })
-        cy.getById('fs-cart-sidebar').should('be.visible')
+    cy.itemsInCart(0)
 
-        dataLayerHasEvent('view_cart')
+    cy.getById('buy-button').as('buy-button')
+    cy.get('@buy-button').contains('Add to Cart').should('be.visible')
+    cy.get('@buy-button').trigger('click', { force: true, cancelable: false })
 
-        cy.window().then((window) => {
-          const event = window.dataLayer.find(
-            ({ event: eventName }) => eventName === 'view_cart'
-          )
+    cy.getById('fs-cart-sidebar').should('be.visible')
 
-          expect(event.ecommerce.value).to.equal(950)
-          expect(event.ecommerce.items.length).to.equal(1)
-        })
-      })
+    dataLayerHasEvent('view_cart')
+
+    cy.itemsInCart(1)
+
+    cy.window().then((window) => {
+      const event = window.dataLayer.find(
+        ({ event: eventName }) => eventName === 'view_cart'
+      )
+
+      expect(event.ecommerce.value).to.equal(950)
+      expect(event.ecommerce.items.length).to.equal(1)
+    })
   })
 })

package/cypress/integration/cart.test.js

@@ -14,7 +14,7 @@ describe('Cart Sidebar', () => {
     cy.clearIDB()
   })
 
-  it.skip('toggles cart sidebar', () => {
+  it('toggles cart sidebar', () => {
     cy.visit(pages.home, options)
     cy.waitForHydration()
 
@@ -25,7 +25,7 @@ describe('Cart Sidebar', () => {
   })
 
   context('when opening the cart sidebar', () => {
-    it.skip('should not scroll the background page', () => {
+    it('should not scroll the background page', () => {
       cy.visit(pages.home, options)
       cy.waitForHydration()
 
@@ -49,7 +49,7 @@ describe('On product description pages', () => {
   })
 
   context('when adding a product to cart', () => {
-    it.skip('successfully adds the product', () => {
+    it('successfully adds the product', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 
@@ -85,7 +85,7 @@ describe('On product description pages', () => {
   })
 
   context('when removing a product from cart', () => {
-    it.skip('successfully removes the product', () => {
+    it('successfully removes the product', () => {
       cy.visit(pages.pdp, options)
       cy.waitForHydration()
 

package/cypress/integration/plp.test.js

@@ -14,7 +14,7 @@ describe('Search page Filters and Sorting options', () => {
     cy.clearIDB()
   })
 
-  it.skip('Applies filters after click', () => {
+  it('Applies filters after click', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -56,7 +56,7 @@ describe('Search page Filters and Sorting options', () => {
       })
   })
 
-  it.skip('Sort products by price_asc', () => {
+  it('Sort products by price_asc', () => {
     cy.visit(pages.collection_2, options)
     cy.waitForHydration()
 
@@ -81,7 +81,7 @@ describe('Search page Filters and Sorting options', () => {
     })
   })
 
-  it.skip('Sort products by price_desc', () => {
+  it('Sort products by price_desc', () => {
     cy.visit(pages.collection_2, options)
     cy.waitForHydration()
     const priceId = '[data-fs-product-grid] [data-testid="price"]'
@@ -111,7 +111,7 @@ describe('Infinite Scroll pagination', () => {
     cy.clearIDB()
   })
 
-  it.skip('Shows more products when requested', () => {
+  it('Shows more products when requested', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -138,7 +138,7 @@ describe('Infinite Scroll pagination', () => {
     })
   })
 
-  it.skip('Sticks to last seen page on plp pagination', () => {
+  it('Sticks to last seen page on plp pagination', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 
@@ -209,7 +209,7 @@ describe('Infinite Scroll pagination', () => {
   })
 
   // Tests: https://developers.google.com/search/blog/2014/02/infinite-scroll-search-friendly
-  it.skip('Changes the page being viewed on scroll', () => {
+  it('Changes the page being viewed on scroll', () => {
     cy.visit(pages.collection, options)
     cy.waitForHydration()
 

package/cypress/integration/search.test.js

@@ -15,7 +15,7 @@ describe('Search input', () => {
   })
 
   context('when search for generic term', () => {
-    it.skip('opens the search page', () => {
+    it('opens the search page', () => {
       const term = 'shirt'
 
       cy.visit(pages.home, options)