diff --git a/src/products/components/ProductList/ProductList.tsx b/src/products/components/ProductList/ProductList.tsx index a69c7b877..35998e681 100644 --- a/src/products/components/ProductList/ProductList.tsx +++ b/src/products/components/ProductList/ProductList.tsx @@ -284,6 +284,8 @@ export const ProductList = withStyles(styles, { name: "ProductList" })( key={product ? product.id : "skeleton"} onClick={product && onRowClick(product.id)} className={classes.link} + data-tc="id" + data-tc-id={maybe(() => product.id)} > product.thumbnail.url)} + data-tc="name" > {maybe(() => product.name, )} @@ -303,7 +306,10 @@ export const ProductList = withStyles(styles, { name: "ProductList" })( column="productType" displayColumns={settings.columns} > - + {product && product.productType ? ( product.productType.name ) : ( @@ -315,7 +321,11 @@ export const ProductList = withStyles(styles, { name: "ProductList" })( column="isPublished" displayColumns={settings.columns} > - + product.isAvailable)} + > {product && maybe(() => product.isAvailable !== undefined) ? ( {maybe(() => { const attribute = product.attributes.find( diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap index e6afd2f19..1406b47f9 100644 --- a/src/storybook/__snapshots__/Stories.test.ts.snap +++ b/src/storybook/__snapshots__/Stories.test.ts.snap @@ -94324,6 +94324,8 @@ exports[`Storyshots Views / Products / Product list default 1`] = ` > Paint
Paint
Paint
Juice
Juice
Juice
Juice
Juice
Juice
Juice
Juice
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Cushion
Paint
Paint
Paint
Juice
Juice
Juice
Juice
Juice
Juice
Juice
Juice
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Top (clothing)
Cushion