From 7cb7bc3959c3b6baa28f98b0914af3ccf11d1995 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 17 Feb 2023 16:15:48 -0800
Subject: [PATCH 01/23] Product tile: test product set's price label

---
 .../app/components/product-tile/index.jsx     |   2 +-
 .../app/components/product-tile/index.test.js | 111 +++++++++++++++++-
 2 files changed, 111 insertions(+), 2 deletions(-)

diff --git a/packages/template-retail-react-app/app/components/product-tile/index.jsx b/packages/template-retail-react-app/app/components/product-tile/index.jsx
index e509366788..b27205a8b6 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-tile/index.jsx
@@ -130,7 +130,7 @@ const ProductTile = (props) => {
             <Text {...styles.title}>{localizedProductName}</Text>
 
             {/* Price */}
-            <Text {...styles.price}>
+            <Text {...styles.price} data-testid="product-tile-price">
                 {hitType === 'set' &&
                     intl.formatMessage({
                         id: 'product_tile.label.starting_at_price',
diff --git a/packages/template-retail-react-app/app/components/product-tile/index.test.js b/packages/template-retail-react-app/app/components/product-tile/index.test.js
index fa6185fb79..f8e348fa41 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-tile/index.test.js
@@ -7,6 +7,7 @@
 import React from 'react'
 import ProductTile, {Skeleton} from './index'
 import {renderWithProviders} from '../../utils/test-utils'
+import {within} from '@testing-library/react'
 
 const mockProductSearchItem = {
     currency: 'USD',
@@ -19,7 +20,106 @@ const mockProductSearchItem = {
     productName: 'Charcoal Single Pleat Wool Suit'
 }
 
-test('Renders Breadcrumb', () => {
+const mockProductSet = {
+    currency: 'GBP',
+    hitType: 'set',
+    image: {
+        alt: 'Winter Look, , large',
+        disBaseLink:
+            'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+        link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+        title: 'Winter Look, '
+    },
+    orderable: true,
+    price: 44.16,
+    priceMax: 71.03,
+    pricePerUnit: 44.16,
+    pricePerUnitMax: 71.03,
+    productId: 'winter-lookM',
+    productName: 'Winter Look',
+    productType: {
+        set: true
+    },
+    representedProduct: {
+        id: '701642853695M'
+    },
+    representedProducts: [
+        {
+            id: '701642853695M'
+        },
+        {
+            id: '701642853718M'
+        },
+        {
+            id: '701642853725M'
+        },
+        {
+            id: '701642853701M'
+        },
+        {
+            id: '740357357531M'
+        },
+        {
+            id: '740357358095M'
+        },
+        {
+            id: '740357357623M'
+        },
+        {
+            id: '740357357609M'
+        },
+        {
+            id: '740357358156M'
+        },
+        {
+            id: '740357358132M'
+        },
+        {
+            id: '740357358101M'
+        },
+        {
+            id: '740357357562M'
+        },
+        {
+            id: '740357357548M'
+        },
+        {
+            id: '740357358187M'
+        },
+        {
+            id: '740357357593M'
+        },
+        {
+            id: '740357357555M'
+        },
+        {
+            id: '740357357524M'
+        },
+        {
+            id: '740357358149M'
+        },
+        {
+            id: '740357358088M'
+        },
+        {
+            id: '701642867098M'
+        },
+        {
+            id: '701642867111M'
+        },
+        {
+            id: '701642867104M'
+        },
+        {
+            id: '701642867128M'
+        },
+        {
+            id: '701642867135M'
+        }
+    ]
+}
+
+test('Renders links and images', () => {
     const {getAllByRole} = renderWithProviders(<ProductTile product={mockProductSearchItem} />)
 
     const link = getAllByRole('link')
@@ -36,3 +136,12 @@ test('Renders Skeleton', () => {
 
     expect(skeleton).toBeDefined()
 })
+
+test('Product set - renders the appropriate price label', async () => {
+    const {getByTestId} = renderWithProviders(<ProductTile product={mockProductSet} />)
+
+    const container = getByTestId('product-tile-price')
+    const priceLabel = within(container).getByText(/starting at/i)
+
+    expect(priceLabel).toBeDefined()
+})

From eab9fadb50d3b2247022dc9f2156a569fa38ea30 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Tue, 21 Feb 2023 12:54:59 -0800
Subject: [PATCH 02/23] Test product set rendering

---
 .../mocks/product-set-winter-lookM.js         | 1224 +++++++++++++++++
 .../app/partials/product-view/index.test.js   |   51 +
 2 files changed, 1275 insertions(+)
 create mode 100644 packages/template-retail-react-app/app/commerce-api/mocks/product-set-winter-lookM.js

diff --git a/packages/template-retail-react-app/app/commerce-api/mocks/product-set-winter-lookM.js b/packages/template-retail-react-app/app/commerce-api/mocks/product-set-winter-lookM.js
new file mode 100644
index 0000000000..89d313fcb2
--- /dev/null
+++ b/packages/template-retail-react-app/app/commerce-api/mocks/product-set-winter-lookM.js
@@ -0,0 +1,1224 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+export default {
+    currency: 'GBP',
+    id: 'winter-lookM',
+    imageGroups: [
+        {
+            images: [
+                {
+                    alt: 'Winter Look, , large',
+                    disBaseLink:
+                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                    link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                    title: 'Winter Look, '
+                }
+            ],
+            viewType: 'large'
+        },
+        {
+            images: [
+                {
+                    alt: 'Winter Look, , medium',
+                    disBaseLink:
+                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                    link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                    title: 'Winter Look, '
+                }
+            ],
+            viewType: 'medium'
+        },
+        {
+            images: [
+                {
+                    alt: 'Winter Look, , small',
+                    disBaseLink:
+                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                    link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                    title: 'Winter Look, '
+                }
+            ],
+            viewType: 'small'
+        }
+    ],
+    longDescription: '<p>Jacket</p>\r\n<p>Pant</p>\r\n<p>Shoes</p>',
+    minOrderQuantity: 1,
+    name: 'Winter Look',
+    price: 44.16,
+    priceMax: 71.03,
+    pricePerUnit: 44.16,
+    pricePerUnitMax: 71.03,
+    primaryCategoryId: 'womens-outfits',
+    setProducts: [
+        {
+            currency: 'GBP',
+            id: '25518447M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, '
+                        },
+                        {
+                            alt: 'Quilted Jacket, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb2158085/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb2158085/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, royal, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1c4cd52/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        },
+                        {
+                            alt: 'Quilted Jacket, royal, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb2158085/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb2158085/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, '
+                        },
+                        {
+                            alt: 'Quilted Jacket, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34fd2ab3/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34fd2ab3/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, royal, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw07f25517/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        },
+                        {
+                            alt: 'Quilted Jacket, royal, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34fd2ab3/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34fd2ab3/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, '
+                        },
+                        {
+                            alt: 'Quilted Jacket, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbb5eb9b1/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbb5eb9b1/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, royal, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwab300645/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        },
+                        {
+                            alt: 'Quilted Jacket, royal, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbb5eb9b1/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbb5eb9b1/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                            title: 'Quilted Jacket, royal'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Quilted Jacket, royal, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5dea9b57/images/swatch/PG.10205921.JJ5FUXX.CP.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5dea9b57/images/swatch/PG.10205921.JJ5FUXX.CP.jpg',
+                            title: 'Quilted Jacket, royal'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 400,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 400
+            },
+            longDescription:
+                'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+            master: {
+                masterId: '25518447M',
+                orderable: true,
+                price: 71.03
+            },
+            minOrderQuantity: 1,
+            name: 'Quilted Jacket',
+            pageDescription:
+                'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+            pageTitle: 'Quilted Jacket',
+            price: 71.03,
+            pricePerUnit: 71.03,
+            primaryCategoryId: 'womens-clothing-jackets',
+            recommendations: [
+                {
+                    recommendationType: {
+                        displayValue: 'Product Detail Page - Cross Sell',
+                        value: 1
+                    },
+                    recommendedItemId: '22951021M'
+                },
+                {
+                    recommendationType: {
+                        displayValue: 'Product Detail Page - Cross Sell',
+                        value: 1
+                    },
+                    recommendedItemId: '25518397M'
+                }
+            ],
+            shortDescription:
+                'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+            stepQuantity: 1,
+            type: {
+                master: true
+            },
+            validFrom: {
+                default: '2010-10-21T04:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 71.03,
+                    productId: '701642853695M',
+                    variationValues: {
+                        color: 'JJ5FUXX',
+                        size: '9LG'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 71.03,
+                    productId: '701642853718M',
+                    variationValues: {
+                        color: 'JJ5FUXX',
+                        size: '9SM'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 71.03,
+                    productId: '701642853725M',
+                    variationValues: {
+                        color: 'JJ5FUXX',
+                        size: '9XL'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 71.03,
+                    productId: '701642853701M',
+                    variationValues: {
+                        color: 'JJ5FUXX',
+                        size: '9MD'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'royal',
+                            orderable: true,
+                            value: 'JJ5FUXX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: 'S',
+                            orderable: true,
+                            value: '9SM'
+                        },
+                        {
+                            name: 'M',
+                            orderable: true,
+                            value: '9MD'
+                        },
+                        {
+                            name: 'L',
+                            orderable: true,
+                            value: '9LG'
+                        },
+                        {
+                            name: 'XL',
+                            orderable: true,
+                            value: '9XL'
+                        }
+                    ]
+                }
+            ],
+            c_isNewtest: true,
+            c_isSale: true
+        },
+        {
+            currency: 'GBP',
+            id: '25518704M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw018b9798/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw018b9798/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, '
+                        },
+                        {
+                            alt: 'Pull On Pant, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5303e0ee/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5303e0ee/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, Grey Heather, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw018b9798/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw018b9798/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        },
+                        {
+                            alt: 'Pull On Pant, Grey Heather, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5303e0ee/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5303e0ee/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwba195443/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwba195443/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, '
+                        },
+                        {
+                            alt: 'Pull On Pant, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw8119e7a0/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw8119e7a0/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, Grey Heather, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwba195443/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwba195443/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        },
+                        {
+                            alt: 'Pull On Pant, Grey Heather, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw8119e7a0/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw8119e7a0/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw19377146/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw19377146/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, '
+                        },
+                        {
+                            alt: 'Pull On Pant, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw912e293d/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw912e293d/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, Grey Heather, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw19377146/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw19377146/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        },
+                        {
+                            alt: 'Pull On Pant, Grey Heather, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw912e293d/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw912e293d/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Pull On Pant, Grey Heather, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9dedffb4/images/swatch/PG.10218785.JJ2XNXX.CP.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9dedffb4/images/swatch/PG.10218785.JJ2XNXX.CP.jpg',
+                            title: 'Pull On Pant, Grey Heather'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 500,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 500
+            },
+            longDescription:
+                'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+            master: {
+                masterId: '25518704M',
+                orderable: true,
+                price: 44.16
+            },
+            minOrderQuantity: 1,
+            name: 'Pull On Pant',
+            pageDescription:
+                'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+            pageTitle: 'Pull On Pant',
+            price: 44.16,
+            pricePerUnit: 44.16,
+            primaryCategoryId: 'womens-clothing-bottoms',
+            shortDescription:
+                'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+            stepQuantity: 1,
+            type: {
+                master: true
+            },
+            validFrom: {
+                default: '2010-10-21T04:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 44.16,
+                    productId: '701642867098M',
+                    variationValues: {
+                        color: 'JJ2XNXX',
+                        size: '9LG'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 44.16,
+                    productId: '701642867111M',
+                    variationValues: {
+                        color: 'JJ2XNXX',
+                        size: '9SM'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 44.16,
+                    productId: '701642867104M',
+                    variationValues: {
+                        color: 'JJ2XNXX',
+                        size: '9MD'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 44.16,
+                    productId: '701642867128M',
+                    variationValues: {
+                        color: 'JJ2XNXX',
+                        size: '9XL'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 44.16,
+                    productId: '701642867135M',
+                    variationValues: {
+                        color: 'JJ2XNXX',
+                        size: '9XS'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Grey Heather',
+                            orderable: true,
+                            value: 'JJ2XNXX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: 'XS',
+                            orderable: true,
+                            value: '9XS'
+                        },
+                        {
+                            name: 'S',
+                            orderable: true,
+                            value: '9SM'
+                        },
+                        {
+                            name: 'M',
+                            orderable: true,
+                            value: '9MD'
+                        },
+                        {
+                            name: 'L',
+                            orderable: true,
+                            value: '9LG'
+                        },
+                        {
+                            name: 'XL',
+                            orderable: true,
+                            value: '9XL'
+                        }
+                    ]
+                }
+            ],
+            c_isNewtest: true
+        },
+        {
+            currency: 'GBP',
+            id: '25772717M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw25b9c8eb/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw25b9c8eb/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, '
+                        },
+                        {
+                            alt: 'Zerrick, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw42769ff1/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw42769ff1/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Black, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw25b9c8eb/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw25b9c8eb/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, Black'
+                        },
+                        {
+                            alt: 'Zerrick, Black, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw42769ff1/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw42769ff1/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, Black'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'BLACKLE'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Taupe, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw08fba265/images/large/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw08fba265/images/large/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        },
+                        {
+                            alt: 'Zerrick, Taupe, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw20ceacbb/images/large/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw20ceacbb/images/large/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0ae06682/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0ae06682/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, '
+                        },
+                        {
+                            alt: 'Zerrick, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw025c3d0d/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw025c3d0d/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Black, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0ae06682/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0ae06682/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, Black'
+                        },
+                        {
+                            alt: 'Zerrick, Black, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw025c3d0d/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw025c3d0d/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, Black'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'BLACKLE'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Taupe, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0019f83a/images/medium/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw0019f83a/images/medium/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        },
+                        {
+                            alt: 'Zerrick, Taupe, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw2ac76531/images/medium/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw2ac76531/images/medium/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfa0a6275/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfa0a6275/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, '
+                        },
+                        {
+                            alt: 'Zerrick, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw47a9b12f/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw47a9b12f/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Black, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfa0a6275/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfa0a6275/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                            title: 'Zerrick, Black'
+                        },
+                        {
+                            alt: 'Zerrick, Black, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw47a9b12f/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw47a9b12f/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                            title: 'Zerrick, Black'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'BLACKLE'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Taupe, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwabc944c5/images/small/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwabc944c5/images/small/PG.CJZERRICK.TAUPETX.PZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        },
+                        {
+                            alt: 'Zerrick, Taupe, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5b4e54ad/images/small/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5b4e54ad/images/small/PG.CJZERRICK.TAUPETX.BZ.jpg',
+                            title: 'Zerrick, Taupe'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Black, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc030b86/images/swatch/PG.CJZERRICK.BLACKLE.CP.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc030b86/images/swatch/PG.CJZERRICK.BLACKLE.CP.jpg',
+                            title: 'Zerrick, Black'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'BLACKLE'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Zerrick, Taupe, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_001/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9dc4320e/images/swatch/PG.CJZERRICK.TAUPETX.CP.jpg',
+                            link: 'https://zzrf-001.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9dc4320e/images/swatch/PG.CJZERRICK.TAUPETX.CP.jpg',
+                            title: 'Zerrick, Taupe'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 1498,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 1498
+            },
+            longDescription: 'The perfect pump for any outfit!',
+            master: {
+                masterId: '25772717M',
+                orderable: true,
+                price: 63.36
+            },
+            minOrderQuantity: 1,
+            name: 'Zerrick',
+            pageDescription: 'The perfect pump for any outfit!',
+            pageTitle: 'Zerrick',
+            price: 63.36,
+            pricePerUnit: 63.36,
+            primaryCategoryId: 'womens-accessories-shoes',
+            recommendations: [
+                {
+                    recommendationType: {
+                        displayValue: 'Product Detail Page - Cross Sell',
+                        value: 1
+                    },
+                    recommendedItemId: '25593254M'
+                },
+                {
+                    recommendationType: {
+                        displayValue: 'Product Detail Page - Cross Sell',
+                        value: 1
+                    },
+                    recommendedItemId: '25720050M'
+                }
+            ],
+            shortDescription: 'The perfect pump for any outfit!',
+            stepQuantity: 1,
+            type: {
+                master: true
+            },
+            validFrom: {
+                default: '2011-03-01T05:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357531M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '065',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358095M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '065',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357623M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '110',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357609M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '100',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358156M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '095',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358132M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '085',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358101M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '070',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357562M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '080',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357548M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '070',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358187M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '110',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357593M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '095',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357555M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '075',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357357524M',
+                    variationValues: {
+                        color: 'BLACKLE',
+                        size: '060',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358149M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '090',
+                        width: 'M'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 63.36,
+                    productId: '740357358088M',
+                    variationValues: {
+                        color: 'TAUPETX',
+                        size: '060',
+                        width: 'M'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Black',
+                            orderable: true,
+                            value: 'BLACKLE'
+                        },
+                        {
+                            name: 'Taupe',
+                            orderable: true,
+                            value: 'TAUPETX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: '6',
+                            orderable: true,
+                            value: '060'
+                        },
+                        {
+                            name: '6.5',
+                            orderable: true,
+                            value: '065'
+                        },
+                        {
+                            name: '7',
+                            orderable: true,
+                            value: '070'
+                        },
+                        {
+                            name: '7.5',
+                            orderable: true,
+                            value: '075'
+                        },
+                        {
+                            name: '8',
+                            orderable: true,
+                            value: '080'
+                        },
+                        {
+                            name: '8.5',
+                            orderable: true,
+                            value: '085'
+                        },
+                        {
+                            name: '9',
+                            orderable: true,
+                            value: '090'
+                        },
+                        {
+                            name: '9.5',
+                            orderable: true,
+                            value: '095'
+                        },
+                        {
+                            name: '10',
+                            orderable: true,
+                            value: '100'
+                        },
+                        {
+                            name: '11',
+                            orderable: true,
+                            value: '110'
+                        }
+                    ]
+                },
+                {
+                    id: 'width',
+                    name: 'Width',
+                    values: [
+                        {
+                            name: 'M',
+                            orderable: true,
+                            value: 'M'
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    shortDescription: 'Look for Winter',
+    slugUrl:
+        'https://zzrf-001.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/winter-lookM.html?lang=en_GB',
+    stepQuantity: 1,
+    type: {
+        set: true
+    }
+}
diff --git a/packages/template-retail-react-app/app/partials/product-view/index.test.js b/packages/template-retail-react-app/app/partials/product-view/index.test.js
index 09b5d09ca5..8d8ebc7455 100644
--- a/packages/template-retail-react-app/app/partials/product-view/index.test.js
+++ b/packages/template-retail-react-app/app/partials/product-view/index.test.js
@@ -9,6 +9,7 @@ import React, {useEffect} from 'react'
 import PropTypes from 'prop-types'
 import {fireEvent, screen, waitFor} from '@testing-library/react'
 import mockProductDetail from '../../commerce-api/mocks/variant-750518699578M'
+import mockProductSet from '../../commerce-api/mocks/product-set-winter-lookM'
 import ProductView from './index'
 import {renderWithProviders} from '../../utils/test-utils'
 import useCustomer from '../../commerce-api/hooks/useCustomer'
@@ -120,3 +121,53 @@ test('Product View can update quantity', () => {
     userEvent.type(quantityBox, '{backspace}3')
     expect(quantityBox).toHaveValue('3')
 })
+
+test('renders a product set properly - parent item', () => {
+    const parent = mockProductSet
+    renderWithProviders(
+        <MockComponent product={parent} addToCart={() => {}} addToWishlist={() => {}} />
+    )
+
+    // What should exist:
+    expect(screen.getAllByText(/starting at/i)[0]).toBeInTheDocument()
+    expect(screen.getAllByRole('button', {name: /add set to cart/i})[0]).toBeInTheDocument()
+    expect(screen.getAllByRole('button', {name: /add set to wishlist/i})[0]).toBeInTheDocument()
+
+    // What should _not_ exist:
+    // sizes and colours options
+    expect(screen.queryAllByRole('radiogroup').length).toEqual(0)
+    // quantity picker
+    expect(
+        screen.queryByRole('spinbutton', {
+            name: /quantity:/i
+        })
+    ).toBe(null)
+})
+
+test('renders a product set properly - child item', () => {
+    const child = mockProductSet.setProducts[0]
+    renderWithProviders(
+        <MockComponent product={child} addToCart={() => {}} addToWishlist={() => {}} />
+    )
+
+    // What should exist:
+    expect(screen.getAllByRole('button', {name: /add to cart/i})[0]).toBeInTheDocument()
+    expect(screen.getAllByRole('button', {name: /add to wishlist/i})[0]).toBeInTheDocument()
+    // sizes and colours options
+    expect(screen.getAllByRole('radiogroup').length).toEqual(2)
+    // quantity picker
+    expect(
+        screen.getByRole('spinbutton', {
+            name: /quantity:/i
+        })
+    ).toBeInTheDocument()
+
+    // What should _not_ exist:
+    expect(screen.queryAllByText(/starting at/i).length).toEqual(0)
+})
+
+// TODO: callback gets called
+test('validateOrderability', () => {})
+
+// TODO: callback gets called
+test('onVariantSelected', () => {})

From 7aa51471bf0b81095cf2af0ca9b100459eb1b1dc Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Tue, 21 Feb 2023 17:12:39 -0800
Subject: [PATCH 03/23] Test callbacks are called properly

---
 .../app/partials/product-view/index.test.js   | 61 +++++++++++++++----
 1 file changed, 50 insertions(+), 11 deletions(-)

diff --git a/packages/template-retail-react-app/app/partials/product-view/index.test.js b/packages/template-retail-react-app/app/partials/product-view/index.test.js
index 8d8ebc7455..acaf90438a 100644
--- a/packages/template-retail-react-app/app/partials/product-view/index.test.js
+++ b/packages/template-retail-react-app/app/partials/product-view/index.test.js
@@ -17,7 +17,7 @@ import userEvent from '@testing-library/user-event'
 
 jest.mock('../../commerce-api/einstein')
 
-const MockComponent = ({product, addToCart, addToWishlist, updateWishlist}) => {
+const MockComponent = (props) => {
     const customer = useCustomer()
     useEffect(() => {
         if (!customer.isRegistered) {
@@ -27,12 +27,7 @@ const MockComponent = ({product, addToCart, addToWishlist, updateWishlist}) => {
     return (
         <div>
             <div>customer: {customer?.authType}</div>
-            <ProductView
-                product={product}
-                addToCart={addToCart}
-                addToWishlist={addToWishlist}
-                updateWishlist={updateWishlist}
-            />
+            <ProductView {...props} />
         </div>
     )
 }
@@ -128,6 +123,9 @@ test('renders a product set properly - parent item', () => {
         <MockComponent product={parent} addToCart={() => {}} addToWishlist={() => {}} />
     )
 
+    // NOTE: there can be duplicates of the same element, due to mobile and desktop views
+    // (they're hidden with display:none style)
+
     // What should exist:
     expect(screen.getAllByText(/starting at/i)[0]).toBeInTheDocument()
     expect(screen.getAllByRole('button', {name: /add set to cart/i})[0]).toBeInTheDocument()
@@ -150,6 +148,9 @@ test('renders a product set properly - child item', () => {
         <MockComponent product={child} addToCart={() => {}} addToWishlist={() => {}} />
     )
 
+    // NOTE: there can be duplicates of the same element, due to mobile and desktop views
+    // (they're hidden with display:none style)
+
     // What should exist:
     expect(screen.getAllByRole('button', {name: /add to cart/i})[0]).toBeInTheDocument()
     expect(screen.getAllByRole('button', {name: /add to wishlist/i})[0]).toBeInTheDocument()
@@ -166,8 +167,46 @@ test('renders a product set properly - child item', () => {
     expect(screen.queryAllByText(/starting at/i).length).toEqual(0)
 })
 
-// TODO: callback gets called
-test('validateOrderability', () => {})
+test('validateOrderability callback is called when adding a set to cart', async () => {
+    const parent = mockProductSet
+    const fn = jest.fn()
+
+    renderWithProviders(
+        <MockComponent
+            product={parent}
+            validateOrderability={fn}
+            addToCart={() => {}}
+            addToWishlist={() => {}}
+        />
+    )
+
+    const button = screen.getByRole('button', {name: /add set to cart/i})
+    expect(button).toBeInTheDocument()
+    userEvent.click(button)
+
+    await waitFor(() => {
+        expect(fn).toHaveBeenCalledTimes(1)
+    })
+})
+
+test('onVariantSelected callback is called after successfully selected a variant', async () => {
+    const fn = jest.fn()
+    const child = mockProductSet.setProducts[0]
+
+    renderWithProviders(
+        <MockComponent
+            product={child}
+            onVariantSelected={fn}
+            addToCart={() => {}}
+            addToWishlist={() => {}}
+        />
+    )
+
+    const size = screen.getByRole('link', {name: /xl/i})
+    expect(size).toBeInTheDocument()
+    userEvent.click(size)
 
-// TODO: callback gets called
-test('onVariantSelected', () => {})
+    await waitFor(() => {
+        expect(fn).toHaveBeenCalledTimes(1)
+    })
+})

From b0b94a41fe67c18cf001c5e4a0449fb14c0fb64f Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Wed, 22 Feb 2023 10:11:22 -0800
Subject: [PATCH 04/23] itemAccumulatedCount is redundant

---
 .../app/hooks/use-add-to-cart-modal.js                      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
index deef7a92e3..e8931f7518 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
@@ -62,7 +62,7 @@ export const AddToCartModal = () => {
     const intl = useIntl()
     const basket = useBasket()
     const size = useBreakpointValue({base: 'full', lg: '2xl', xl: '4xl'})
-    const {currency, productItems, productSubTotal, itemAccumulatedCount} = basket
+    const {currency, productItems, productSubTotal} = basket
     const totalQuantity = itemsAdded.reduce((acc, {quantity}) => acc + quantity, 0)
 
     return (
@@ -180,7 +180,7 @@ export const AddToCartModal = () => {
                                                 'Cart Subtotal ({itemAccumulatedCount} item)',
                                             id: 'add_to_cart_modal.label.cart_subtotal'
                                         },
-                                        {itemAccumulatedCount}
+                                        {itemAccumulatedCount: totalQuantity}
                                     )}
                                 </Text>
                                 <Text alignSelf="flex-end" fontWeight="600">
@@ -245,7 +245,7 @@ export const AddToCartModal = () => {
                                     defaultMessage: 'Cart Subtotal ({itemAccumulatedCount} item)',
                                     id: 'add_to_cart_modal.label.cart_subtotal'
                                 },
-                                {itemAccumulatedCount}
+                                {itemAccumulatedCount: totalQuantity}
                             )}
                         </Text>
                         <Text alignSelf="flex-end" fontWeight="600">

From ee660616086d653f42ed706fa86fc99bc175478d Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Wed, 22 Feb 2023 10:28:31 -0800
Subject: [PATCH 05/23] Test that modal can render multiple products

---
 .../app/hooks/use-add-to-cart-modal.js          |  1 +
 .../app/hooks/use-add-to-cart-modal.test.js     | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
index e8931f7518..6e396f4c51 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
@@ -118,6 +118,7 @@ export const AddToCartModal = () => {
                                         borderBottomWidth={{base: '1px', lg: '0px'}}
                                         borderColor="gray.200"
                                         borderStyle="solid"
+                                        data-testid="product-added"
                                     >
                                         <Flex gridGap="4">
                                             <Box w="24" flex="none">
diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
index c0ffdcc18e..effa7501cd 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.test.js
@@ -7,6 +7,7 @@
 import React from 'react'
 import {AddToCartModal, AddToCartModalContext} from './use-add-to-cart-modal'
 import {renderWithProviders} from '../utils/test-utils'
+import {screen} from '@testing-library/react'
 
 const MOCK_PRODUCT = {
     currency: 'USD',
@@ -560,7 +561,7 @@ const MOCK_PRODUCT = {
     c_width: 'Z'
 }
 
-test('Renders AddToCartModal', () => {
+test('Renders AddToCartModal with multiple products', () => {
     const MOCK_DATA = {
         product: MOCK_PRODUCT,
         itemsAdded: [
@@ -568,10 +569,16 @@ test('Renders AddToCartModal', () => {
                 product: MOCK_PRODUCT,
                 variant: MOCK_PRODUCT.variants[0],
                 quantity: 22
+            },
+            {
+                product: MOCK_PRODUCT,
+                variant: MOCK_PRODUCT.variants[0],
+                quantity: 1
             }
         ]
     }
-    const {getByText} = renderWithProviders(
+
+    renderWithProviders(
         <AddToCartModalContext.Provider
             value={{
                 isOpen: true,
@@ -582,7 +589,11 @@ test('Renders AddToCartModal', () => {
         </AddToCartModalContext.Provider>
     )
 
-    expect(getByText(MOCK_PRODUCT.name)).toBeInTheDocument()
+    expect(screen.getAllByText(MOCK_PRODUCT.name)[0]).toBeInTheDocument()
+    expect(screen.getByRole('dialog', {name: /23 items added to cart/i})).toBeInTheDocument()
+
+    const numOfRowsRendered = screen.getAllByTestId('product-added').length
+    expect(numOfRowsRendered).toEqual(MOCK_DATA.itemsAdded.length)
 })
 
 test('Do not render when isOpen is false', () => {

From d1e15d2a70979d5ccfe621b3afb91a1a98640934 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 00:00:58 -0800
Subject: [PATCH 06/23] Finally the add-to-cart modal shows up in testing

---
 .../app/hooks/use-add-to-cart-modal.js        |   7 +-
 .../app/pages/product-detail/index.test.js    | 242 +++++++++++++++++-
 .../app/utils/test-utils.js                   |  34 ++-
 3 files changed, 273 insertions(+), 10 deletions(-)

diff --git a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
index 6e396f4c51..9045a0684f 100644
--- a/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
+++ b/packages/template-retail-react-app/app/hooks/use-add-to-cart-modal.js
@@ -68,7 +68,12 @@ export const AddToCartModal = () => {
     return (
         <Modal size={size} isOpen={isOpen} onClose={onClose} scrollBehavior="inside" isCentered>
             <ModalOverlay />
-            <ModalContent margin="0" borderRadius={{base: 'none', md: 'base'}} bgColor="gray.50">
+            <ModalContent
+                margin="0"
+                borderRadius={{base: 'none', md: 'base'}}
+                bgColor="gray.50"
+                containerProps={{'data-testid': 'add-to-cart-modal'}}
+            >
                 <ModalHeader paddingY="8" bgColor="white" fontSize="2xl" fontWeight="700">
                     {intl.formatMessage(
                         {
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 1e8ee5ab44..f583ddd58e 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -7,10 +7,11 @@
 import React from 'react'
 import {rest} from 'msw'
 import {mockedCustomerProductLists, productsResponse} from '../../commerce-api/mock-data'
-import {screen} from '@testing-library/react'
+import {fireEvent, screen, waitFor, within} from '@testing-library/react'
 import {Route, Switch} from 'react-router-dom'
 import ProductDetail from '.'
 import {renderWithProviders} from '../../utils/test-utils'
+import mockedProductSet from '../../commerce-api/mocks/product-set-winter-lookM'
 
 jest.setTimeout(60000)
 
@@ -31,11 +32,220 @@ const MockedComponent = () => {
     )
 }
 
+const MockedProductSet = () => {
+    return (
+        <Switch>
+            <Route
+                path="/en-GB/product/:productId"
+                render={(props) => <ProductDetail {...props} product={mockedProductSet} />}
+            />
+        </Switch>
+    )
+}
+
+const basketWithProductSet = {
+    _v: '21.3',
+    _type: 'basket',
+    _resource_state: '9fdc9a8aeaea84a84a9dfed115ad37a0a32c86df4693cc7a9f62afc3395527c7',
+    _flash: [
+        {
+            _type: 'flash',
+            type: 'PaymentMethodRequired',
+            message:
+                'No payment method ID was specified. Please provide a valid payment method ID.',
+            path: '$.payment_instruments[0].payment_method_id'
+        },
+        {
+            _type: 'flash',
+            type: 'BillingAddressRequired',
+            message: 'No billing address was specified. Please provide a valid billing address.',
+            path: '$.billing_address'
+        },
+        {
+            _type: 'flash',
+            type: 'OrderTotalNotSet',
+            message: 'Order total missing, calculation failed.',
+            path: '$.order_total'
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingAddressRequired',
+            message: 'No shipping address was specified. Please provide a valid shipping address.',
+            path: '$.shipments[0].shipping_address',
+            details: {
+                shipmentId: 'me'
+            }
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingMethodRequired',
+            message:
+                'No shipping method ID was specified. Please provide a valid shipping method ID.',
+            path: '$.shipments[0].shipping_method',
+            details: {
+                shipmentId: 'me'
+            }
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingItemAdjustedPriceNotSet',
+            message: "Price missing for shipping item ''5fb887a2999303b33676e0d3a5''.",
+            path: '$.shipping_items[0].adjusted_price'
+        }
+    ],
+    adjusted_merchandize_total_tax: 17.01,
+    adjusted_shipping_total_tax: null,
+    agent_basket: false,
+    basket_id: '437113007d685eab389f1cd229',
+    channel_type: 'storefront',
+    creation_date: '2023-02-22T21:47:29.585Z',
+    currency: 'GBP',
+    customer_info: {
+        _type: 'customer_info',
+        customer_id: 'abkHtKmulJkKgRmrkVwqYYkHBI',
+        email: ''
+    },
+    last_modified: '2023-02-22T22:15:41.482Z',
+    merchandize_total_tax: 17.01,
+    notes: {
+        _type: 'simple_link',
+        link: 'https://zzrf-001.dx.commercecloud.salesforce.com/s/RefArchGlobal/dw/shop/v21_3/baskets/437113007d685eab389f1cd229/notes'
+    },
+    order_total: null,
+    product_items: [
+        {
+            _type: 'product_item',
+            adjusted_tax: 6.76,
+            base_price: 71.03,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '5060f31486572338f05d04fc56',
+            item_text: 'Quilted Jacket',
+            price: 142.06,
+            price_after_item_discount: 142.06,
+            price_after_order_discount: 142.06,
+            product_id: '701642853695M',
+            product_name: 'Quilted Jacket',
+            quantity: 2,
+            shipment_id: 'me',
+            tax: 6.76,
+            tax_basis: 142.06,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 4.21,
+            base_price: 44.16,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '9a8003bebeea153d112083f2bd',
+            item_text: 'Pull On Pant',
+            price: 88.32,
+            price_after_item_discount: 88.32,
+            price_after_order_discount: 88.32,
+            product_id: '701642867104M',
+            product_name: 'Pull On Pant',
+            quantity: 2,
+            shipment_id: 'me',
+            tax: 4.21,
+            tax_basis: 88.32,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 3.02,
+            base_price: 63.36,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '1cda01244dc449d9b245577378',
+            item_text: 'Zerrick',
+            price: 63.36,
+            price_after_item_discount: 63.36,
+            price_after_order_discount: 63.36,
+            product_id: '740357358101M',
+            product_name: 'Zerrick',
+            quantity: 1,
+            shipment_id: 'me',
+            tax: 3.02,
+            tax_basis: 63.36,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 3.02,
+            base_price: 63.36,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '1007d8db121aa4331836f8f934',
+            item_text: 'Zerrick',
+            price: 63.36,
+            price_after_item_discount: 63.36,
+            price_after_order_discount: 63.36,
+            product_id: '740357358095M',
+            product_name: 'Zerrick',
+            quantity: 1,
+            shipment_id: 'me',
+            tax: 3.02,
+            tax_basis: 63.36,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        }
+    ],
+    product_sub_total: 357.1,
+    product_total: 357.1,
+    shipments: [
+        {
+            _type: 'shipment',
+            adjusted_merchandize_total_tax: 17.01,
+            adjusted_shipping_total_tax: null,
+            gift: false,
+            merchandize_total_tax: 17.01,
+            product_sub_total: 357.1,
+            product_total: 357.1,
+            shipment_id: 'me',
+            shipment_total: null,
+            shipping_status: 'not_shipped',
+            shipping_total: null,
+            shipping_total_tax: null,
+            tax_total: null
+        }
+    ],
+    shipping_items: [
+        {
+            _type: 'shipping_item',
+            adjusted_tax: null,
+            base_price: null,
+            item_id: '5fb887a2999303b33676e0d3a5',
+            item_text: 'Shipping',
+            price: null,
+            price_after_item_discount: null,
+            shipment_id: 'me',
+            tax: null,
+            tax_basis: null,
+            tax_class_id: null,
+            tax_rate: 0.05
+        }
+    ],
+    shipping_total: null,
+    shipping_total_tax: null,
+    taxation: 'gross',
+    tax_total: null
+}
+
 // Set up and clean up
 beforeAll(() => {
+    // TODO: move to `beforeEach`
     // Since we're testing some navigation logic, we are using a simple Router
     // around our component. We need to initialize the default route/path here.
-    window.history.pushState({}, 'ProductDetail', '/en-GB/product/test-product')
+    // window.history.pushState({}, 'ProductDetail', '/en-GB/product/test-product')
+    window.history.pushState(
+        {},
+        'ProductDetail',
+        '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
+    )
 })
 
 beforeEach(() => {
@@ -63,4 +273,32 @@ test('should render product details page', async () => {
     expect(screen.getAllByText(/14.99/).length).toEqual(2)
     expect(screen.getAllByText(/Add to Cart/).length).toEqual(2)
     expect(screen.getAllByText(/Add to Wishlist/).length).toEqual(2)
+    expect(screen.getAllByTestId('product-view').length).toEqual(1)
+})
+
+test('product set: render multi-product layout', async () => {
+    global.server.use(
+        rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
+            return res(ctx.json(basketWithProductSet))
+        })
+    )
+
+    const initialBasket = {basketId: 'valid_id'}
+    renderWithProviders(<MockedProductSet />, {wrapperProps: {initialBasket}})
+
+    await waitFor(() => {
+        expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
+    })
+
+    const button = screen.getAllByRole('button', {name: /add set to cart/i})[0]
+    fireEvent.click(button)
+
+    await waitFor(
+        () => {
+            const modal = screen.getByTestId('add-to-cart-modal')
+            expect(modal).toBeInTheDocument()
+            expect(within(modal).getByText(/items added to cart/i)).toBeInTheDocument()
+        },
+        {timeout: 5000}
+    )
 })
diff --git a/packages/template-retail-react-app/app/utils/test-utils.js b/packages/template-retail-react-app/app/utils/test-utils.js
index 02c8958ada..b6339c0858 100644
--- a/packages/template-retail-react-app/app/utils/test-utils.js
+++ b/packages/template-retail-react-app/app/utils/test-utils.js
@@ -18,7 +18,7 @@ import {
     CustomerProvider,
     CustomerProductListsProvider
 } from '../commerce-api/contexts'
-import {AddToCartModalContext} from '../hooks/use-add-to-cart-modal'
+import {AddToCartModal, AddToCartModalContext} from '../hooks/use-add-to-cart-modal'
 import {IntlProvider} from 'react-intl'
 import {mockCategories as initialMockCategories} from '../commerce-api/mock-data'
 import fallbackMessages from '../translations/compiled/en-GB.json'
@@ -66,6 +66,30 @@ export const renderWithRouterAndCommerceAPI = (node) => {
     )
 }
 
+const useAddToCartModal = () => {
+    const [state, setState] = useState({
+        isOpen: false,
+        data: null
+    })
+
+    return {
+        isOpen: state.isOpen,
+        data: state.data,
+        onOpen: (data) => {
+            setState({
+                isOpen: true,
+                data
+            })
+        },
+        onClose: () => {
+            setState({
+                isOpen: false,
+                data: null
+            })
+        }
+    }
+}
+
 /**
  * This is the Providers used to wrap components
  * for testing purposes.
@@ -112,12 +136,7 @@ export const TestProviders = ({
         _setBasket(data)
     })
 
-    const addToCartModal = {
-        isOpen: false,
-        data: null,
-        onOpen: () => {},
-        onClose: () => {}
-    }
+    const addToCartModal = useAddToCartModal()
 
     const site = getSiteByReference(siteAlias || appConfig.defaultSite)
 
@@ -142,6 +161,7 @@ export const TestProviders = ({
                                                     value={addToCartModal}
                                                 >
                                                     {children}
+                                                    <AddToCartModal />
                                                 </AddToCartModalContext.Provider>
                                             </ChakraProvider>
                                         </Router>

From aab2990ae614e5d61cf213d97a83d2ca5847a4ce Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 12:05:17 -0800
Subject: [PATCH 07/23] Clean up

---
 .../app/pages/product-detail/index.test.js    | 26 +++++++------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index f583ddd58e..be15d7a57f 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -235,21 +235,12 @@ const basketWithProductSet = {
     tax_total: null
 }
 
-// Set up and clean up
-beforeAll(() => {
-    // TODO: move to `beforeEach`
-    // Since we're testing some navigation logic, we are using a simple Router
-    // around our component. We need to initialize the default route/path here.
-    // window.history.pushState({}, 'ProductDetail', '/en-GB/product/test-product')
-    window.history.pushState(
-        {},
-        'ProductDetail',
-        '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
-    )
-})
-
 beforeEach(() => {
     jest.resetModules()
+
+    // Since we're testing some navigation logic, we are using a simple Router
+    // around our component. We need to initialize the default route/path here.
+    window.history.pushState({}, 'ProductDetail', '/en-GB/product/test-product')
 })
 
 afterEach(() => {
@@ -276,7 +267,11 @@ test('should render product details page', async () => {
     expect(screen.getAllByTestId('product-view').length).toEqual(1)
 })
 
-test('product set: render multi-product layout', async () => {
+test('product set: render multi-product layout and add the set to cart', async () => {
+    const urlPathAfterSelectingAllVariants =
+        '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
+    window.history.pushState({}, 'ProductDetail', urlPathAfterSelectingAllVariants)
+
     global.server.use(
         rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
             return res(ctx.json(basketWithProductSet))
@@ -296,8 +291,7 @@ test('product set: render multi-product layout', async () => {
     await waitFor(
         () => {
             const modal = screen.getByTestId('add-to-cart-modal')
-            expect(modal).toBeInTheDocument()
-            expect(within(modal).getByText(/items added to cart/i)).toBeInTheDocument()
+            expect(within(modal).getByText(/3 items added to cart/i)).toBeInTheDocument()
         },
         {timeout: 5000}
     )

From 40a45fa477c5eec1d0dbf16db054f93ef3226d9c Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 12:49:52 -0800
Subject: [PATCH 08/23] Test error messages

---
 .../app/pages/product-detail/index.jsx           | 10 ++++++----
 .../app/pages/product-detail/index.test.js       | 16 ++++++++++++++--
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.jsx b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
index 3645b64ea0..b0617229b0 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
@@ -151,10 +151,12 @@ const ProductDetail = ({category, product, isLoading}) => {
             // Get the reference to the product view and scroll to it.
             const {ref} = childProductRefs.current[firstUnselectedProduct.id]
 
-            ref.scrollIntoView({
-                behavior: 'smooth',
-                block: 'end'
-            })
+            if (ref.scrollIntoView) {
+                ref.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'end'
+                })
+            }
 
             return false
         }
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index be15d7a57f..2e97225595 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -32,7 +32,7 @@ const MockedComponent = () => {
     )
 }
 
-const MockedProductSet = () => {
+const MockedPageWithProductSet = () => {
     return (
         <Switch>
             <Route
@@ -279,7 +279,7 @@ test('product set: render multi-product layout and add the set to cart', async (
     )
 
     const initialBasket = {basketId: 'valid_id'}
-    renderWithProviders(<MockedProductSet />, {wrapperProps: {initialBasket}})
+    renderWithProviders(<MockedPageWithProductSet />, {wrapperProps: {initialBasket}})
 
     await waitFor(() => {
         expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
@@ -296,3 +296,15 @@ test('product set: render multi-product layout and add the set to cart', async (
         {timeout: 5000}
     )
 })
+
+test('product set: show message when user has not selected all variants', async () => {
+    renderWithProviders(<MockedPageWithProductSet />)
+
+    const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
+    fireEvent.click(buttons[0])
+
+    await waitFor(() => {
+        const errorMessages = screen.getAllByText(/Please select all your options above/i)
+        expect(errorMessages.length).toEqual(3)
+    })
+})

From c649c19ffa83fbaa7b60f2b653f44cca9e4f3e5c Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 15:12:40 -0800
Subject: [PATCH 09/23] Test lazy loading of the child products

---
 .../app/pages/product-detail/index.jsx               |  4 ++--
 .../app/pages/product-detail/index.test.js           | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.jsx b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
index b0617229b0..acf512a56c 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.jsx
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.jsx
@@ -217,7 +217,7 @@ const ProductDetail = ({category, product, isLoading}) => {
                         {
                             // Product Set: render the child products
                             product.setProducts.map((childProduct) => (
-                                <Fragment key={childProduct.id}>
+                                <Box key={childProduct.id} data-testid="child-product">
                                     <ProductView
                                         // Do no use an arrow function as we are manipulating the functions scope.
                                         ref={function (ref) {
@@ -262,7 +262,7 @@ const ProductDetail = ({category, product, isLoading}) => {
                                     <Box display={['none', 'none', 'none', 'block']}>
                                         <hr />
                                     </Box>
-                                </Fragment>
+                                </Box>
                             ))
                         }
                     </Fragment>
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 2e97225595..e7c5b21a9c 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -267,6 +267,7 @@ test('should render product details page', async () => {
     expect(screen.getAllByTestId('product-view').length).toEqual(1)
 })
 
+// TODO: split into smaller tests
 test('product set: render multi-product layout and add the set to cart', async () => {
     const urlPathAfterSelectingAllVariants =
         '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
@@ -308,3 +309,14 @@ test('product set: show message when user has not selected all variants', async
         expect(errorMessages.length).toEqual(3)
     })
 })
+
+test('product set: children are lazy loaded', async () => {
+    renderWithProviders(<MockedPageWithProductSet />)
+
+    const childProducts = await screen.findAllByTestId('child-product')
+
+    childProducts.forEach((child) => {
+        const heroImage = within(child).getAllByRole('img')[0]
+        expect(heroImage.getAttribute('loading')).toEqual('lazy')
+    })
+})

From 54966073a99e5c016eafb5484bdc6c008ddecb9f Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 15:20:27 -0800
Subject: [PATCH 10/23] Split a test into smaller ones

---
 .../app/pages/product-detail/index.test.js    | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index e7c5b21a9c..113f296292 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -267,8 +267,15 @@ test('should render product details page', async () => {
     expect(screen.getAllByTestId('product-view').length).toEqual(1)
 })
 
-// TODO: split into smaller tests
-test('product set: render multi-product layout and add the set to cart', async () => {
+test('product set: render multi-product layout', async () => {
+    renderWithProviders(<MockedPageWithProductSet />)
+
+    await waitFor(() => {
+        expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
+    })
+})
+
+test('product set: add the set to cart, after all variants are selected', async () => {
     const urlPathAfterSelectingAllVariants =
         '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
     window.history.pushState({}, 'ProductDetail', urlPathAfterSelectingAllVariants)
@@ -279,21 +286,19 @@ test('product set: render multi-product layout and add the set to cart', async (
         })
     )
 
+    // Initial basket is necessary to add items to it
     const initialBasket = {basketId: 'valid_id'}
     renderWithProviders(<MockedPageWithProductSet />, {wrapperProps: {initialBasket}})
 
-    await waitFor(() => {
-        expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
-    })
-
-    const button = screen.getAllByRole('button', {name: /add set to cart/i})[0]
-    fireEvent.click(button)
+    const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
+    fireEvent.click(buttons[0])
 
     await waitFor(
         () => {
             const modal = screen.getByTestId('add-to-cart-modal')
             expect(within(modal).getByText(/3 items added to cart/i)).toBeInTheDocument()
         },
+        // Seems like rendering the modal takes a bit more time
         {timeout: 5000}
     )
 })

From f46f6be31b67daabd9c02b2d98d58d7d8b20fecc Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 15:25:56 -0800
Subject: [PATCH 11/23] Use `describe` to group all the related tests

---
 .../app/pages/product-detail/index.test.js    | 87 ++++++++++---------
 1 file changed, 45 insertions(+), 42 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 113f296292..eb9531fec2 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -267,61 +267,64 @@ test('should render product details page', async () => {
     expect(screen.getAllByTestId('product-view').length).toEqual(1)
 })
 
-test('product set: render multi-product layout', async () => {
-    renderWithProviders(<MockedPageWithProductSet />)
+describe('product set', () => {
+    test('render multi-product layout', async () => {
+        renderWithProviders(<MockedPageWithProductSet />)
 
-    await waitFor(() => {
-        expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
+        await waitFor(() => {
+            expect(screen.getAllByTestId('product-view').length).toEqual(4) // 1 parent + 3 children
+        })
     })
-})
 
-test('product set: add the set to cart, after all variants are selected', async () => {
-    const urlPathAfterSelectingAllVariants =
-        '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
-    window.history.pushState({}, 'ProductDetail', urlPathAfterSelectingAllVariants)
+    test('add the set to cart successfully', async () => {
+        const urlPathAfterSelectingAllVariants =
+            '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
+        window.history.pushState({}, 'ProductDetail', urlPathAfterSelectingAllVariants)
 
-    global.server.use(
-        rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
-            return res(ctx.json(basketWithProductSet))
-        })
-    )
+        global.server.use(
+            rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
+                return res(ctx.json(basketWithProductSet))
+            })
+        )
 
-    // Initial basket is necessary to add items to it
-    const initialBasket = {basketId: 'valid_id'}
-    renderWithProviders(<MockedPageWithProductSet />, {wrapperProps: {initialBasket}})
+        // Initial basket is necessary to add items to it
+        const initialBasket = {basketId: 'valid_id'}
+        renderWithProviders(<MockedPageWithProductSet />, {wrapperProps: {initialBasket}})
 
-    const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
-    fireEvent.click(buttons[0])
+        const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
+        fireEvent.click(buttons[0])
 
-    await waitFor(
-        () => {
-            const modal = screen.getByTestId('add-to-cart-modal')
-            expect(within(modal).getByText(/3 items added to cart/i)).toBeInTheDocument()
-        },
-        // Seems like rendering the modal takes a bit more time
-        {timeout: 5000}
-    )
-})
+        await waitFor(
+            () => {
+                const modal = screen.getByTestId('add-to-cart-modal')
+                expect(within(modal).getByText(/3 items added to cart/i)).toBeInTheDocument()
+            },
+            // Seems like rendering the modal takes a bit more time
+            {timeout: 5000}
+        )
+    })
 
-test('product set: show message when user has not selected all variants', async () => {
-    renderWithProviders(<MockedPageWithProductSet />)
+    test('add the set to cart with error messages', async () => {
+        renderWithProviders(<MockedPageWithProductSet />)
 
-    const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
-    fireEvent.click(buttons[0])
+        const buttons = await screen.findAllByRole('button', {name: /add set to cart/i})
+        fireEvent.click(buttons[0])
 
-    await waitFor(() => {
-        const errorMessages = screen.getAllByText(/Please select all your options above/i)
-        expect(errorMessages.length).toEqual(3)
+        await waitFor(() => {
+            // Show error when users have not selected all the variants yet
+            const errorMessages = screen.getAllByText(/Please select all your options above/i)
+            expect(errorMessages.length).toEqual(3)
+        })
     })
-})
 
-test('product set: children are lazy loaded', async () => {
-    renderWithProviders(<MockedPageWithProductSet />)
+    test("child products' images are lazy loaded", async () => {
+        renderWithProviders(<MockedPageWithProductSet />)
 
-    const childProducts = await screen.findAllByTestId('child-product')
+        const childProducts = await screen.findAllByTestId('child-product')
 
-    childProducts.forEach((child) => {
-        const heroImage = within(child).getAllByRole('img')[0]
-        expect(heroImage.getAttribute('loading')).toEqual('lazy')
+        childProducts.forEach((child) => {
+            const heroImage = within(child).getAllByRole('img')[0]
+            expect(heroImage.getAttribute('loading')).toEqual('lazy')
+        })
     })
 })

From f89299f28fe102790e6aae7a11e4b83448f48527 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 15:27:18 -0800
Subject: [PATCH 12/23] Update comment

---
 .../app/pages/product-detail/index.test.js                       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index eb9531fec2..bf6bb6ec7f 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -312,6 +312,7 @@ describe('product set', () => {
 
         await waitFor(() => {
             // Show error when users have not selected all the variants yet
+            // 1 error for each child product
             const errorMessages = screen.getAllByText(/Please select all your options above/i)
             expect(errorMessages.length).toEqual(3)
         })

From 560825fe7fe778a167171be2db9d1f75a0a7e212 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 23:12:25 -0800
Subject: [PATCH 13/23] Test the wishlist and its primary action buttons

---
 .../app/commerce-api/mock-data.js             | 1619 +++++++++++++++++
 .../components/product-view-modal/index.jsx   |    4 +-
 .../partials/wishlist-primary-action.test.js  |   59 +-
 .../app/pages/product-detail/index.test.js    |    2 +-
 4 files changed, 1672 insertions(+), 12 deletions(-)

diff --git a/packages/template-retail-react-app/app/commerce-api/mock-data.js b/packages/template-retail-react-app/app/commerce-api/mock-data.js
index 7fc8c21a58..3b5b1c772d 100644
--- a/packages/template-retail-react-app/app/commerce-api/mock-data.js
+++ b/packages/template-retail-react-app/app/commerce-api/mock-data.js
@@ -2985,6 +2985,1625 @@ export const mockedCustomerProductListsDetails = {
     total: 1
 }
 
+// This wishlist has more varied products
+export const mockedCustomerProductListsDetails2 = {
+    limit: 4,
+    data: [
+        {
+            currency: 'GBP',
+            id: 'winter-lookM',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'small'
+                }
+            ],
+            longDescription: '<p>Jacket</p>\r\n<p>Pant</p>\r\n<p>Shoes</p>',
+            minOrderQuantity: 1,
+            name: 'Winter Look',
+            price: 44.16,
+            priceMax: 71.03,
+            pricePerUnit: 44.16,
+            pricePerUnitMax: 71.03,
+            primaryCategoryId: 'womens-outfits',
+            shortDescription: 'Look for Winter',
+            setProducts: [
+                {
+                    currency: 'GBP',
+                    id: '25518447M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 400,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 400
+                    },
+                    longDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    master: {
+                        masterId: '25518447M',
+                        orderable: true,
+                        price: 71.03
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Quilted Jacket',
+                    pageDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    pageTitle: 'Quilted Jacket',
+                    price: 71.03,
+                    pricePerUnit: 71.03,
+                    primaryCategoryId: 'womens-clothing-jackets',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '22951021M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25518397M'
+                        }
+                    ],
+                    shortDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2010-10-21T04:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853695M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9LG'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853718M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9SM'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853725M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9XL'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853701M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9MD'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'royal',
+                                    orderable: true,
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: 'S',
+                                    orderable: true,
+                                    value: '9SM'
+                                },
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: '9MD'
+                                },
+                                {
+                                    name: 'L',
+                                    orderable: true,
+                                    value: '9LG'
+                                },
+                                {
+                                    name: 'XL',
+                                    orderable: true,
+                                    value: '9XL'
+                                }
+                            ]
+                        }
+                    ],
+                    c_isNewtest: true,
+                    c_isSale: true
+                },
+                {
+                    currency: 'GBP',
+                    id: '25518704M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 500,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 500
+                    },
+                    longDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    master: {
+                        masterId: '25518704M',
+                        orderable: true,
+                        price: 44.16
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Pull On Pant',
+                    pageDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    pageTitle: 'Pull On Pant',
+                    price: 44.16,
+                    pricePerUnit: 44.16,
+                    primaryCategoryId: 'womens-clothing-bottoms',
+                    shortDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2010-10-21T04:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867098M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9LG'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867111M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9SM'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867104M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9MD'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867128M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9XL'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867135M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9XS'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'Grey Heather',
+                                    orderable: true,
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: 'XS',
+                                    orderable: true,
+                                    value: '9XS'
+                                },
+                                {
+                                    name: 'S',
+                                    orderable: true,
+                                    value: '9SM'
+                                },
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: '9MD'
+                                },
+                                {
+                                    name: 'L',
+                                    orderable: true,
+                                    value: '9LG'
+                                },
+                                {
+                                    name: 'XL',
+                                    orderable: true,
+                                    value: '9XL'
+                                }
+                            ]
+                        }
+                    ],
+                    c_isNewtest: true
+                },
+                {
+                    currency: 'GBP',
+                    id: '25772717M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 1500,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 1500
+                    },
+                    longDescription: 'The perfect pump for any outfit!',
+                    master: {
+                        masterId: '25772717M',
+                        orderable: true,
+                        price: 63.36
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Zerrick',
+                    pageDescription: 'The perfect pump for any outfit!',
+                    pageTitle: 'Zerrick',
+                    price: 63.36,
+                    pricePerUnit: 63.36,
+                    primaryCategoryId: 'womens-accessories-shoes',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25593254M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25720050M'
+                        }
+                    ],
+                    shortDescription: 'The perfect pump for any outfit!',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2011-03-01T05:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357531M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '065',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358095M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '065',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357623M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '110',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357609M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '100',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358156M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '095',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358132M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '085',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358101M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '070',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357562M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '080',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357548M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '070',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358187M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '110',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357593M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '095',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357555M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '075',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357524M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '060',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358149M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '090',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358088M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '060',
+                                width: 'M'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'Black',
+                                    orderable: true,
+                                    value: 'BLACKLE'
+                                },
+                                {
+                                    name: 'Taupe',
+                                    orderable: true,
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: '6',
+                                    orderable: true,
+                                    value: '060'
+                                },
+                                {
+                                    name: '6.5',
+                                    orderable: true,
+                                    value: '065'
+                                },
+                                {
+                                    name: '7',
+                                    orderable: true,
+                                    value: '070'
+                                },
+                                {
+                                    name: '7.5',
+                                    orderable: true,
+                                    value: '075'
+                                },
+                                {
+                                    name: '8',
+                                    orderable: true,
+                                    value: '080'
+                                },
+                                {
+                                    name: '8.5',
+                                    orderable: true,
+                                    value: '085'
+                                },
+                                {
+                                    name: '9',
+                                    orderable: true,
+                                    value: '090'
+                                },
+                                {
+                                    name: '9.5',
+                                    orderable: true,
+                                    value: '095'
+                                },
+                                {
+                                    name: '10',
+                                    orderable: true,
+                                    value: '100'
+                                },
+                                {
+                                    name: '11',
+                                    orderable: true,
+                                    value: '110'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'width',
+                            name: 'Width',
+                            values: [
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: 'M'
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ],
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/winter-lookM.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                set: true
+            },
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: 'some-outfit',
+            minOrderQuantity: 1,
+            name: 'Some Outfit',
+            price: 63.99,
+            pricePerUnit: 63.99,
+            primaryCategoryId: 'womens-outfits',
+            setProducts: [
+                {
+                    currency: 'GBP',
+                    id: 'P0150M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 2,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 2
+                    },
+                    longDescription:
+                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security',
+                    minOrderQuantity: 1,
+                    name: 'Upright Case (33L - 3.7Kg)',
+                    pageDescription:
+                        'This practical case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any no-fuss travel.',
+                    pageKeywords:
+                        'Commerce Cloud, P0150, T10 150 Upright 50, General Accessories, Accessories, Packs and Gear',
+                    pageTitle: 'Commerce Cloud - Upright Case (33L - 3.7Kg)',
+                    price: 63.99,
+                    pricePerUnit: 63.99,
+                    primaryCategoryId: 'mens-accessories-luggage',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0048M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0138M'
+                        }
+                    ],
+                    shortDescription:
+                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
+                    stepQuantity: 1,
+                    type: {
+                        item: true
+                    },
+                    c_styleNumber: 'P0150',
+                    c_tabDescription:
+                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
+                    c_tabDetails:
+                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security'
+                },
+                {
+                    currency: 'GBP',
+                    id: 'P0138M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 100,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        inStockDate: '2012-03-09T00:00:00.000Z',
+                        orderable: true,
+                        preorderable: true,
+                        stockLevel: 0
+                    },
+                    longDescription:
+                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security',
+                    minOrderQuantity: 1,
+                    name: 'Laptop Messenger (16L)',
+                    pageDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable.',
+                    pageKeywords:
+                        'Commerce Cloud, P0138, Packs and Gear Laptop Messenger, Black, Computer Bag, Cases, Luggage, Sling Bag, Should Begs',
+                    pageTitle: 'Commerce Cloud - Laptop Messenger (16L)',
+                    price: 63.99,
+                    pricePerUnit: 63.99,
+                    primaryCategoryId: 'mens-accessories-luggage',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0150M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0048M'
+                        }
+                    ],
+                    shortDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
+                    stepQuantity: 1,
+                    type: {
+                        item: true
+                    },
+                    c_styleNumber: 'P0138',
+                    c_tabDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
+                    c_tabDetails:
+                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security'
+                }
+            ],
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/some-outfit.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                set: true
+            },
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: '25501802M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 400,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 400
+            },
+            longDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            master: {
+                masterId: '25501802M',
+                orderable: true,
+                price: 53.11
+            },
+            minOrderQuantity: 1,
+            name: 'Textured Zip Front Cardigan',
+            pageDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            pageTitle: 'Textured Zip Front Cardigan',
+            price: 53.11,
+            pricePerUnit: 53.11,
+            primaryCategoryId: 'womens-clothing-tops',
+            productPromotions: [
+                {
+                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
+                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
+                }
+            ],
+            shortDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/textured-zip-front-cardigan/25501802M.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                master: true
+            },
+            validFrom: {
+                default: '2010-10-21T04:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856139M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9LG'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856160M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9XL'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856146M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9MD'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856153M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9SM'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Sugar',
+                            orderable: true,
+                            value: 'JJG80XX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: 'S',
+                            orderable: true,
+                            value: '9SM'
+                        },
+                        {
+                            name: 'M',
+                            orderable: true,
+                            value: '9MD'
+                        },
+                        {
+                            name: 'L',
+                            orderable: true,
+                            value: '9LG'
+                        },
+                        {
+                            name: 'XL',
+                            orderable: true,
+                            value: '9XL'
+                        }
+                    ]
+                }
+            ],
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: '701642884934M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 100,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 100
+            },
+            longDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            master: {
+                masterId: '25502072M',
+                orderable: true,
+                price: 42.23
+            },
+            minOrderQuantity: 1,
+            name: 'Classic Blouse',
+            pageDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            pageTitle: 'Classic Blouse',
+            price: 42.23,
+            pricePerUnit: 42.23,
+            productPromotions: [
+                {
+                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
+                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
+                }
+            ],
+            shortDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/classic-blouse/701642884934M.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                variant: true
+            },
+            unitMeasure: '',
+            unitQuantity: 0,
+            upc: '701642884934',
+            validFrom: {
+                default: '2010-11-18T05:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884910M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '004'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884927M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '006'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884897M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '014'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884903M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '016'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884934M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '008'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884880M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '012'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884873M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '010'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Multi',
+                            orderable: true,
+                            value: 'JJZ01XX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: '4',
+                            orderable: true,
+                            value: '004'
+                        },
+                        {
+                            name: '6',
+                            orderable: true,
+                            value: '006'
+                        },
+                        {
+                            name: '8',
+                            orderable: true,
+                            value: '008'
+                        },
+                        {
+                            name: '10',
+                            orderable: true,
+                            value: '010'
+                        },
+                        {
+                            name: '12',
+                            orderable: true,
+                            value: '012'
+                        },
+                        {
+                            name: '14',
+                            orderable: true,
+                            value: '014'
+                        },
+                        {
+                            name: '16',
+                            orderable: true,
+                            value: '016'
+                        }
+                    ]
+                }
+            ],
+            variationValues: {
+                color: 'JJZ01XX',
+                size: '008'
+            },
+            c_color: 'JJZ01XX',
+            c_refinementColor: 'miscellaneous',
+            c_size: '008',
+            c_width: 'Z',
+            quantity: 1
+        }
+    ],
+    total: 4
+}
+
 export const mockCategory = {
     id: 'mens',
     name: 'Mens',
diff --git a/packages/template-retail-react-app/app/components/product-view-modal/index.jsx b/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
index 3471ba7be2..43f7fec12b 100644
--- a/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-view-modal/index.jsx
@@ -17,9 +17,9 @@ import {useProductViewModal} from '../../hooks/use-product-view-modal'
 const ProductViewModal = ({product, isOpen, onClose, ...props}) => {
     const productViewModalData = useProductViewModal(product)
     return (
-        <Modal data-testid={'sf-product-view-modal'} size="4xl" isOpen={isOpen} onClose={onClose}>
+        <Modal size="4xl" isOpen={isOpen} onClose={onClose}>
             <ModalOverlay />
-            <ModalContent>
+            <ModalContent containerProps={{'data-testid': 'product-view-modal'}}>
                 <ModalCloseButton />
                 <ModalBody pb={8} bg="white" paddingBottom={6} marginTop={6}>
                     <ProductView
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
index 0ceb2e920d..399992d1d7 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
@@ -5,20 +5,24 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {mockedCustomerProductListsDetails} from '../../../../commerce-api/mock-data'
+import {mockedCustomerProductListsDetails2} from '../../../../commerce-api/mock-data'
 import ItemVariantProvider from '../../../../components/item-variant'
 import {renderWithProviders} from '../../../../utils/test-utils'
 import WishlistPrimaryAction from './wishlist-primary-action'
-import user from '@testing-library/user-event'
+import userEvent from '@testing-library/user-event'
 import {screen, waitFor} from '@testing-library/react'
+import PropTypes from 'prop-types'
 
-const MockedComponent = (variant) => {
+const MockedComponent = ({variant}) => {
     return (
         <ItemVariantProvider variant={variant}>
             <WishlistPrimaryAction />
         </ItemVariantProvider>
     )
 }
+MockedComponent.propTypes = {
+    variant: PropTypes.object
+}
 
 jest.mock('../../../../commerce-api/hooks/useBasket', () => {
     return () => {
@@ -32,19 +36,56 @@ beforeEach(() => {
     jest.resetModules()
 })
 
-test('renders primary action component', async () => {
-    const {getByRole} = renderWithProviders(
-        <MockedComponent variant={mockedCustomerProductListsDetails.data[0]} />
-    )
+test('the Add To Cart button', async () => {
+    const variant = mockedCustomerProductListsDetails2.data[3]
+    const {getByRole} = renderWithProviders(<MockedComponent variant={variant} />)
+
     const addToCartButton = getByRole('button', {
         name: /add to cart/i
     })
     expect(addToCartButton).toBeInTheDocument()
-    user.click(addToCartButton)
+    userEvent.click(addToCartButton)
 
     await waitFor(() => {
         // Chakra UI renders multiple elements with toast title in DOM for accessibility.
         // We need to assert the actual text within the alert
-        expect(screen.getByRole('alert')).toHaveTextContent(/items added to cart/i)
+        expect(screen.getAllByRole('alert')[0]).toHaveTextContent(/1 item added to cart/i)
+    })
+})
+
+test('the Add Set To Cart button', async () => {
+    const productSetWithoutVariants = mockedCustomerProductListsDetails2.data[1]
+    renderWithProviders(<MockedComponent variant={productSetWithoutVariants} />)
+
+    const button = screen.getByRole('button', {name: /add set to cart/i})
+    userEvent.click(button)
+
+    await waitFor(() => {
+        expect(screen.getAllByRole('alert')[0]).toHaveTextContent(/2 items added to cart/i)
     })
 })
+
+test('the View Full Details button', async () => {
+    const productSetWithVariants = mockedCustomerProductListsDetails2.data[0]
+    renderWithProviders(<MockedComponent variant={productSetWithVariants} />)
+
+    const link = screen.getByRole('link', {name: /view full details/i})
+    expect(link).toBeInTheDocument()
+})
+
+test('the View Options button', async () => {
+    const masterProduct = mockedCustomerProductListsDetails2.data[2]
+    renderWithProviders(<MockedComponent variant={masterProduct} />)
+
+    const button = screen.getByRole('button', {name: /view options/i})
+    userEvent.click(button)
+
+    await waitFor(
+        () => {
+            const modal = screen.getByTestId('product-view-modal')
+            expect(modal).toBeVisible()
+        },
+        // Seems like rendering the modal takes a bit more time
+        {timeout: 5000}
+    )
+})
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index bf6bb6ec7f..8767ce9ee7 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -297,7 +297,7 @@ describe('product set', () => {
         await waitFor(
             () => {
                 const modal = screen.getByTestId('add-to-cart-modal')
-                expect(within(modal).getByText(/3 items added to cart/i)).toBeInTheDocument()
+                expect(within(modal).getByText(/3 items added to cart/i)).toBeVisible()
             },
             // Seems like rendering the modal takes a bit more time
             {timeout: 5000}

From 0fd3c3f0e72e887fbe3b4c1c6a3469b166fc0b25 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Thu, 23 Feb 2023 23:15:41 -0800
Subject: [PATCH 14/23] Clean up

---
 .../account/wishlist/partials/wishlist-primary-action.test.js   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
index 399992d1d7..64d946fd8c 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
@@ -65,7 +65,7 @@ test('the Add Set To Cart button', async () => {
     })
 })
 
-test('the View Full Details button', async () => {
+test('the View Full Details button', () => {
     const productSetWithVariants = mockedCustomerProductListsDetails2.data[0]
     renderWithProviders(<MockedComponent variant={productSetWithVariants} />)
 

From 5f8d763e4a5e21649517aa402f82b815badea27e Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 24 Feb 2023 11:53:12 -0800
Subject: [PATCH 15/23] Some refactoring

---
 .../app/partials/product-view/index.test.js   | 58 +++++++++----------
 1 file changed, 28 insertions(+), 30 deletions(-)

diff --git a/packages/template-retail-react-app/app/partials/product-view/index.test.js b/packages/template-retail-react-app/app/partials/product-view/index.test.js
index acaf90438a..390b56488f 100644
--- a/packages/template-retail-react-app/app/partials/product-view/index.test.js
+++ b/packages/template-retail-react-app/app/partials/product-view/index.test.js
@@ -126,20 +126,20 @@ test('renders a product set properly - parent item', () => {
     // NOTE: there can be duplicates of the same element, due to mobile and desktop views
     // (they're hidden with display:none style)
 
+    const startingAtLabel = screen.getAllByText(/starting at/i)[0]
+    const addSetToCartButton = screen.getAllByRole('button', {name: /add set to cart/i})[0]
+    const addSetToWishlistButton = screen.getAllByRole('button', {name: /add set to wishlist/i})[0]
+    const variationAttributes = screen.queryAllByRole('radiogroup') // e.g. sizes, colors
+    const quantityPicker = screen.queryByRole('spinbutton', {name: /quantity:/i})
+
     // What should exist:
-    expect(screen.getAllByText(/starting at/i)[0]).toBeInTheDocument()
-    expect(screen.getAllByRole('button', {name: /add set to cart/i})[0]).toBeInTheDocument()
-    expect(screen.getAllByRole('button', {name: /add set to wishlist/i})[0]).toBeInTheDocument()
+    expect(startingAtLabel).toBeInTheDocument()
+    expect(addSetToCartButton).toBeInTheDocument()
+    expect(addSetToWishlistButton).toBeInTheDocument()
 
     // What should _not_ exist:
-    // sizes and colours options
-    expect(screen.queryAllByRole('radiogroup').length).toEqual(0)
-    // quantity picker
-    expect(
-        screen.queryByRole('spinbutton', {
-            name: /quantity:/i
-        })
-    ).toBe(null)
+    expect(variationAttributes.length).toEqual(0)
+    expect(quantityPicker).toBe(null)
 })
 
 test('renders a product set properly - child item', () => {
@@ -151,62 +151,60 @@ test('renders a product set properly - child item', () => {
     // NOTE: there can be duplicates of the same element, due to mobile and desktop views
     // (they're hidden with display:none style)
 
+    const addToCartButton = screen.getAllByRole('button', {name: /add to cart/i})[0]
+    const addToWishlistButton = screen.getAllByRole('button', {name: /add to wishlist/i})[0]
+    const variationAttributes = screen.getAllByRole('radiogroup') // e.g. sizes, colors
+    const quantityPicker = screen.getByRole('spinbutton', {name: /quantity:/i})
+    const startingAtLabels = screen.queryAllByText(/starting at/i)
+
     // What should exist:
-    expect(screen.getAllByRole('button', {name: /add to cart/i})[0]).toBeInTheDocument()
-    expect(screen.getAllByRole('button', {name: /add to wishlist/i})[0]).toBeInTheDocument()
-    // sizes and colours options
-    expect(screen.getAllByRole('radiogroup').length).toEqual(2)
-    // quantity picker
-    expect(
-        screen.getByRole('spinbutton', {
-            name: /quantity:/i
-        })
-    ).toBeInTheDocument()
+    expect(addToCartButton).toBeInTheDocument()
+    expect(addToWishlistButton).toBeInTheDocument()
+    expect(variationAttributes.length).toEqual(2)
+    expect(quantityPicker).toBeInTheDocument()
 
     // What should _not_ exist:
-    expect(screen.queryAllByText(/starting at/i).length).toEqual(0)
+    expect(startingAtLabels.length).toEqual(0)
 })
 
 test('validateOrderability callback is called when adding a set to cart', async () => {
     const parent = mockProductSet
-    const fn = jest.fn()
+    const validateOrderability = jest.fn()
 
     renderWithProviders(
         <MockComponent
             product={parent}
-            validateOrderability={fn}
+            validateOrderability={validateOrderability}
             addToCart={() => {}}
             addToWishlist={() => {}}
         />
     )
 
     const button = screen.getByRole('button', {name: /add set to cart/i})
-    expect(button).toBeInTheDocument()
     userEvent.click(button)
 
     await waitFor(() => {
-        expect(fn).toHaveBeenCalledTimes(1)
+        expect(validateOrderability).toHaveBeenCalledTimes(1)
     })
 })
 
 test('onVariantSelected callback is called after successfully selected a variant', async () => {
-    const fn = jest.fn()
+    const onVariantSelected = jest.fn()
     const child = mockProductSet.setProducts[0]
 
     renderWithProviders(
         <MockComponent
             product={child}
-            onVariantSelected={fn}
+            onVariantSelected={onVariantSelected}
             addToCart={() => {}}
             addToWishlist={() => {}}
         />
     )
 
     const size = screen.getByRole('link', {name: /xl/i})
-    expect(size).toBeInTheDocument()
     userEvent.click(size)
 
     await waitFor(() => {
-        expect(fn).toHaveBeenCalledTimes(1)
+        expect(onVariantSelected).toHaveBeenCalledTimes(1)
     })
 })

From de72da8911c9aac90c97aaa748b0344b0c123b64 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 24 Feb 2023 12:09:53 -0800
Subject: [PATCH 16/23] Some refactoring

---
 .../app/components/product-tile/index.test.js                 | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/template-retail-react-app/app/components/product-tile/index.test.js b/packages/template-retail-react-app/app/components/product-tile/index.test.js
index f8e348fa41..0de2bff076 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-tile/index.test.js
@@ -141,7 +141,5 @@ test('Product set - renders the appropriate price label', async () => {
     const {getByTestId} = renderWithProviders(<ProductTile product={mockProductSet} />)
 
     const container = getByTestId('product-tile-price')
-    const priceLabel = within(container).getByText(/starting at/i)
-
-    expect(priceLabel).toBeDefined()
+    expect(container).toHaveTextContent(/starting at/i)
 })

From c8b26a0e618be8d2b24c6b0c9e50473ed912e82f Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 24 Feb 2023 13:06:46 -0800
Subject: [PATCH 17/23] Linting fix

---
 .../app/components/product-tile/index.test.js                    | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/template-retail-react-app/app/components/product-tile/index.test.js b/packages/template-retail-react-app/app/components/product-tile/index.test.js
index 0de2bff076..1726d4e804 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-tile/index.test.js
@@ -7,7 +7,6 @@
 import React from 'react'
 import ProductTile, {Skeleton} from './index'
 import {renderWithProviders} from '../../utils/test-utils'
-import {within} from '@testing-library/react'
 
 const mockProductSearchItem = {
     currency: 'USD',

From 169e5bddb75e5dce3517288d08f86f1387a8d63c Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 24 Feb 2023 15:27:26 -0800
Subject: [PATCH 18/23] Update comment

---
 .../app/utils/product-utils.js                        | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/template-retail-react-app/app/utils/product-utils.js b/packages/template-retail-react-app/app/utils/product-utils.js
index 1e9d93f988..48d9489524 100644
--- a/packages/template-retail-react-app/app/utils/product-utils.js
+++ b/packages/template-retail-react-app/app/utils/product-utils.js
@@ -6,9 +6,8 @@
  */
 
 /**
- * Given a variation attribute array and and variation values object return an object
- * where the key is the attributes display name, and the value is the attribute display
- * value.
+ * Get the human-friendly version of the variation values that users have selected.
+ * Useful for displaying these values in the UI.
  *
  * @param {Object} variationAttributes - The products variation attributes.
  * @param {Object} values - The variations selected attribute values.
@@ -16,10 +15,10 @@
  *
  * @example
  * const displayValues = getDisplayVariationValues(
- *     [{id: 'size', name: 'Size', values: [{name: "md", value: "Medium"}]}],
- *     {size: 'md'}
+ *     [ { "id": "color", "name": "Colour", "values": [ { "name": "royal", "orderable": true, "value": "JJ5FUXX" } ] } ],
+ *     { "color": "JJ5FUXX" }
  * )
- * // returns {Size: "Medium"}
+ * // returns { "Colour": "royal" }
  */
 export const getDisplayVariationValues = (variationAttributes, values = {}) => {
     const returnVal = Object.entries(values).reduce((acc, [id, value]) => {

From ea2a73a78d4c64e4a4f6d9daebff745eb2fdf808 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Fri, 24 Feb 2023 15:27:34 -0800
Subject: [PATCH 19/23] Test `getDisplayVariationValues`

---
 .../app/utils/product-utils.test.js           | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 packages/template-retail-react-app/app/utils/product-utils.test.js

diff --git a/packages/template-retail-react-app/app/utils/product-utils.test.js b/packages/template-retail-react-app/app/utils/product-utils.test.js
new file mode 100644
index 0000000000..896087e5f7
--- /dev/null
+++ b/packages/template-retail-react-app/app/utils/product-utils.test.js
@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+import {getDisplayVariationValues} from './product-utils'
+
+const variationAttributes = [
+    {
+        id: 'color',
+        name: 'Colour',
+        values: [
+            {name: 'Black', orderable: true, value: 'BLACKLE'},
+            {name: 'Taupe', orderable: true, value: 'TAUPETX'}
+        ]
+    },
+    {
+        id: 'size',
+        name: 'Size',
+        values: [
+            {name: '6', orderable: true, value: '060'},
+            {name: '6.5', orderable: true, value: '065'},
+            {name: '7', orderable: true, value: '070'},
+            {name: '7.5', orderable: true, value: '075'},
+            {name: '8', orderable: true, value: '080'},
+            {name: '8.5', orderable: true, value: '085'},
+            {name: '9', orderable: true, value: '090'},
+            {name: '9.5', orderable: true, value: '095'},
+            {name: '10', orderable: true, value: '100'},
+            {name: '11', orderable: true, value: '110'}
+        ]
+    },
+    {id: 'width', name: 'Width', values: [{name: 'M', orderable: true, value: 'M'}]}
+]
+
+test('getDisplayVariationValues', () => {
+    const selectedValues = {
+        color: 'TAUPETX',
+        size: '065',
+        width: 'M'
+    }
+    const result = getDisplayVariationValues(variationAttributes, selectedValues)
+
+    expect(result).toEqual({
+        Colour: 'Taupe',
+        Size: '6.5',
+        Width: 'M'
+    })
+})

From ee599f4aa2820c667e7883427a61c9a7838ccec4 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Sat, 25 Feb 2023 00:55:37 -0800
Subject: [PATCH 20/23] Test the usePDPSearchParams

---
 .../app/hooks/use-pdp-search-params.test.js   | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js

diff --git a/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js b/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js
new file mode 100644
index 0000000000..67136b08ee
--- /dev/null
+++ b/packages/template-retail-react-app/app/hooks/use-pdp-search-params.test.js
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+
+import React from 'react'
+import {screen} from '@testing-library/react'
+import PropTypes from 'prop-types'
+import {usePDPSearchParams} from './use-pdp-search-params'
+import {renderWithProviders} from '../utils/test-utils'
+
+const MockComponent = ({productId} = {}) => {
+    const [allParams, productParams] = usePDPSearchParams(productId)
+
+    return (
+        <>
+            <div data-testid="all-params">{allParams.toString()}</div>
+            <div data-testid="product-params">{productParams.toString()}</div>{' '}
+        </>
+    )
+}
+MockComponent.propTypes = {
+    productId: PropTypes.string
+}
+
+test('product set', () => {
+    const url =
+        // The parent's id is `winter-lookM`, while the children's are `25518447M` and `25518704M`
+        '/global/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9XL&25518704M=color%3DJJ2XNXX%26size%3D9MD'
+    window.history.pushState({}, '', url)
+
+    renderWithProviders(<MockComponent productId="25518704M" />)
+
+    expect(screen.getByTestId('all-params')).toHaveTextContent(
+        /^25518447M=color%3DJJ5FUXX%26size%3D9XL&25518704M=color%3DJJ2XNXX%26size%3D9MD$/
+    )
+    expect(screen.getByTestId('product-params')).toHaveTextContent(/^color=JJ2XNXX&size=9MD$/)
+})
+
+test('regular product with variant', () => {
+    const url = '/global/en-GB/product/25502228M?color=JJ0NLD0&size=9MD&pid=701642889830M'
+    window.history.pushState({}, '', url)
+
+    renderWithProviders(<MockComponent />)
+
+    expect(screen.getByTestId('all-params')).toHaveTextContent(
+        /^color=JJ0NLD0&size=9MD&pid=701642889830M$/
+    )
+    expect(screen.getByTestId('product-params')).toHaveTextContent(/^$/)
+})

From 6fd07595b40159c7f732939fccda7df1cab8b9d3 Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Mon, 27 Feb 2023 10:55:07 -0800
Subject: [PATCH 21/23] Tweak another test to pass

Not related to product sets, but needing CI to pass.
---
 .../app/pages/registration/index.test.jsx             | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/registration/index.test.jsx b/packages/template-retail-react-app/app/pages/registration/index.test.jsx
index 404021de99..0b6d7eb82a 100644
--- a/packages/template-retail-react-app/app/pages/registration/index.test.jsx
+++ b/packages/template-retail-react-app/app/pages/registration/index.test.jsx
@@ -117,8 +117,11 @@ test('Allows customer to create an account', async () => {
     user.click(withinForm.getByText(/create account/i))
 
     // wait for success state to appear
-    await waitFor(() => {
-        screen.logTestingPlaygroundURL()
-        expect(screen.getAllByText(/My Account/).length).toEqual(2)
-    })
+    await waitFor(
+        () => {
+            expect(screen.getAllByText(/My Account/).length).toEqual(2)
+        },
+        // Needs to wait a little bit more for the test to pass
+        {timeout: 5000}
+    )
 })

From 429a269db7f2db3eb805b1a02cd8643e3107e62c Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Mon, 27 Feb 2023 12:32:58 -0800
Subject: [PATCH 22/23] Move mocked data into their own files

---
 .../app/commerce-api/mock-data.js             | 1619 ----------------
 .../app/components/product-tile/index.test.js |   96 +-
 .../partials/wishlist-primary-action.mock.js  | 1623 +++++++++++++++++
 .../partials/wishlist-primary-action.test.js  |   10 +-
 .../app/pages/product-detail/index.mock.js    |  197 ++
 .../app/pages/product-detail/index.test.js    |  193 +-
 6 files changed, 1850 insertions(+), 1888 deletions(-)
 create mode 100644 packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.mock.js
 create mode 100644 packages/template-retail-react-app/app/pages/product-detail/index.mock.js

diff --git a/packages/template-retail-react-app/app/commerce-api/mock-data.js b/packages/template-retail-react-app/app/commerce-api/mock-data.js
index 3b5b1c772d..7fc8c21a58 100644
--- a/packages/template-retail-react-app/app/commerce-api/mock-data.js
+++ b/packages/template-retail-react-app/app/commerce-api/mock-data.js
@@ -2985,1625 +2985,6 @@ export const mockedCustomerProductListsDetails = {
     total: 1
 }
 
-// This wishlist has more varied products
-export const mockedCustomerProductListsDetails2 = {
-    limit: 4,
-    data: [
-        {
-            currency: 'GBP',
-            id: 'winter-lookM',
-            imageGroups: [
-                {
-                    images: [
-                        {
-                            alt: 'Winter Look, , large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
-                            title: 'Winter Look, '
-                        }
-                    ],
-                    viewType: 'large'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Winter Look, , medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
-                            title: 'Winter Look, '
-                        }
-                    ],
-                    viewType: 'medium'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Winter Look, , small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
-                            title: 'Winter Look, '
-                        }
-                    ],
-                    viewType: 'small'
-                }
-            ],
-            longDescription: '<p>Jacket</p>\r\n<p>Pant</p>\r\n<p>Shoes</p>',
-            minOrderQuantity: 1,
-            name: 'Winter Look',
-            price: 44.16,
-            priceMax: 71.03,
-            pricePerUnit: 44.16,
-            pricePerUnitMax: 71.03,
-            primaryCategoryId: 'womens-outfits',
-            shortDescription: 'Look for Winter',
-            setProducts: [
-                {
-                    currency: 'GBP',
-                    id: '25518447M',
-                    imageGroups: [
-                        {
-                            images: [
-                                {
-                                    alt: 'Quilted Jacket, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                },
-                                {
-                                    alt: 'Quilted Jacket, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                }
-                            ],
-                            viewType: 'large'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Quilted Jacket, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                },
-                                {
-                                    alt: 'Quilted Jacket, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                }
-                            ],
-                            viewType: 'medium'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Quilted Jacket, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                },
-                                {
-                                    alt: 'Quilted Jacket, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
-                                    title: 'Quilted Jacket, '
-                                }
-                            ],
-                            viewType: 'small'
-                        }
-                    ],
-                    inventory: {
-                        ats: 400,
-                        backorderable: false,
-                        id: 'inventory_m',
-                        orderable: true,
-                        preorderable: false,
-                        stockLevel: 400
-                    },
-                    longDescription:
-                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
-                    master: {
-                        masterId: '25518447M',
-                        orderable: true,
-                        price: 71.03
-                    },
-                    minOrderQuantity: 1,
-                    name: 'Quilted Jacket',
-                    pageDescription:
-                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
-                    pageTitle: 'Quilted Jacket',
-                    price: 71.03,
-                    pricePerUnit: 71.03,
-                    primaryCategoryId: 'womens-clothing-jackets',
-                    recommendations: [
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: '22951021M'
-                        },
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: '25518397M'
-                        }
-                    ],
-                    shortDescription:
-                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
-                    stepQuantity: 1,
-                    type: {
-                        master: true
-                    },
-                    validFrom: {
-                        default: '2010-10-21T04:00:00.000Z'
-                    },
-                    variants: [
-                        {
-                            orderable: true,
-                            price: 71.03,
-                            productId: '701642853695M',
-                            variationValues: {
-                                color: 'JJ5FUXX',
-                                size: '9LG'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 71.03,
-                            productId: '701642853718M',
-                            variationValues: {
-                                color: 'JJ5FUXX',
-                                size: '9SM'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 71.03,
-                            productId: '701642853725M',
-                            variationValues: {
-                                color: 'JJ5FUXX',
-                                size: '9XL'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 71.03,
-                            productId: '701642853701M',
-                            variationValues: {
-                                color: 'JJ5FUXX',
-                                size: '9MD'
-                            }
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            name: 'Colour',
-                            values: [
-                                {
-                                    name: 'royal',
-                                    orderable: true,
-                                    value: 'JJ5FUXX'
-                                }
-                            ]
-                        },
-                        {
-                            id: 'size',
-                            name: 'Size',
-                            values: [
-                                {
-                                    name: 'S',
-                                    orderable: true,
-                                    value: '9SM'
-                                },
-                                {
-                                    name: 'M',
-                                    orderable: true,
-                                    value: '9MD'
-                                },
-                                {
-                                    name: 'L',
-                                    orderable: true,
-                                    value: '9LG'
-                                },
-                                {
-                                    name: 'XL',
-                                    orderable: true,
-                                    value: '9XL'
-                                }
-                            ]
-                        }
-                    ],
-                    c_isNewtest: true,
-                    c_isSale: true
-                },
-                {
-                    currency: 'GBP',
-                    id: '25518704M',
-                    imageGroups: [
-                        {
-                            images: [
-                                {
-                                    alt: 'Pull On Pant, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    title: 'Pull On Pant, '
-                                },
-                                {
-                                    alt: 'Pull On Pant, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    title: 'Pull On Pant, '
-                                }
-                            ],
-                            viewType: 'large'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Pull On Pant, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    title: 'Pull On Pant, '
-                                },
-                                {
-                                    alt: 'Pull On Pant, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    title: 'Pull On Pant, '
-                                }
-                            ],
-                            viewType: 'medium'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Pull On Pant, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
-                                    title: 'Pull On Pant, '
-                                },
-                                {
-                                    alt: 'Pull On Pant, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
-                                    title: 'Pull On Pant, '
-                                }
-                            ],
-                            viewType: 'small'
-                        }
-                    ],
-                    inventory: {
-                        ats: 500,
-                        backorderable: false,
-                        id: 'inventory_m',
-                        orderable: true,
-                        preorderable: false,
-                        stockLevel: 500
-                    },
-                    longDescription:
-                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
-                    master: {
-                        masterId: '25518704M',
-                        orderable: true,
-                        price: 44.16
-                    },
-                    minOrderQuantity: 1,
-                    name: 'Pull On Pant',
-                    pageDescription:
-                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
-                    pageTitle: 'Pull On Pant',
-                    price: 44.16,
-                    pricePerUnit: 44.16,
-                    primaryCategoryId: 'womens-clothing-bottoms',
-                    shortDescription:
-                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
-                    stepQuantity: 1,
-                    type: {
-                        master: true
-                    },
-                    validFrom: {
-                        default: '2010-10-21T04:00:00.000Z'
-                    },
-                    variants: [
-                        {
-                            orderable: true,
-                            price: 44.16,
-                            productId: '701642867098M',
-                            variationValues: {
-                                color: 'JJ2XNXX',
-                                size: '9LG'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 44.16,
-                            productId: '701642867111M',
-                            variationValues: {
-                                color: 'JJ2XNXX',
-                                size: '9SM'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 44.16,
-                            productId: '701642867104M',
-                            variationValues: {
-                                color: 'JJ2XNXX',
-                                size: '9MD'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 44.16,
-                            productId: '701642867128M',
-                            variationValues: {
-                                color: 'JJ2XNXX',
-                                size: '9XL'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 44.16,
-                            productId: '701642867135M',
-                            variationValues: {
-                                color: 'JJ2XNXX',
-                                size: '9XS'
-                            }
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            name: 'Colour',
-                            values: [
-                                {
-                                    name: 'Grey Heather',
-                                    orderable: true,
-                                    value: 'JJ2XNXX'
-                                }
-                            ]
-                        },
-                        {
-                            id: 'size',
-                            name: 'Size',
-                            values: [
-                                {
-                                    name: 'XS',
-                                    orderable: true,
-                                    value: '9XS'
-                                },
-                                {
-                                    name: 'S',
-                                    orderable: true,
-                                    value: '9SM'
-                                },
-                                {
-                                    name: 'M',
-                                    orderable: true,
-                                    value: '9MD'
-                                },
-                                {
-                                    name: 'L',
-                                    orderable: true,
-                                    value: '9LG'
-                                },
-                                {
-                                    name: 'XL',
-                                    orderable: true,
-                                    value: '9XL'
-                                }
-                            ]
-                        }
-                    ],
-                    c_isNewtest: true
-                },
-                {
-                    currency: 'GBP',
-                    id: '25772717M',
-                    imageGroups: [
-                        {
-                            images: [
-                                {
-                                    alt: 'Zerrick, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    title: 'Zerrick, '
-                                },
-                                {
-                                    alt: 'Zerrick, , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    title: 'Zerrick, '
-                                }
-                            ],
-                            viewType: 'large'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Zerrick, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    title: 'Zerrick, '
-                                },
-                                {
-                                    alt: 'Zerrick, , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    title: 'Zerrick, '
-                                }
-                            ],
-                            viewType: 'medium'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Zerrick, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
-                                    title: 'Zerrick, '
-                                },
-                                {
-                                    alt: 'Zerrick, , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
-                                    title: 'Zerrick, '
-                                }
-                            ],
-                            viewType: 'small'
-                        }
-                    ],
-                    inventory: {
-                        ats: 1500,
-                        backorderable: false,
-                        id: 'inventory_m',
-                        orderable: true,
-                        preorderable: false,
-                        stockLevel: 1500
-                    },
-                    longDescription: 'The perfect pump for any outfit!',
-                    master: {
-                        masterId: '25772717M',
-                        orderable: true,
-                        price: 63.36
-                    },
-                    minOrderQuantity: 1,
-                    name: 'Zerrick',
-                    pageDescription: 'The perfect pump for any outfit!',
-                    pageTitle: 'Zerrick',
-                    price: 63.36,
-                    pricePerUnit: 63.36,
-                    primaryCategoryId: 'womens-accessories-shoes',
-                    recommendations: [
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: '25593254M'
-                        },
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: '25720050M'
-                        }
-                    ],
-                    shortDescription: 'The perfect pump for any outfit!',
-                    stepQuantity: 1,
-                    type: {
-                        master: true
-                    },
-                    validFrom: {
-                        default: '2011-03-01T05:00:00.000Z'
-                    },
-                    variants: [
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357531M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '065',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358095M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '065',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357623M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '110',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357609M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '100',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358156M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '095',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358132M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '085',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358101M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '070',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357562M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '080',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357548M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '070',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358187M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '110',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357593M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '095',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357555M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '075',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357357524M',
-                            variationValues: {
-                                color: 'BLACKLE',
-                                size: '060',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358149M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '090',
-                                width: 'M'
-                            }
-                        },
-                        {
-                            orderable: true,
-                            price: 63.36,
-                            productId: '740357358088M',
-                            variationValues: {
-                                color: 'TAUPETX',
-                                size: '060',
-                                width: 'M'
-                            }
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            name: 'Colour',
-                            values: [
-                                {
-                                    name: 'Black',
-                                    orderable: true,
-                                    value: 'BLACKLE'
-                                },
-                                {
-                                    name: 'Taupe',
-                                    orderable: true,
-                                    value: 'TAUPETX'
-                                }
-                            ]
-                        },
-                        {
-                            id: 'size',
-                            name: 'Size',
-                            values: [
-                                {
-                                    name: '6',
-                                    orderable: true,
-                                    value: '060'
-                                },
-                                {
-                                    name: '6.5',
-                                    orderable: true,
-                                    value: '065'
-                                },
-                                {
-                                    name: '7',
-                                    orderable: true,
-                                    value: '070'
-                                },
-                                {
-                                    name: '7.5',
-                                    orderable: true,
-                                    value: '075'
-                                },
-                                {
-                                    name: '8',
-                                    orderable: true,
-                                    value: '080'
-                                },
-                                {
-                                    name: '8.5',
-                                    orderable: true,
-                                    value: '085'
-                                },
-                                {
-                                    name: '9',
-                                    orderable: true,
-                                    value: '090'
-                                },
-                                {
-                                    name: '9.5',
-                                    orderable: true,
-                                    value: '095'
-                                },
-                                {
-                                    name: '10',
-                                    orderable: true,
-                                    value: '100'
-                                },
-                                {
-                                    name: '11',
-                                    orderable: true,
-                                    value: '110'
-                                }
-                            ]
-                        },
-                        {
-                            id: 'width',
-                            name: 'Width',
-                            values: [
-                                {
-                                    name: 'M',
-                                    orderable: true,
-                                    value: 'M'
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ],
-            slugUrl:
-                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/winter-lookM.html?lang=en_GB',
-            stepQuantity: 1,
-            type: {
-                set: true
-            },
-            quantity: 1
-        },
-        {
-            currency: 'GBP',
-            id: 'some-outfit',
-            minOrderQuantity: 1,
-            name: 'Some Outfit',
-            price: 63.99,
-            pricePerUnit: 63.99,
-            primaryCategoryId: 'womens-outfits',
-            setProducts: [
-                {
-                    currency: 'GBP',
-                    id: 'P0150M',
-                    imageGroups: [
-                        {
-                            images: [
-                                {
-                                    alt: 'Upright Case (33L - 3.7Kg), , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
-                                    title: 'Upright Case (33L - 3.7Kg), '
-                                }
-                            ],
-                            viewType: 'large'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Upright Case (33L - 3.7Kg), , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
-                                    title: 'Upright Case (33L - 3.7Kg), '
-                                }
-                            ],
-                            viewType: 'medium'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Upright Case (33L - 3.7Kg), , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
-                                    title: 'Upright Case (33L - 3.7Kg), '
-                                }
-                            ],
-                            viewType: 'small'
-                        }
-                    ],
-                    inventory: {
-                        ats: 2,
-                        backorderable: false,
-                        id: 'inventory_m',
-                        orderable: true,
-                        preorderable: false,
-                        stockLevel: 2
-                    },
-                    longDescription:
-                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security',
-                    minOrderQuantity: 1,
-                    name: 'Upright Case (33L - 3.7Kg)',
-                    pageDescription:
-                        'This practical case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any no-fuss travel.',
-                    pageKeywords:
-                        'Commerce Cloud, P0150, T10 150 Upright 50, General Accessories, Accessories, Packs and Gear',
-                    pageTitle: 'Commerce Cloud - Upright Case (33L - 3.7Kg)',
-                    price: 63.99,
-                    pricePerUnit: 63.99,
-                    primaryCategoryId: 'mens-accessories-luggage',
-                    recommendations: [
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: 'P0048M'
-                        },
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: 'P0138M'
-                        }
-                    ],
-                    shortDescription:
-                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
-                    stepQuantity: 1,
-                    type: {
-                        item: true
-                    },
-                    c_styleNumber: 'P0150',
-                    c_tabDescription:
-                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
-                    c_tabDetails:
-                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security'
-                },
-                {
-                    currency: 'GBP',
-                    id: 'P0138M',
-                    imageGroups: [
-                        {
-                            images: [
-                                {
-                                    alt: 'Laptop Messenger (16L), , large',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
-                                    title: 'Laptop Messenger (16L), '
-                                }
-                            ],
-                            viewType: 'large'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Laptop Messenger (16L), , medium',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
-                                    title: 'Laptop Messenger (16L), '
-                                }
-                            ],
-                            viewType: 'medium'
-                        },
-                        {
-                            images: [
-                                {
-                                    alt: 'Laptop Messenger (16L), , small',
-                                    disBaseLink:
-                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
-                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
-                                    title: 'Laptop Messenger (16L), '
-                                }
-                            ],
-                            viewType: 'small'
-                        }
-                    ],
-                    inventory: {
-                        ats: 100,
-                        backorderable: false,
-                        id: 'inventory_m',
-                        inStockDate: '2012-03-09T00:00:00.000Z',
-                        orderable: true,
-                        preorderable: true,
-                        stockLevel: 0
-                    },
-                    longDescription:
-                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security',
-                    minOrderQuantity: 1,
-                    name: 'Laptop Messenger (16L)',
-                    pageDescription:
-                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable.',
-                    pageKeywords:
-                        'Commerce Cloud, P0138, Packs and Gear Laptop Messenger, Black, Computer Bag, Cases, Luggage, Sling Bag, Should Begs',
-                    pageTitle: 'Commerce Cloud - Laptop Messenger (16L)',
-                    price: 63.99,
-                    pricePerUnit: 63.99,
-                    primaryCategoryId: 'mens-accessories-luggage',
-                    recommendations: [
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: 'P0150M'
-                        },
-                        {
-                            recommendationType: {
-                                displayValue: 'Product Detail Page - Cross Sell',
-                                value: 1
-                            },
-                            recommendedItemId: 'P0048M'
-                        }
-                    ],
-                    shortDescription:
-                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
-                    stepQuantity: 1,
-                    type: {
-                        item: true
-                    },
-                    c_styleNumber: 'P0138',
-                    c_tabDescription:
-                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
-                    c_tabDetails:
-                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security'
-                }
-            ],
-            slugUrl:
-                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/some-outfit.html?lang=en_GB',
-            stepQuantity: 1,
-            type: {
-                set: true
-            },
-            quantity: 1
-        },
-        {
-            currency: 'GBP',
-            id: '25501802M',
-            imageGroups: [
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, , large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, , large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        }
-                    ],
-                    viewType: 'large'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJG80XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'large'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, , medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, , medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        }
-                    ],
-                    viewType: 'medium'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJG80XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'medium'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, , small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, , small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, '
-                        }
-                    ],
-                    viewType: 'small'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        },
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJG80XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'small'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Textured Zip Front Cardigan, Sugar, swatch',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
-                            title: 'Textured Zip Front Cardigan, Sugar'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJG80XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'swatch'
-                }
-            ],
-            inventory: {
-                ats: 400,
-                backorderable: false,
-                id: 'inventory_m',
-                orderable: true,
-                preorderable: false,
-                stockLevel: 400
-            },
-            longDescription:
-                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
-            master: {
-                masterId: '25501802M',
-                orderable: true,
-                price: 53.11
-            },
-            minOrderQuantity: 1,
-            name: 'Textured Zip Front Cardigan',
-            pageDescription:
-                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
-            pageTitle: 'Textured Zip Front Cardigan',
-            price: 53.11,
-            pricePerUnit: 53.11,
-            primaryCategoryId: 'womens-clothing-tops',
-            productPromotions: [
-                {
-                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
-                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
-                }
-            ],
-            shortDescription:
-                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
-            slugUrl:
-                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/textured-zip-front-cardigan/25501802M.html?lang=en_GB',
-            stepQuantity: 1,
-            type: {
-                master: true
-            },
-            validFrom: {
-                default: '2010-10-21T04:00:00.000Z'
-            },
-            variants: [
-                {
-                    orderable: true,
-                    price: 53.11,
-                    productId: '701642856139M',
-                    variationValues: {
-                        color: 'JJG80XX',
-                        size: '9LG'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 53.11,
-                    productId: '701642856160M',
-                    variationValues: {
-                        color: 'JJG80XX',
-                        size: '9XL'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 53.11,
-                    productId: '701642856146M',
-                    variationValues: {
-                        color: 'JJG80XX',
-                        size: '9MD'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 53.11,
-                    productId: '701642856153M',
-                    variationValues: {
-                        color: 'JJG80XX',
-                        size: '9SM'
-                    }
-                }
-            ],
-            variationAttributes: [
-                {
-                    id: 'color',
-                    name: 'Colour',
-                    values: [
-                        {
-                            name: 'Sugar',
-                            orderable: true,
-                            value: 'JJG80XX'
-                        }
-                    ]
-                },
-                {
-                    id: 'size',
-                    name: 'Size',
-                    values: [
-                        {
-                            name: 'S',
-                            orderable: true,
-                            value: '9SM'
-                        },
-                        {
-                            name: 'M',
-                            orderable: true,
-                            value: '9MD'
-                        },
-                        {
-                            name: 'L',
-                            orderable: true,
-                            value: '9LG'
-                        },
-                        {
-                            name: 'XL',
-                            orderable: true,
-                            value: '9XL'
-                        }
-                    ]
-                }
-            ],
-            quantity: 1
-        },
-        {
-            currency: 'GBP',
-            id: '701642884934M',
-            imageGroups: [
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, , large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, '
-                        },
-                        {
-                            alt: 'Classic Blouse, , large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, '
-                        }
-                    ],
-                    viewType: 'large'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, Multi, large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        },
-                        {
-                            alt: 'Classic Blouse, Multi, large',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJZ01XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'large'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, , medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, '
-                        },
-                        {
-                            alt: 'Classic Blouse, , medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, '
-                        }
-                    ],
-                    viewType: 'medium'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, Multi, medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        },
-                        {
-                            alt: 'Classic Blouse, Multi, medium',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJZ01XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'medium'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, , small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, '
-                        },
-                        {
-                            alt: 'Classic Blouse, , small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, '
-                        }
-                    ],
-                    viewType: 'small'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, Multi, small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        },
-                        {
-                            alt: 'Classic Blouse, Multi, small',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
-                            title: 'Classic Blouse, Multi'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJZ01XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'small'
-                },
-                {
-                    images: [
-                        {
-                            alt: 'Classic Blouse, Multi, swatch',
-                            disBaseLink:
-                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
-                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
-                            title: 'Classic Blouse, Multi'
-                        }
-                    ],
-                    variationAttributes: [
-                        {
-                            id: 'color',
-                            values: [
-                                {
-                                    value: 'JJZ01XX'
-                                }
-                            ]
-                        }
-                    ],
-                    viewType: 'swatch'
-                }
-            ],
-            inventory: {
-                ats: 100,
-                backorderable: false,
-                id: 'inventory_m',
-                orderable: true,
-                preorderable: false,
-                stockLevel: 100
-            },
-            longDescription:
-                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
-            master: {
-                masterId: '25502072M',
-                orderable: true,
-                price: 42.23
-            },
-            minOrderQuantity: 1,
-            name: 'Classic Blouse',
-            pageDescription:
-                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
-            pageTitle: 'Classic Blouse',
-            price: 42.23,
-            pricePerUnit: 42.23,
-            productPromotions: [
-                {
-                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
-                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
-                }
-            ],
-            shortDescription:
-                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
-            slugUrl:
-                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/classic-blouse/701642884934M.html?lang=en_GB',
-            stepQuantity: 1,
-            type: {
-                variant: true
-            },
-            unitMeasure: '',
-            unitQuantity: 0,
-            upc: '701642884934',
-            validFrom: {
-                default: '2010-11-18T05:00:00.000Z'
-            },
-            variants: [
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884910M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '004'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884927M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '006'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884897M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '014'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884903M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '016'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884934M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '008'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884880M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '012'
-                    }
-                },
-                {
-                    orderable: true,
-                    price: 42.23,
-                    productId: '701642884873M',
-                    variationValues: {
-                        color: 'JJZ01XX',
-                        size: '010'
-                    }
-                }
-            ],
-            variationAttributes: [
-                {
-                    id: 'color',
-                    name: 'Colour',
-                    values: [
-                        {
-                            name: 'Multi',
-                            orderable: true,
-                            value: 'JJZ01XX'
-                        }
-                    ]
-                },
-                {
-                    id: 'size',
-                    name: 'Size',
-                    values: [
-                        {
-                            name: '4',
-                            orderable: true,
-                            value: '004'
-                        },
-                        {
-                            name: '6',
-                            orderable: true,
-                            value: '006'
-                        },
-                        {
-                            name: '8',
-                            orderable: true,
-                            value: '008'
-                        },
-                        {
-                            name: '10',
-                            orderable: true,
-                            value: '010'
-                        },
-                        {
-                            name: '12',
-                            orderable: true,
-                            value: '012'
-                        },
-                        {
-                            name: '14',
-                            orderable: true,
-                            value: '014'
-                        },
-                        {
-                            name: '16',
-                            orderable: true,
-                            value: '016'
-                        }
-                    ]
-                }
-            ],
-            variationValues: {
-                color: 'JJZ01XX',
-                size: '008'
-            },
-            c_color: 'JJZ01XX',
-            c_refinementColor: 'miscellaneous',
-            c_size: '008',
-            c_width: 'Z',
-            quantity: 1
-        }
-    ],
-    total: 4
-}
-
 export const mockCategory = {
     id: 'mens',
     name: 'Mens',
diff --git a/packages/template-retail-react-app/app/components/product-tile/index.test.js b/packages/template-retail-react-app/app/components/product-tile/index.test.js
index 1726d4e804..86a3be2091 100644
--- a/packages/template-retail-react-app/app/components/product-tile/index.test.js
+++ b/packages/template-retail-react-app/app/components/product-tile/index.test.js
@@ -43,78 +43,30 @@ const mockProductSet = {
         id: '701642853695M'
     },
     representedProducts: [
-        {
-            id: '701642853695M'
-        },
-        {
-            id: '701642853718M'
-        },
-        {
-            id: '701642853725M'
-        },
-        {
-            id: '701642853701M'
-        },
-        {
-            id: '740357357531M'
-        },
-        {
-            id: '740357358095M'
-        },
-        {
-            id: '740357357623M'
-        },
-        {
-            id: '740357357609M'
-        },
-        {
-            id: '740357358156M'
-        },
-        {
-            id: '740357358132M'
-        },
-        {
-            id: '740357358101M'
-        },
-        {
-            id: '740357357562M'
-        },
-        {
-            id: '740357357548M'
-        },
-        {
-            id: '740357358187M'
-        },
-        {
-            id: '740357357593M'
-        },
-        {
-            id: '740357357555M'
-        },
-        {
-            id: '740357357524M'
-        },
-        {
-            id: '740357358149M'
-        },
-        {
-            id: '740357358088M'
-        },
-        {
-            id: '701642867098M'
-        },
-        {
-            id: '701642867111M'
-        },
-        {
-            id: '701642867104M'
-        },
-        {
-            id: '701642867128M'
-        },
-        {
-            id: '701642867135M'
-        }
+        {id: '701642853695M'},
+        {id: '701642853718M'},
+        {id: '701642853725M'},
+        {id: '701642853701M'},
+        {id: '740357357531M'},
+        {id: '740357358095M'},
+        {id: '740357357623M'},
+        {id: '740357357609M'},
+        {id: '740357358156M'},
+        {id: '740357358132M'},
+        {id: '740357358101M'},
+        {id: '740357357562M'},
+        {id: '740357357548M'},
+        {id: '740357358187M'},
+        {id: '740357357593M'},
+        {id: '740357357555M'},
+        {id: '740357357524M'},
+        {id: '740357358149M'},
+        {id: '740357358088M'},
+        {id: '701642867098M'},
+        {id: '701642867111M'},
+        {id: '701642867104M'},
+        {id: '701642867128M'},
+        {id: '701642867135M'}
     ]
 }
 
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.mock.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.mock.js
new file mode 100644
index 0000000000..0932e7cdc1
--- /dev/null
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.mock.js
@@ -0,0 +1,1623 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+export const mockWishListDetails = {
+    limit: 4,
+    data: [
+        {
+            currency: 'GBP',
+            id: 'winter-lookM',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Winter Look, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                            title: 'Winter Look, '
+                        }
+                    ],
+                    viewType: 'small'
+                }
+            ],
+            longDescription: '<p>Jacket</p>\r\n<p>Pant</p>\r\n<p>Shoes</p>',
+            minOrderQuantity: 1,
+            name: 'Winter Look',
+            price: 44.16,
+            priceMax: 71.03,
+            pricePerUnit: 44.16,
+            pricePerUnitMax: 71.03,
+            primaryCategoryId: 'womens-outfits',
+            shortDescription: 'Look for Winter',
+            setProducts: [
+                {
+                    currency: 'GBP',
+                    id: '25518447M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe6b93900/images/large/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw3f3cfaa8/images/large/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwfce3ae7f/images/medium/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5d0b1941/images/medium/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Quilted Jacket, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw97ad16fc/images/small/PG.10205921.JJ5FUXX.PZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                },
+                                {
+                                    alt: 'Quilted Jacket, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw764f0594/images/small/PG.10205921.JJ5FUXX.BZ.jpg',
+                                    title: 'Quilted Jacket, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 400,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 400
+                    },
+                    longDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    master: {
+                        masterId: '25518447M',
+                        orderable: true,
+                        price: 71.03
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Quilted Jacket',
+                    pageDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    pageTitle: 'Quilted Jacket',
+                    price: 71.03,
+                    pricePerUnit: 71.03,
+                    primaryCategoryId: 'womens-clothing-jackets',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '22951021M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25518397M'
+                        }
+                    ],
+                    shortDescription:
+                        'A classic quilted car coat looks new again.  Add a great Commerce Cloud Store top for a perfect look.',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2010-10-21T04:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853695M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9LG'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853718M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9SM'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853725M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9XL'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 71.03,
+                            productId: '701642853701M',
+                            variationValues: {
+                                color: 'JJ5FUXX',
+                                size: '9MD'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'royal',
+                                    orderable: true,
+                                    value: 'JJ5FUXX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: 'S',
+                                    orderable: true,
+                                    value: '9SM'
+                                },
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: '9MD'
+                                },
+                                {
+                                    name: 'L',
+                                    orderable: true,
+                                    value: '9LG'
+                                },
+                                {
+                                    name: 'XL',
+                                    orderable: true,
+                                    value: '9XL'
+                                }
+                            ]
+                        }
+                    ],
+                    c_isNewtest: true,
+                    c_isSale: true
+                },
+                {
+                    currency: 'GBP',
+                    id: '25518704M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7f4a945/images/large/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb6df46d9/images/large/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe1f27107/images/medium/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwb0628c49/images/medium/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Pull On Pant, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwe180ef4e/images/small/PG.10218785.JJ2XNXX.PZ.jpg',
+                                    title: 'Pull On Pant, '
+                                },
+                                {
+                                    alt: 'Pull On Pant, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf7fe8cc7/images/small/PG.10218785.JJ2XNXX.BZ.jpg',
+                                    title: 'Pull On Pant, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 500,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 500
+                    },
+                    longDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    master: {
+                        masterId: '25518704M',
+                        orderable: true,
+                        price: 44.16
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Pull On Pant',
+                    pageDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    pageTitle: 'Pull On Pant',
+                    price: 44.16,
+                    pricePerUnit: 44.16,
+                    primaryCategoryId: 'womens-clothing-bottoms',
+                    shortDescription:
+                        'Meet a Commerce Cloud Store new wardrobe favorite - a knit pant that works perfectly 12 months a year!',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2010-10-21T04:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867098M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9LG'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867111M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9SM'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867104M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9MD'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867128M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9XL'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 44.16,
+                            productId: '701642867135M',
+                            variationValues: {
+                                color: 'JJ2XNXX',
+                                size: '9XS'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'Grey Heather',
+                                    orderable: true,
+                                    value: 'JJ2XNXX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: 'XS',
+                                    orderable: true,
+                                    value: '9XS'
+                                },
+                                {
+                                    name: 'S',
+                                    orderable: true,
+                                    value: '9SM'
+                                },
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: '9MD'
+                                },
+                                {
+                                    name: 'L',
+                                    orderable: true,
+                                    value: '9LG'
+                                },
+                                {
+                                    name: 'XL',
+                                    orderable: true,
+                                    value: '9XL'
+                                }
+                            ]
+                        }
+                    ],
+                    c_isNewtest: true
+                },
+                {
+                    currency: 'GBP',
+                    id: '25772717M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf4dd593/images/large/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcc515695/images/large/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw44a22aa5/images/medium/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw18ebc5f7/images/medium/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Zerrick, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9248ea6e/images/small/PG.CJZERRICK.BLACKLE.PZ.jpg',
+                                    title: 'Zerrick, '
+                                },
+                                {
+                                    alt: 'Zerrick, , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwc38f297b/images/small/PG.CJZERRICK.BLACKLE.BZ.jpg',
+                                    title: 'Zerrick, '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 1500,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 1500
+                    },
+                    longDescription: 'The perfect pump for any outfit!',
+                    master: {
+                        masterId: '25772717M',
+                        orderable: true,
+                        price: 63.36
+                    },
+                    minOrderQuantity: 1,
+                    name: 'Zerrick',
+                    pageDescription: 'The perfect pump for any outfit!',
+                    pageTitle: 'Zerrick',
+                    price: 63.36,
+                    pricePerUnit: 63.36,
+                    primaryCategoryId: 'womens-accessories-shoes',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25593254M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: '25720050M'
+                        }
+                    ],
+                    shortDescription: 'The perfect pump for any outfit!',
+                    stepQuantity: 1,
+                    type: {
+                        master: true
+                    },
+                    validFrom: {
+                        default: '2011-03-01T05:00:00.000Z'
+                    },
+                    variants: [
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357531M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '065',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358095M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '065',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357623M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '110',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357609M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '100',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358156M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '095',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358132M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '085',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358101M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '070',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357562M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '080',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357548M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '070',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358187M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '110',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357593M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '095',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357555M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '075',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357357524M',
+                            variationValues: {
+                                color: 'BLACKLE',
+                                size: '060',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358149M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '090',
+                                width: 'M'
+                            }
+                        },
+                        {
+                            orderable: true,
+                            price: 63.36,
+                            productId: '740357358088M',
+                            variationValues: {
+                                color: 'TAUPETX',
+                                size: '060',
+                                width: 'M'
+                            }
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            name: 'Colour',
+                            values: [
+                                {
+                                    name: 'Black',
+                                    orderable: true,
+                                    value: 'BLACKLE'
+                                },
+                                {
+                                    name: 'Taupe',
+                                    orderable: true,
+                                    value: 'TAUPETX'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'size',
+                            name: 'Size',
+                            values: [
+                                {
+                                    name: '6',
+                                    orderable: true,
+                                    value: '060'
+                                },
+                                {
+                                    name: '6.5',
+                                    orderable: true,
+                                    value: '065'
+                                },
+                                {
+                                    name: '7',
+                                    orderable: true,
+                                    value: '070'
+                                },
+                                {
+                                    name: '7.5',
+                                    orderable: true,
+                                    value: '075'
+                                },
+                                {
+                                    name: '8',
+                                    orderable: true,
+                                    value: '080'
+                                },
+                                {
+                                    name: '8.5',
+                                    orderable: true,
+                                    value: '085'
+                                },
+                                {
+                                    name: '9',
+                                    orderable: true,
+                                    value: '090'
+                                },
+                                {
+                                    name: '9.5',
+                                    orderable: true,
+                                    value: '095'
+                                },
+                                {
+                                    name: '10',
+                                    orderable: true,
+                                    value: '100'
+                                },
+                                {
+                                    name: '11',
+                                    orderable: true,
+                                    value: '110'
+                                }
+                            ]
+                        },
+                        {
+                            id: 'width',
+                            name: 'Width',
+                            values: [
+                                {
+                                    name: 'M',
+                                    orderable: true,
+                                    value: 'M'
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ],
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/winter-lookM.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                set: true
+            },
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: 'some-outfit',
+            minOrderQuantity: 1,
+            name: 'Some Outfit',
+            price: 63.99,
+            pricePerUnit: 63.99,
+            primaryCategoryId: 'womens-outfits',
+            setProducts: [
+                {
+                    currency: 'GBP',
+                    id: 'P0150M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7cc6a969/images/large/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwcb7fa07a/images/medium/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Upright Case (33L - 3.7Kg), , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5630e983/images/small/P0150_001.jpg',
+                                    title: 'Upright Case (33L - 3.7Kg), '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 2,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        orderable: true,
+                        preorderable: false,
+                        stockLevel: 2
+                    },
+                    longDescription:
+                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security',
+                    minOrderQuantity: 1,
+                    name: 'Upright Case (33L - 3.7Kg)',
+                    pageDescription:
+                        'This practical case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any no-fuss travel.',
+                    pageKeywords:
+                        'Commerce Cloud, P0150, T10 150 Upright 50, General Accessories, Accessories, Packs and Gear',
+                    pageTitle: 'Commerce Cloud - Upright Case (33L - 3.7Kg)',
+                    price: 63.99,
+                    pricePerUnit: 63.99,
+                    primaryCategoryId: 'mens-accessories-luggage',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0048M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0138M'
+                        }
+                    ],
+                    shortDescription:
+                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
+                    stepQuantity: 1,
+                    type: {
+                        item: true
+                    },
+                    c_styleNumber: 'P0150',
+                    c_tabDescription:
+                        'This practical and functional case is perfect for business – with no need to check in as luggage due to its cabin size dimensions – or for any convenient no-fuss travel any time any where. You can pull along for comfort or carry by the handle, and with plenty of space inside and a large front pocket with additional zippered pocket, there’s plenty of useful and compact storage.',
+                    c_tabDetails:
+                        '1682 ballistic nylon and genuine leather inserts |Pull-out metallic handle for wheeling|Top and side handles|Cabin size for convenient travelling|TSA lock for security'
+                },
+                {
+                    currency: 'GBP',
+                    id: 'P0138M',
+                    imageGroups: [
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , large',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw59b8bbd6/images/large/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'large'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , medium',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwf15f2283/images/medium/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'medium'
+                        },
+                        {
+                            images: [
+                                {
+                                    alt: 'Laptop Messenger (16L), , small',
+                                    disBaseLink:
+                                        'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
+                                    link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5bfec55c/images/small/P0138_001.jpg',
+                                    title: 'Laptop Messenger (16L), '
+                                }
+                            ],
+                            viewType: 'small'
+                        }
+                    ],
+                    inventory: {
+                        ats: 100,
+                        backorderable: false,
+                        id: 'inventory_m',
+                        inStockDate: '2012-03-09T00:00:00.000Z',
+                        orderable: true,
+                        preorderable: true,
+                        stockLevel: 0
+                    },
+                    longDescription:
+                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security',
+                    minOrderQuantity: 1,
+                    name: 'Laptop Messenger (16L)',
+                    pageDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable.',
+                    pageKeywords:
+                        'Commerce Cloud, P0138, Packs and Gear Laptop Messenger, Black, Computer Bag, Cases, Luggage, Sling Bag, Should Begs',
+                    pageTitle: 'Commerce Cloud - Laptop Messenger (16L)',
+                    price: 63.99,
+                    pricePerUnit: 63.99,
+                    primaryCategoryId: 'mens-accessories-luggage',
+                    recommendations: [
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0150M'
+                        },
+                        {
+                            recommendationType: {
+                                displayValue: 'Product Detail Page - Cross Sell',
+                                value: 1
+                            },
+                            recommendedItemId: 'P0048M'
+                        }
+                    ],
+                    shortDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
+                    stepQuantity: 1,
+                    type: {
+                        item: true
+                    },
+                    c_styleNumber: 'P0138',
+                    c_tabDescription:
+                        'This duffle style laptop messenger bag is great for travelling and commuting with your laptop and other essential work items. Compact and comfortable with internal and external pockets for storage, carry over your shoulder for support and balance or by the top handle for a more briefcase-style look.',
+                    c_tabDetails:
+                        '1682 ballistic nylon and genuine leather inserts|Shoulder strap and top handle for alternative carrying options|Main compartment for laptop storage|Internal pockets for storage and organisation|TSA Lock for security'
+                }
+            ],
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/womens/clothing/outfits/some-outfit.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                set: true
+            },
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: '25501802M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw978b037a/images/large/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwebe72fa5/images/large/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw9cfb0f38/images/medium/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw34667c2c/images/medium/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9c81767/images/small/PG.10219181.JJG80XX.PZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        },
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5f88f729/images/small/PG.10219181.JJG80XX.BZ.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Textured Zip Front Cardigan, Sugar, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwa9e0d71c/images/swatch/PG.10219181.JJG80XX.CP.jpg',
+                            title: 'Textured Zip Front Cardigan, Sugar'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJG80XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 400,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 400
+            },
+            longDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            master: {
+                masterId: '25501802M',
+                orderable: true,
+                price: 53.11
+            },
+            minOrderQuantity: 1,
+            name: 'Textured Zip Front Cardigan',
+            pageDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            pageTitle: 'Textured Zip Front Cardigan',
+            price: 53.11,
+            pricePerUnit: 53.11,
+            primaryCategoryId: 'womens-clothing-tops',
+            productPromotions: [
+                {
+                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
+                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
+                }
+            ],
+            shortDescription:
+                'Classically designed, this zip front textured cardigan is perfect to pair with a great Commerce Cloud Store bottom!',
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/textured-zip-front-cardigan/25501802M.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                master: true
+            },
+            validFrom: {
+                default: '2010-10-21T04:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856139M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9LG'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856160M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9XL'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856146M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9MD'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 53.11,
+                    productId: '701642856153M',
+                    variationValues: {
+                        color: 'JJG80XX',
+                        size: '9SM'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Sugar',
+                            orderable: true,
+                            value: 'JJG80XX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: 'S',
+                            orderable: true,
+                            value: '9SM'
+                        },
+                        {
+                            name: 'M',
+                            orderable: true,
+                            value: '9MD'
+                        },
+                        {
+                            name: 'L',
+                            orderable: true,
+                            value: '9LG'
+                        },
+                        {
+                            name: 'XL',
+                            orderable: true,
+                            value: '9XL'
+                        }
+                    ]
+                }
+            ],
+            quantity: 1
+        },
+        {
+            currency: 'GBP',
+            id: '701642884934M',
+            imageGroups: [
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw36217548/images/large/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, large',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw7944a3a4/images/large/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'large'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw5c673dcc/images/medium/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, medium',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw6367d44a/images/medium/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'medium'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, '
+                        },
+                        {
+                            alt: 'Classic Blouse, , small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, '
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw876f6604/images/small/PG.10208973.JJZ01XX.PZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        },
+                        {
+                            alt: 'Classic Blouse, Multi, small',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dw95a5c5e9/images/small/PG.10208973.JJZ01XX.BZ.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'small'
+                },
+                {
+                    images: [
+                        {
+                            alt: 'Classic Blouse, Multi, swatch',
+                            disBaseLink:
+                                'https://edge.disstg.commercecloud.salesforce.com/dw/image/v2/ZZRF_009/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
+                            link: 'https://zzrf-009.dx.commercecloud.salesforce.com/on/demandware.static/-/Sites-apparel-m-catalog/default/dwbf88a038/images/swatch/PG.10208973.JJZ01XX.CP.jpg',
+                            title: 'Classic Blouse, Multi'
+                        }
+                    ],
+                    variationAttributes: [
+                        {
+                            id: 'color',
+                            values: [
+                                {
+                                    value: 'JJZ01XX'
+                                }
+                            ]
+                        }
+                    ],
+                    viewType: 'swatch'
+                }
+            ],
+            inventory: {
+                ats: 100,
+                backorderable: false,
+                id: 'inventory_m',
+                orderable: true,
+                preorderable: false,
+                stockLevel: 100
+            },
+            longDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            master: {
+                masterId: '25502072M',
+                orderable: true,
+                price: 42.23
+            },
+            minOrderQuantity: 1,
+            name: 'Classic Blouse',
+            pageDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            pageTitle: 'Classic Blouse',
+            price: 42.23,
+            pricePerUnit: 42.23,
+            productPromotions: [
+                {
+                    calloutMsg: 'Buy one Long Center Seam Skirt and get 2 tops',
+                    promotionId: 'ChoiceOfBonusProdect-ProductLevel-ruleBased'
+                }
+            ],
+            shortDescription:
+                'We took our long sleeve button front classic blouse and updated it with a new colour for the season.',
+            slugUrl:
+                'https://zzrf-009.dx.commercecloud.salesforce.com/s/RefArchGlobal/classic-blouse/701642884934M.html?lang=en_GB',
+            stepQuantity: 1,
+            type: {
+                variant: true
+            },
+            unitMeasure: '',
+            unitQuantity: 0,
+            upc: '701642884934',
+            validFrom: {
+                default: '2010-11-18T05:00:00.000Z'
+            },
+            variants: [
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884910M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '004'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884927M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '006'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884897M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '014'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884903M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '016'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884934M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '008'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884880M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '012'
+                    }
+                },
+                {
+                    orderable: true,
+                    price: 42.23,
+                    productId: '701642884873M',
+                    variationValues: {
+                        color: 'JJZ01XX',
+                        size: '010'
+                    }
+                }
+            ],
+            variationAttributes: [
+                {
+                    id: 'color',
+                    name: 'Colour',
+                    values: [
+                        {
+                            name: 'Multi',
+                            orderable: true,
+                            value: 'JJZ01XX'
+                        }
+                    ]
+                },
+                {
+                    id: 'size',
+                    name: 'Size',
+                    values: [
+                        {
+                            name: '4',
+                            orderable: true,
+                            value: '004'
+                        },
+                        {
+                            name: '6',
+                            orderable: true,
+                            value: '006'
+                        },
+                        {
+                            name: '8',
+                            orderable: true,
+                            value: '008'
+                        },
+                        {
+                            name: '10',
+                            orderable: true,
+                            value: '010'
+                        },
+                        {
+                            name: '12',
+                            orderable: true,
+                            value: '012'
+                        },
+                        {
+                            name: '14',
+                            orderable: true,
+                            value: '014'
+                        },
+                        {
+                            name: '16',
+                            orderable: true,
+                            value: '016'
+                        }
+                    ]
+                }
+            ],
+            variationValues: {
+                color: 'JJZ01XX',
+                size: '008'
+            },
+            c_color: 'JJZ01XX',
+            c_refinementColor: 'miscellaneous',
+            c_size: '008',
+            c_width: 'Z',
+            quantity: 1
+        }
+    ],
+    total: 4
+}
diff --git a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
index 64d946fd8c..a082e80cd6 100644
--- a/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
+++ b/packages/template-retail-react-app/app/pages/account/wishlist/partials/wishlist-primary-action.test.js
@@ -5,7 +5,7 @@
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
  */
 import React from 'react'
-import {mockedCustomerProductListsDetails2} from '../../../../commerce-api/mock-data'
+import {mockWishListDetails} from './wishlist-primary-action.mock'
 import ItemVariantProvider from '../../../../components/item-variant'
 import {renderWithProviders} from '../../../../utils/test-utils'
 import WishlistPrimaryAction from './wishlist-primary-action'
@@ -37,7 +37,7 @@ beforeEach(() => {
 })
 
 test('the Add To Cart button', async () => {
-    const variant = mockedCustomerProductListsDetails2.data[3]
+    const variant = mockWishListDetails.data[3]
     const {getByRole} = renderWithProviders(<MockedComponent variant={variant} />)
 
     const addToCartButton = getByRole('button', {
@@ -54,7 +54,7 @@ test('the Add To Cart button', async () => {
 })
 
 test('the Add Set To Cart button', async () => {
-    const productSetWithoutVariants = mockedCustomerProductListsDetails2.data[1]
+    const productSetWithoutVariants = mockWishListDetails.data[1]
     renderWithProviders(<MockedComponent variant={productSetWithoutVariants} />)
 
     const button = screen.getByRole('button', {name: /add set to cart/i})
@@ -66,7 +66,7 @@ test('the Add Set To Cart button', async () => {
 })
 
 test('the View Full Details button', () => {
-    const productSetWithVariants = mockedCustomerProductListsDetails2.data[0]
+    const productSetWithVariants = mockWishListDetails.data[0]
     renderWithProviders(<MockedComponent variant={productSetWithVariants} />)
 
     const link = screen.getByRole('link', {name: /view full details/i})
@@ -74,7 +74,7 @@ test('the View Full Details button', () => {
 })
 
 test('the View Options button', async () => {
-    const masterProduct = mockedCustomerProductListsDetails2.data[2]
+    const masterProduct = mockWishListDetails.data[2]
     renderWithProviders(<MockedComponent variant={masterProduct} />)
 
     const button = screen.getByRole('button', {name: /view options/i})
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.mock.js b/packages/template-retail-react-app/app/pages/product-detail/index.mock.js
new file mode 100644
index 0000000000..7434cd36b2
--- /dev/null
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.mock.js
@@ -0,0 +1,197 @@
+/*
+ * Copyright (c) 2023, Salesforce, Inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: BSD-3-Clause
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
+ */
+export const basketWithProductSet = {
+    _v: '21.3',
+    _type: 'basket',
+    _resource_state: '9fdc9a8aeaea84a84a9dfed115ad37a0a32c86df4693cc7a9f62afc3395527c7',
+    _flash: [
+        {
+            _type: 'flash',
+            type: 'PaymentMethodRequired',
+            message:
+                'No payment method ID was specified. Please provide a valid payment method ID.',
+            path: '$.payment_instruments[0].payment_method_id'
+        },
+        {
+            _type: 'flash',
+            type: 'BillingAddressRequired',
+            message: 'No billing address was specified. Please provide a valid billing address.',
+            path: '$.billing_address'
+        },
+        {
+            _type: 'flash',
+            type: 'OrderTotalNotSet',
+            message: 'Order total missing, calculation failed.',
+            path: '$.order_total'
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingAddressRequired',
+            message: 'No shipping address was specified. Please provide a valid shipping address.',
+            path: '$.shipments[0].shipping_address',
+            details: {
+                shipmentId: 'me'
+            }
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingMethodRequired',
+            message:
+                'No shipping method ID was specified. Please provide a valid shipping method ID.',
+            path: '$.shipments[0].shipping_method',
+            details: {
+                shipmentId: 'me'
+            }
+        },
+        {
+            _type: 'flash',
+            type: 'ShippingItemAdjustedPriceNotSet',
+            message: "Price missing for shipping item ''5fb887a2999303b33676e0d3a5''.",
+            path: '$.shipping_items[0].adjusted_price'
+        }
+    ],
+    adjusted_merchandize_total_tax: 17.01,
+    adjusted_shipping_total_tax: null,
+    agent_basket: false,
+    basket_id: '437113007d685eab389f1cd229',
+    channel_type: 'storefront',
+    creation_date: '2023-02-22T21:47:29.585Z',
+    currency: 'GBP',
+    customer_info: {
+        _type: 'customer_info',
+        customer_id: 'abkHtKmulJkKgRmrkVwqYYkHBI',
+        email: ''
+    },
+    last_modified: '2023-02-22T22:15:41.482Z',
+    merchandize_total_tax: 17.01,
+    notes: {
+        _type: 'simple_link',
+        link: 'https://zzrf-001.dx.commercecloud.salesforce.com/s/RefArchGlobal/dw/shop/v21_3/baskets/437113007d685eab389f1cd229/notes'
+    },
+    order_total: null,
+    product_items: [
+        {
+            _type: 'product_item',
+            adjusted_tax: 6.76,
+            base_price: 71.03,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '5060f31486572338f05d04fc56',
+            item_text: 'Quilted Jacket',
+            price: 142.06,
+            price_after_item_discount: 142.06,
+            price_after_order_discount: 142.06,
+            product_id: '701642853695M',
+            product_name: 'Quilted Jacket',
+            quantity: 2,
+            shipment_id: 'me',
+            tax: 6.76,
+            tax_basis: 142.06,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 4.21,
+            base_price: 44.16,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '9a8003bebeea153d112083f2bd',
+            item_text: 'Pull On Pant',
+            price: 88.32,
+            price_after_item_discount: 88.32,
+            price_after_order_discount: 88.32,
+            product_id: '701642867104M',
+            product_name: 'Pull On Pant',
+            quantity: 2,
+            shipment_id: 'me',
+            tax: 4.21,
+            tax_basis: 88.32,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 3.02,
+            base_price: 63.36,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '1cda01244dc449d9b245577378',
+            item_text: 'Zerrick',
+            price: 63.36,
+            price_after_item_discount: 63.36,
+            price_after_order_discount: 63.36,
+            product_id: '740357358101M',
+            product_name: 'Zerrick',
+            quantity: 1,
+            shipment_id: 'me',
+            tax: 3.02,
+            tax_basis: 63.36,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        },
+        {
+            _type: 'product_item',
+            adjusted_tax: 3.02,
+            base_price: 63.36,
+            bonus_product_line_item: false,
+            gift: false,
+            item_id: '1007d8db121aa4331836f8f934',
+            item_text: 'Zerrick',
+            price: 63.36,
+            price_after_item_discount: 63.36,
+            price_after_order_discount: 63.36,
+            product_id: '740357358095M',
+            product_name: 'Zerrick',
+            quantity: 1,
+            shipment_id: 'me',
+            tax: 3.02,
+            tax_basis: 63.36,
+            tax_class_id: 'standard',
+            tax_rate: 0.05
+        }
+    ],
+    product_sub_total: 357.1,
+    product_total: 357.1,
+    shipments: [
+        {
+            _type: 'shipment',
+            adjusted_merchandize_total_tax: 17.01,
+            adjusted_shipping_total_tax: null,
+            gift: false,
+            merchandize_total_tax: 17.01,
+            product_sub_total: 357.1,
+            product_total: 357.1,
+            shipment_id: 'me',
+            shipment_total: null,
+            shipping_status: 'not_shipped',
+            shipping_total: null,
+            shipping_total_tax: null,
+            tax_total: null
+        }
+    ],
+    shipping_items: [
+        {
+            _type: 'shipping_item',
+            adjusted_tax: null,
+            base_price: null,
+            item_id: '5fb887a2999303b33676e0d3a5',
+            item_text: 'Shipping',
+            price: null,
+            price_after_item_discount: null,
+            shipment_id: 'me',
+            tax: null,
+            tax_basis: null,
+            tax_class_id: null,
+            tax_rate: 0.05
+        }
+    ],
+    shipping_total: null,
+    shipping_total_tax: null,
+    taxation: 'gross',
+    tax_total: null
+}
diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 8767ce9ee7..0d34cb2e39 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -10,6 +10,7 @@ import {mockedCustomerProductLists, productsResponse} from '../../commerce-api/m
 import {fireEvent, screen, waitFor, within} from '@testing-library/react'
 import {Route, Switch} from 'react-router-dom'
 import ProductDetail from '.'
+import {basketWithProductSet} from './index.mock'
 import {renderWithProviders} from '../../utils/test-utils'
 import mockedProductSet from '../../commerce-api/mocks/product-set-winter-lookM'
 
@@ -43,198 +44,6 @@ const MockedPageWithProductSet = () => {
     )
 }
 
-const basketWithProductSet = {
-    _v: '21.3',
-    _type: 'basket',
-    _resource_state: '9fdc9a8aeaea84a84a9dfed115ad37a0a32c86df4693cc7a9f62afc3395527c7',
-    _flash: [
-        {
-            _type: 'flash',
-            type: 'PaymentMethodRequired',
-            message:
-                'No payment method ID was specified. Please provide a valid payment method ID.',
-            path: '$.payment_instruments[0].payment_method_id'
-        },
-        {
-            _type: 'flash',
-            type: 'BillingAddressRequired',
-            message: 'No billing address was specified. Please provide a valid billing address.',
-            path: '$.billing_address'
-        },
-        {
-            _type: 'flash',
-            type: 'OrderTotalNotSet',
-            message: 'Order total missing, calculation failed.',
-            path: '$.order_total'
-        },
-        {
-            _type: 'flash',
-            type: 'ShippingAddressRequired',
-            message: 'No shipping address was specified. Please provide a valid shipping address.',
-            path: '$.shipments[0].shipping_address',
-            details: {
-                shipmentId: 'me'
-            }
-        },
-        {
-            _type: 'flash',
-            type: 'ShippingMethodRequired',
-            message:
-                'No shipping method ID was specified. Please provide a valid shipping method ID.',
-            path: '$.shipments[0].shipping_method',
-            details: {
-                shipmentId: 'me'
-            }
-        },
-        {
-            _type: 'flash',
-            type: 'ShippingItemAdjustedPriceNotSet',
-            message: "Price missing for shipping item ''5fb887a2999303b33676e0d3a5''.",
-            path: '$.shipping_items[0].adjusted_price'
-        }
-    ],
-    adjusted_merchandize_total_tax: 17.01,
-    adjusted_shipping_total_tax: null,
-    agent_basket: false,
-    basket_id: '437113007d685eab389f1cd229',
-    channel_type: 'storefront',
-    creation_date: '2023-02-22T21:47:29.585Z',
-    currency: 'GBP',
-    customer_info: {
-        _type: 'customer_info',
-        customer_id: 'abkHtKmulJkKgRmrkVwqYYkHBI',
-        email: ''
-    },
-    last_modified: '2023-02-22T22:15:41.482Z',
-    merchandize_total_tax: 17.01,
-    notes: {
-        _type: 'simple_link',
-        link: 'https://zzrf-001.dx.commercecloud.salesforce.com/s/RefArchGlobal/dw/shop/v21_3/baskets/437113007d685eab389f1cd229/notes'
-    },
-    order_total: null,
-    product_items: [
-        {
-            _type: 'product_item',
-            adjusted_tax: 6.76,
-            base_price: 71.03,
-            bonus_product_line_item: false,
-            gift: false,
-            item_id: '5060f31486572338f05d04fc56',
-            item_text: 'Quilted Jacket',
-            price: 142.06,
-            price_after_item_discount: 142.06,
-            price_after_order_discount: 142.06,
-            product_id: '701642853695M',
-            product_name: 'Quilted Jacket',
-            quantity: 2,
-            shipment_id: 'me',
-            tax: 6.76,
-            tax_basis: 142.06,
-            tax_class_id: 'standard',
-            tax_rate: 0.05
-        },
-        {
-            _type: 'product_item',
-            adjusted_tax: 4.21,
-            base_price: 44.16,
-            bonus_product_line_item: false,
-            gift: false,
-            item_id: '9a8003bebeea153d112083f2bd',
-            item_text: 'Pull On Pant',
-            price: 88.32,
-            price_after_item_discount: 88.32,
-            price_after_order_discount: 88.32,
-            product_id: '701642867104M',
-            product_name: 'Pull On Pant',
-            quantity: 2,
-            shipment_id: 'me',
-            tax: 4.21,
-            tax_basis: 88.32,
-            tax_class_id: 'standard',
-            tax_rate: 0.05
-        },
-        {
-            _type: 'product_item',
-            adjusted_tax: 3.02,
-            base_price: 63.36,
-            bonus_product_line_item: false,
-            gift: false,
-            item_id: '1cda01244dc449d9b245577378',
-            item_text: 'Zerrick',
-            price: 63.36,
-            price_after_item_discount: 63.36,
-            price_after_order_discount: 63.36,
-            product_id: '740357358101M',
-            product_name: 'Zerrick',
-            quantity: 1,
-            shipment_id: 'me',
-            tax: 3.02,
-            tax_basis: 63.36,
-            tax_class_id: 'standard',
-            tax_rate: 0.05
-        },
-        {
-            _type: 'product_item',
-            adjusted_tax: 3.02,
-            base_price: 63.36,
-            bonus_product_line_item: false,
-            gift: false,
-            item_id: '1007d8db121aa4331836f8f934',
-            item_text: 'Zerrick',
-            price: 63.36,
-            price_after_item_discount: 63.36,
-            price_after_order_discount: 63.36,
-            product_id: '740357358095M',
-            product_name: 'Zerrick',
-            quantity: 1,
-            shipment_id: 'me',
-            tax: 3.02,
-            tax_basis: 63.36,
-            tax_class_id: 'standard',
-            tax_rate: 0.05
-        }
-    ],
-    product_sub_total: 357.1,
-    product_total: 357.1,
-    shipments: [
-        {
-            _type: 'shipment',
-            adjusted_merchandize_total_tax: 17.01,
-            adjusted_shipping_total_tax: null,
-            gift: false,
-            merchandize_total_tax: 17.01,
-            product_sub_total: 357.1,
-            product_total: 357.1,
-            shipment_id: 'me',
-            shipment_total: null,
-            shipping_status: 'not_shipped',
-            shipping_total: null,
-            shipping_total_tax: null,
-            tax_total: null
-        }
-    ],
-    shipping_items: [
-        {
-            _type: 'shipping_item',
-            adjusted_tax: null,
-            base_price: null,
-            item_id: '5fb887a2999303b33676e0d3a5',
-            item_text: 'Shipping',
-            price: null,
-            price_after_item_discount: null,
-            shipment_id: 'me',
-            tax: null,
-            tax_basis: null,
-            tax_class_id: null,
-            tax_rate: 0.05
-        }
-    ],
-    shipping_total: null,
-    shipping_total_tax: null,
-    taxation: 'gross',
-    tax_total: null
-}
-
 beforeEach(() => {
     jest.resetModules()
 

From bfd4a79fe248ca0dd468b241c7d61f3d99d9c74f Mon Sep 17 00:00:00 2001
From: Vincent Marta <vmarta@salesforce.com>
Date: Mon, 27 Feb 2023 13:19:06 -0800
Subject: [PATCH 23/23] Moving it to within `beforeEach`

---
 .../app/pages/product-detail/index.test.js        | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/template-retail-react-app/app/pages/product-detail/index.test.js b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
index 0d34cb2e39..5216447994 100644
--- a/packages/template-retail-react-app/app/pages/product-detail/index.test.js
+++ b/packages/template-retail-react-app/app/pages/product-detail/index.test.js
@@ -77,6 +77,15 @@ test('should render product details page', async () => {
 })
 
 describe('product set', () => {
+    beforeEach(() => {
+        global.server.use(
+            // For adding items to basket
+            rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
+                return res(ctx.json(basketWithProductSet))
+            })
+        )
+    })
+
     test('render multi-product layout', async () => {
         renderWithProviders(<MockedPageWithProductSet />)
 
@@ -90,12 +99,6 @@ describe('product set', () => {
             '/en-GB/product/winter-lookM?25518447M=color%3DJJ5FUXX%26size%3D9MD&25518704M=color%3DJJ2XNXX%26size%3D9MD&25772717M=color%3DTAUPETX%26size%3D070%26width%3DM'
         window.history.pushState({}, 'ProductDetail', urlPathAfterSelectingAllVariants)
 
-        global.server.use(
-            rest.post('*/baskets/:basketId/items', (req, res, ctx) => {
-                return res(ctx.json(basketWithProductSet))
-            })
-        )
-
         // Initial basket is necessary to add items to it
         const initialBasket = {basketId: 'valid_id'}
         renderWithProviders(<MockedPageWithProductSet />, {wrapperProps: {initialBasket}})