test(e2e): migrate tests from mock.shop to hydrogen preview store (#3538)

Consolidates e2e test infrastructure by migrating all remaining tests
to use the hydrogen preview store instead of mock.shop.

Updates smoke and skeleton cart tests:
- Updated product references to match available products
- Updated page routes for hydrogen preview store
- Updated nested line items test with valid variant IDs
- Added exact matching to prevent ambiguous product name matches

All 21 e2e tests passing (3 smoke + 18 skeleton cart tests).

Author: itsjustriley

e2e/specs/skeleton/cart.spec.ts

@@ -1,12 +1,12 @@
 import {setTestStore, test, expect} from '../../fixtures';
 import {CartUtil} from '../../fixtures/cart-utils';
 
-setTestStore('mockShop');
+setTestStore('hydrogenPreviewStorefront');
 
-const PRODUCT_NAME = "Women's T-shirt";
-const PRODUCT_HANDLE = 'women-t-shirt';
-const UNIT_PRICE = '$30.00';
-const TWO_ITEMS_PRICE = '$60.00';
+const PRODUCT_NAME = 'The Element';
+const PRODUCT_HANDLE = 'the-element';
+const UNIT_PRICE = '$749.95';
+const TWO_ITEMS_PRICE = '$1,499.90';
 
 test.describe('Cart', () => {
   test.describe('Line Items', () => {
@@ -254,12 +254,12 @@ test.describe('Cart', () => {
     test('Supports nested line items', async ({page, request}) => {
       const cart = new CartUtil(page);
       const PARENT_PRODUCT = {
-        title: 'Slides',
-        variantId: 'gid://shopify/ProductVariant/43695710371862',
+        title: 'The Element',
+        variantId: 'gid://shopify/ProductVariant/43567673344056',
       };
       const CHILD_PRODUCT = {
-        title: 'Sweatpants',
-        variantId: 'gid://shopify/ProductVariant/43696926949398',
+        title: 'The Elemental',
+        variantId: 'gid://shopify/ProductVariant/43567673442360',
       };
 
       const addedLines = await request
@@ -325,12 +325,13 @@ test.describe('Cart', () => {
       const lineItems = cart.getLineItems();
       const parentProductLink = lineItems
         .first()
-        .getByRole('link', {name: PARENT_PRODUCT.title});
+        .getByRole('link', {name: PARENT_PRODUCT.title, exact: true});
       const nestedList = lineItems.first().getByRole('list', {
         name: `Line items with ${PARENT_PRODUCT.title}`,
       });
       const childProductLink = nestedList.getByRole('link', {
         name: CHILD_PRODUCT.title,
+        exact: true,
       });
 
       await expect(parentProductLink).toBeVisible();

e2e/specs/smoke/cart.spec.ts

@@ -1,14 +1,14 @@
 import {setTestStore, test, CartUtil} from '../../fixtures';
 
-setTestStore('mockShop');
+setTestStore('hydrogenPreviewStorefront');
 
 test.describe('Cart Functionality', () => {
   test('When adding a product to cart, it should update the cart', async ({
     page,
   }) => {
     const cart = new CartUtil(page);
-    const productName = "Women's T-shirt";
-    const productHandle = 'women-t-shirt';
+    const productName = 'The Element';
+    const productHandle = 'the-element';
 
     await page.goto('/');
     await cart.assertTotalItems(0);
@@ -18,6 +18,6 @@ test.describe('Cart Functionality', () => {
 
     await cart.assertTotalItems(1);
     await cart.assertInCart(productName);
-    await cart.assertSubtotal('$30.00');
+    await cart.assertSubtotal('$749.95');
   });
 });

e2e/specs/smoke/home.spec.ts

@@ -1,6 +1,6 @@
 import {test, expect, setTestStore} from '../../fixtures';
 
-setTestStore('mockShop');
+setTestStore('hydrogenPreviewStorefront');
 
 test.describe('Home Page', () => {
   test('should display hero image, product grid, and no console errors', async ({
@@ -24,7 +24,7 @@ test.describe('Home Page', () => {
 
     const productGridImage = page
       .getByRole('region', {name: 'Recommended Products'})
-      .getByRole('link', {name: "Women's T-shirt"})
+      .getByRole('link', {name: 'The Hydrogen Snowboard'})
       .getByRole('img');
 
     await expect(heroImage).toBeVisible();

e2e/specs/smoke/pages.spec.ts

@@ -1,16 +1,16 @@
 import {test, expect, setTestStore} from '../../fixtures';
 
-setTestStore('mockShop');
+setTestStore('hydrogenPreviewStorefront');
 
 test.describe('Pages', () => {
   test('When visiting static pages, each should display its heading', async ({
     page,
   }) => {
     const pages = [
-      {url: '/pages/contact', heading: 'Contact'},
+      {url: '/pages/about', heading: 'About'},
       {url: '/collections', heading: 'Collections'},
-      {url: '/collections/men', heading: 'Men'},
-      {url: '/blogs/news', heading: 'News'},
+      {url: '/collections/all', heading: 'Products'},
+      {url: '/blogs/journal', heading: 'Journal'},
       {url: '/search', heading: 'Search'},
       {url: '/cart', heading: 'Cart'},
       {url: '/policies', heading: 'Policies'},