@magento/venia-ui 10.1.0 → 10.2.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap +22 -4
- package/lib/components/CartPage/GiftCards/giftCards.js +27 -17
- package/lib/components/CartPage/GiftCards/giftCards.module.css +4 -0
- package/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js +6 -0
- package/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingForm.js +2 -0
- package/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingMethods.js +3 -1
- package/lib/components/CartPage/ProductListing/EditModal/__tests__/__snapshots__/editModal.spec.js.snap +1 -1
- package/lib/components/CartPage/ProductListing/EditModal/__tests__/__snapshots__/productForm.spec.js.snap +20 -20
- package/lib/components/CartPage/ProductListing/EditModal/__tests__/editModal.spec.js +1 -1
- package/lib/components/CartPage/ProductListing/EditModal/__tests__/productForm.spec.js +1 -1
- package/lib/components/CheckoutPage/ItemsReview/__fixtures__/cartItems.js +3 -3
- package/lib/components/CheckoutPage/ItemsReview/__tests__/__snapshots__/itemsReview.spec.js.snap +30 -30
- package/lib/components/Header/__tests__/__snapshots__/header.spec.js.snap +4 -4
- package/lib/components/Header/header.js +5 -4
- package/lib/components/Header/onlineIndicator.module.css +1 -2
- package/lib/components/MiniCart/ProductList/__tests__/__snapshots__/item.spec.js.snap +32 -0
- package/lib/components/MiniCart/ProductList/item.js +15 -1
- package/lib/components/MiniCart/ProductList/item.module.css +6 -0
- package/lib/components/MiniCart/ProductList/productList.js +5 -2
- package/lib/components/MiniCart/miniCart.js +11 -0
- package/lib/components/OrderHistoryPage/OrderDetails/__tests__/__snapshots__/orderDetails.spec.js.snap +3 -3
- package/lib/components/OrderHistoryPage/OrderDetails/__tests__/items.spec.js +3 -3
- package/lib/components/OrderHistoryPage/OrderDetails/__tests__/orderDetails.spec.js +3 -3
- package/lib/components/OrderHistoryPage/__tests__/__snapshots__/collapsedImageGallery.spec.js.snap +5 -5
- package/lib/components/OrderHistoryPage/__tests__/__snapshots__/orderRow.spec.js.snap +18 -18
- package/lib/components/OrderHistoryPage/__tests__/collapsedImageGallery.spec.js +5 -5
- package/lib/components/OrderHistoryPage/__tests__/orderRow.spec.js +3 -3
- package/lib/components/ProductImageCarousel/__tests__/__snapshots__/carousel.spec.js.snap +4 -0
- package/lib/components/ProductImageCarousel/__tests__/__snapshots__/thumbnail.spec.js.snap +3 -0
- package/lib/components/ProductImageCarousel/thumbnail.js +1 -0
- package/lib/components/SearchBar/searchBar.js +7 -7
- package/lib/components/SearchBar/searchBar.module.css +1 -1
- package/lib/components/SignIn/signIn.js +2 -0
- package/package.json +3 -3
|
@@ -62,6 +62,17 @@ exports[`it renders correctly when it has cards 1`] = `
|
|
|
62
62
|
className="root"
|
|
63
63
|
/>
|
|
64
64
|
</div>
|
|
65
|
+
<span
|
|
66
|
+
aria-live="polite"
|
|
67
|
+
>
|
|
68
|
+
<div
|
|
69
|
+
className="balance"
|
|
70
|
+
>
|
|
71
|
+
<span
|
|
72
|
+
className="invalid_card_error"
|
|
73
|
+
/>
|
|
74
|
+
</div>
|
|
75
|
+
</span>
|
|
65
76
|
</div>
|
|
66
77
|
<div
|
|
67
78
|
className="root"
|
|
@@ -74,7 +85,6 @@ exports[`it renders correctly when it has cards 1`] = `
|
|
|
74
85
|
disabled={false}
|
|
75
86
|
onClick={[MockFunction]}
|
|
76
87
|
onDragStart={[Function]}
|
|
77
|
-
onKeyDown={[Function]}
|
|
78
88
|
onKeyUp={[Function]}
|
|
79
89
|
onMouseDown={[Function]}
|
|
80
90
|
onMouseEnter={[Function]}
|
|
@@ -101,7 +111,6 @@ exports[`it renders correctly when it has cards 1`] = `
|
|
|
101
111
|
disabled={false}
|
|
102
112
|
onClick={[MockFunction]}
|
|
103
113
|
onDragStart={[Function]}
|
|
104
|
-
onKeyDown={[Function]}
|
|
105
114
|
onKeyUp={[Function]}
|
|
106
115
|
onMouseDown={[Function]}
|
|
107
116
|
onMouseEnter={[Function]}
|
|
@@ -304,6 +313,17 @@ exports[`it renders correctly with no cards 1`] = `
|
|
|
304
313
|
className="root"
|
|
305
314
|
/>
|
|
306
315
|
</div>
|
|
316
|
+
<span
|
|
317
|
+
aria-live="polite"
|
|
318
|
+
>
|
|
319
|
+
<div
|
|
320
|
+
className="balance"
|
|
321
|
+
>
|
|
322
|
+
<span
|
|
323
|
+
className="invalid_card_error"
|
|
324
|
+
/>
|
|
325
|
+
</div>
|
|
326
|
+
</span>
|
|
307
327
|
</div>
|
|
308
328
|
<div
|
|
309
329
|
className="root"
|
|
@@ -316,7 +336,6 @@ exports[`it renders correctly with no cards 1`] = `
|
|
|
316
336
|
disabled={false}
|
|
317
337
|
onClick={[MockFunction]}
|
|
318
338
|
onDragStart={[Function]}
|
|
319
|
-
onKeyDown={[Function]}
|
|
320
339
|
onKeyUp={[Function]}
|
|
321
340
|
onMouseDown={[Function]}
|
|
322
341
|
onMouseEnter={[Function]}
|
|
@@ -343,7 +362,6 @@ exports[`it renders correctly with no cards 1`] = `
|
|
|
343
362
|
disabled={false}
|
|
344
363
|
onClick={[MockFunction]}
|
|
345
364
|
onDragStart={[Function]}
|
|
346
|
-
onKeyDown={[Function]}
|
|
347
365
|
onKeyUp={[Function]}
|
|
348
366
|
onMouseDown={[Function]}
|
|
349
367
|
onMouseEnter={[Function]}
|
|
@@ -50,9 +50,11 @@ const GiftCards = props => {
|
|
|
50
50
|
applyGiftCard,
|
|
51
51
|
checkBalanceData,
|
|
52
52
|
checkGiftCardBalance,
|
|
53
|
+
checkGiftCardBalanceKeyPress,
|
|
53
54
|
errorLoadingGiftCards,
|
|
54
55
|
errorRemovingCard,
|
|
55
56
|
giftCardsData,
|
|
57
|
+
handleEnterKeyPress,
|
|
56
58
|
isLoadingGiftCards,
|
|
57
59
|
isApplyingCard,
|
|
58
60
|
isCheckingBalance,
|
|
@@ -132,25 +134,31 @@ const GiftCards = props => {
|
|
|
132
134
|
);
|
|
133
135
|
}
|
|
134
136
|
|
|
135
|
-
const cardBalance = shouldDisplayCardBalance && (
|
|
136
|
-
<div className={classes.balance}>
|
|
137
|
-
<span className={classes.price}>
|
|
138
|
-
<FormattedMessage
|
|
139
|
-
id={'giftCards.balance'}
|
|
140
|
-
defaultMessage={'Balance: '}
|
|
141
|
-
/>
|
|
142
|
-
<Price
|
|
143
|
-
value={checkBalanceData.balance.value}
|
|
144
|
-
currencyCode={checkBalanceData.balance.currency}
|
|
145
|
-
/>
|
|
146
|
-
</span>
|
|
147
|
-
</div>
|
|
148
|
-
);
|
|
149
|
-
|
|
150
137
|
const containerClass = shouldDisplayCardError
|
|
151
138
|
? classes.card_input_container_error
|
|
152
139
|
: classes.card_input_container;
|
|
153
140
|
|
|
141
|
+
const cardBalance = (
|
|
142
|
+
<div className={classes.balance}>
|
|
143
|
+
{checkBalanceData && shouldDisplayCardBalance ? (
|
|
144
|
+
<div className={classes.price}>
|
|
145
|
+
<FormattedMessage
|
|
146
|
+
id={'giftCards.balance'}
|
|
147
|
+
defaultMessage={'Balance: '}
|
|
148
|
+
/>
|
|
149
|
+
<Price
|
|
150
|
+
value={checkBalanceData.balance.value}
|
|
151
|
+
currencyCode={checkBalanceData.balance.currency}
|
|
152
|
+
/>
|
|
153
|
+
</div>
|
|
154
|
+
) : (
|
|
155
|
+
<span className={classes.invalid_card_error}>
|
|
156
|
+
{cardEntryErrorMessage}
|
|
157
|
+
</span>
|
|
158
|
+
)}
|
|
159
|
+
</div>
|
|
160
|
+
);
|
|
161
|
+
|
|
154
162
|
const cardEntryContents = (
|
|
155
163
|
<div className={classes.card}>
|
|
156
164
|
<Field
|
|
@@ -171,7 +179,7 @@ const GiftCards = props => {
|
|
|
171
179
|
field="card"
|
|
172
180
|
mask={value => value && value.trim()}
|
|
173
181
|
maskOnBlur={true}
|
|
174
|
-
message={cardEntryErrorMessage}
|
|
182
|
+
// message={cardEntryErrorMessage}
|
|
175
183
|
placeholder={formatMessage({
|
|
176
184
|
id: 'giftCards.cardEntry',
|
|
177
185
|
defaultMessage: 'Enter card number'
|
|
@@ -179,7 +187,7 @@ const GiftCards = props => {
|
|
|
179
187
|
validate={isRequired}
|
|
180
188
|
/>
|
|
181
189
|
</div>
|
|
182
|
-
{cardBalance}
|
|
190
|
+
<span aria-live="polite">{cardBalance}</span>
|
|
183
191
|
</Field>
|
|
184
192
|
<Field
|
|
185
193
|
classes={{
|
|
@@ -191,6 +199,7 @@ const GiftCards = props => {
|
|
|
191
199
|
data-cy="GiftCards-apply"
|
|
192
200
|
disabled={isApplyingCard}
|
|
193
201
|
onClick={applyGiftCard}
|
|
202
|
+
onKeyDown={handleEnterKeyPress}
|
|
194
203
|
>
|
|
195
204
|
<FormattedMessage
|
|
196
205
|
id={'giftCards.apply'}
|
|
@@ -202,6 +211,7 @@ const GiftCards = props => {
|
|
|
202
211
|
className={classes.check_balance_button}
|
|
203
212
|
disabled={isCheckingBalance}
|
|
204
213
|
onClick={checkGiftCardBalance}
|
|
214
|
+
onKeyDown={checkGiftCardBalanceKeyPress}
|
|
205
215
|
>
|
|
206
216
|
<FormattedMessage
|
|
207
217
|
id={'giftCards.checkBalance'}
|
|
@@ -52,7 +52,9 @@ const CouponCode = props => {
|
|
|
52
52
|
data,
|
|
53
53
|
errors,
|
|
54
54
|
handleApplyCoupon,
|
|
55
|
+
handleApplyCouponOnEnter,
|
|
55
56
|
handleRemoveCoupon,
|
|
57
|
+
handleRemoveCouponOnEnter,
|
|
56
58
|
removingCoupon
|
|
57
59
|
} = talonProps;
|
|
58
60
|
const { formatMessage } = useIntl();
|
|
@@ -102,6 +104,9 @@ const CouponCode = props => {
|
|
|
102
104
|
onClick={() => {
|
|
103
105
|
handleRemoveCoupon(code);
|
|
104
106
|
}}
|
|
107
|
+
onKeyDown={() => {
|
|
108
|
+
handleRemoveCouponOnEnter(code);
|
|
109
|
+
}}
|
|
105
110
|
>
|
|
106
111
|
<FormattedMessage
|
|
107
112
|
id={'couponCode.removeButton'}
|
|
@@ -154,6 +159,7 @@ const CouponCode = props => {
|
|
|
154
159
|
disabled={applyingCoupon}
|
|
155
160
|
priority={'normal'}
|
|
156
161
|
type={'submit'}
|
|
162
|
+
onKeyDown={handleApplyCouponOnEnter}
|
|
157
163
|
>
|
|
158
164
|
<FormattedMessage
|
|
159
165
|
id={'couponCode.apply'}
|
|
@@ -24,6 +24,7 @@ const ShippingForm = props => {
|
|
|
24
24
|
errors,
|
|
25
25
|
handleOnSubmit,
|
|
26
26
|
handleZipChange,
|
|
27
|
+
handleOnSubmitKeyPress,
|
|
27
28
|
isSetShippingLoading
|
|
28
29
|
} = talonProps;
|
|
29
30
|
const { formatMessage } = useIntl();
|
|
@@ -77,6 +78,7 @@ const ShippingForm = props => {
|
|
|
77
78
|
disabled={isSetShippingLoading}
|
|
78
79
|
priority="normal"
|
|
79
80
|
type="submit"
|
|
81
|
+
onKeyDown={handleOnSubmitKeyPress}
|
|
80
82
|
>
|
|
81
83
|
{shippingStatusMessage}
|
|
82
84
|
</Button>
|
|
@@ -32,7 +32,8 @@ const ShippingMethods = props => {
|
|
|
32
32
|
selectedShippingFields,
|
|
33
33
|
selectedShippingMethod,
|
|
34
34
|
shippingMethods,
|
|
35
|
-
showForm
|
|
35
|
+
showForm,
|
|
36
|
+
showFormOnEnter
|
|
36
37
|
} = useShippingMethods();
|
|
37
38
|
|
|
38
39
|
const classes = useStyle(defaultClasses, props.classes);
|
|
@@ -74,6 +75,7 @@ const ShippingMethods = props => {
|
|
|
74
75
|
}}
|
|
75
76
|
data-cy="ShippingMethods-estimateButton"
|
|
76
77
|
onClick={showForm}
|
|
78
|
+
onKeyDown={showFormOnEnter}
|
|
77
79
|
>
|
|
78
80
|
<FormattedMessage
|
|
79
81
|
id={'shippingMethods.estimateButton'}
|
|
@@ -34,7 +34,7 @@ exports[`renders dialog form when active item is set up 1`] = `
|
|
|
34
34
|
"name": "Juno Sweater",
|
|
35
35
|
"sku": "ABC",
|
|
36
36
|
"small_image": Object {
|
|
37
|
-
"url": "https://master-7rqtwti-
|
|
37
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg",
|
|
38
38
|
},
|
|
39
39
|
"stock_status": "IN STOCK",
|
|
40
40
|
},
|
|
@@ -105,16 +105,16 @@ exports[`renders form errors 1`] = `
|
|
|
105
105
|
onError={[Function]}
|
|
106
106
|
onLoad={[Function]}
|
|
107
107
|
sizes="240px"
|
|
108
|
-
src="https://master-7rqtwti-
|
|
109
|
-
srcSet="https://master-7rqtwti-
|
|
110
|
-
https://master-7rqtwti-
|
|
111
|
-
https://master-7rqtwti-
|
|
112
|
-
https://master-7rqtwti-
|
|
113
|
-
https://master-7rqtwti-
|
|
114
|
-
https://master-7rqtwti-
|
|
115
|
-
https://master-7rqtwti-
|
|
116
|
-
https://master-7rqtwti-
|
|
117
|
-
https://master-7rqtwti-
|
|
108
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=240&height=300&fit=cover"
|
|
109
|
+
srcSet="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=40&height=50&fit=cover 40w,
|
|
110
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=80&height=100&fit=cover 80w,
|
|
111
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=160&height=200&fit=cover 160w,
|
|
112
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=320&height=400&fit=cover 320w,
|
|
113
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=640&height=800&fit=cover 640w,
|
|
114
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=960&height=1200&fit=cover 960w,
|
|
115
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1280&height=1600&fit=cover 1280w,
|
|
116
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1600&height=2000&fit=cover 1600w,
|
|
117
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=2560&height=3200&fit=cover 2560w"
|
|
118
118
|
style={
|
|
119
119
|
Object {
|
|
120
120
|
"--height": "300px",
|
|
@@ -475,16 +475,16 @@ exports[`renders form with data 1`] = `
|
|
|
475
475
|
onError={[Function]}
|
|
476
476
|
onLoad={[Function]}
|
|
477
477
|
sizes="240px"
|
|
478
|
-
src="https://master-7rqtwti-
|
|
479
|
-
srcSet="https://master-7rqtwti-
|
|
480
|
-
https://master-7rqtwti-
|
|
481
|
-
https://master-7rqtwti-
|
|
482
|
-
https://master-7rqtwti-
|
|
483
|
-
https://master-7rqtwti-
|
|
484
|
-
https://master-7rqtwti-
|
|
485
|
-
https://master-7rqtwti-
|
|
486
|
-
https://master-7rqtwti-
|
|
487
|
-
https://master-7rqtwti-
|
|
478
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=240&height=300&fit=cover"
|
|
479
|
+
srcSet="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=40&height=50&fit=cover 40w,
|
|
480
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=80&height=100&fit=cover 80w,
|
|
481
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=160&height=200&fit=cover 160w,
|
|
482
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=320&height=400&fit=cover 320w,
|
|
483
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=640&height=800&fit=cover 640w,
|
|
484
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=960&height=1200&fit=cover 960w,
|
|
485
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1280&height=1600&fit=cover 1280w,
|
|
486
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1600&height=2000&fit=cover 1600w,
|
|
487
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=2560&height=3200&fit=cover 2560w"
|
|
488
488
|
style={
|
|
489
489
|
Object {
|
|
490
490
|
"--height": "300px",
|
|
@@ -43,7 +43,7 @@ test('renders dialog form when active item is set up', () => {
|
|
|
43
43
|
sku: 'ABC',
|
|
44
44
|
small_image: {
|
|
45
45
|
url:
|
|
46
|
-
'https://master-7rqtwti-
|
|
46
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg'
|
|
47
47
|
},
|
|
48
48
|
stock_status: 'IN STOCK'
|
|
49
49
|
}
|
|
@@ -30,7 +30,7 @@ const mockItem = {
|
|
|
30
30
|
sku: 'ABC',
|
|
31
31
|
small_image: {
|
|
32
32
|
url:
|
|
33
|
-
'https://master-7rqtwti-
|
|
33
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg'
|
|
34
34
|
},
|
|
35
35
|
stock_status: 'IN STOCK'
|
|
36
36
|
}
|
|
@@ -10,7 +10,7 @@ export default {
|
|
|
10
10
|
name: 'Jillian Top',
|
|
11
11
|
thumbnail: {
|
|
12
12
|
url:
|
|
13
|
-
'https://master-7rqtwti-
|
|
13
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg',
|
|
14
14
|
__typename: 'ProductImage'
|
|
15
15
|
},
|
|
16
16
|
__typename: 'ConfigurableProduct'
|
|
@@ -41,7 +41,7 @@ export default {
|
|
|
41
41
|
name: 'Juno Sweater',
|
|
42
42
|
thumbnail: {
|
|
43
43
|
url:
|
|
44
|
-
'https://master-7rqtwti-
|
|
44
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg',
|
|
45
45
|
__typename: 'ProductImage'
|
|
46
46
|
},
|
|
47
47
|
__typename: 'ConfigurableProduct'
|
|
@@ -72,7 +72,7 @@ export default {
|
|
|
72
72
|
name: 'Angelina Tank Dress',
|
|
73
73
|
thumbnail: {
|
|
74
74
|
url:
|
|
75
|
-
'https://master-7rqtwti-
|
|
75
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg',
|
|
76
76
|
__typename: 'ProductImage'
|
|
77
77
|
},
|
|
78
78
|
__typename: 'ConfigurableProduct'
|
package/lib/components/CheckoutPage/ItemsReview/__tests__/__snapshots__/itemsReview.spec.js.snap
CHANGED
|
@@ -36,16 +36,16 @@ exports[`Snapshot test 1`] = `
|
|
|
36
36
|
onError={[Function]}
|
|
37
37
|
onLoad={[Function]}
|
|
38
38
|
sizes="100px"
|
|
39
|
-
src="https://master-7rqtwti-
|
|
40
|
-
srcSet="https://master-7rqtwti-
|
|
41
|
-
https://master-7rqtwti-
|
|
42
|
-
https://master-7rqtwti-
|
|
43
|
-
https://master-7rqtwti-
|
|
44
|
-
https://master-7rqtwti-
|
|
45
|
-
https://master-7rqtwti-
|
|
46
|
-
https://master-7rqtwti-
|
|
47
|
-
https://master-7rqtwti-
|
|
48
|
-
https://master-7rqtwti-
|
|
39
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=100&height=125&fit=cover"
|
|
40
|
+
srcSet="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=40&height=50&fit=cover 40w,
|
|
41
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=80&height=100&fit=cover 80w,
|
|
42
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=160&height=200&fit=cover 160w,
|
|
43
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=320&height=400&fit=cover 320w,
|
|
44
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=640&height=800&fit=cover 640w,
|
|
45
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=960&height=1200&fit=cover 960w,
|
|
46
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=1280&height=1600&fit=cover 1280w,
|
|
47
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=1600&height=2000&fit=cover 1600w,
|
|
48
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/t/vt12-kh_main_2.jpg?auto=webp&format=pjpg&width=2560&height=3200&fit=cover 2560w"
|
|
49
49
|
style={
|
|
50
50
|
Object {
|
|
51
51
|
"--height": "125px",
|
|
@@ -112,16 +112,16 @@ https://master-7rqtwti-mfwmkrjfqvbjk.us-4.magentosite.cloud/media/catalog/produc
|
|
|
112
112
|
onError={[Function]}
|
|
113
113
|
onLoad={[Function]}
|
|
114
114
|
sizes="100px"
|
|
115
|
-
src="https://master-7rqtwti-
|
|
116
|
-
srcSet="https://master-7rqtwti-
|
|
117
|
-
https://master-7rqtwti-
|
|
118
|
-
https://master-7rqtwti-
|
|
119
|
-
https://master-7rqtwti-
|
|
120
|
-
https://master-7rqtwti-
|
|
121
|
-
https://master-7rqtwti-
|
|
122
|
-
https://master-7rqtwti-
|
|
123
|
-
https://master-7rqtwti-
|
|
124
|
-
https://master-7rqtwti-
|
|
115
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=100&height=125&fit=cover"
|
|
116
|
+
srcSet="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=40&height=50&fit=cover 40w,
|
|
117
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=80&height=100&fit=cover 80w,
|
|
118
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=160&height=200&fit=cover 160w,
|
|
119
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=320&height=400&fit=cover 320w,
|
|
120
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=640&height=800&fit=cover 640w,
|
|
121
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=960&height=1200&fit=cover 960w,
|
|
122
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1280&height=1600&fit=cover 1280w,
|
|
123
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=1600&height=2000&fit=cover 1600w,
|
|
124
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw02-pe_main_2.jpg?auto=webp&format=pjpg&width=2560&height=3200&fit=cover 2560w"
|
|
125
125
|
style={
|
|
126
126
|
Object {
|
|
127
127
|
"--height": "125px",
|
|
@@ -188,16 +188,16 @@ https://master-7rqtwti-mfwmkrjfqvbjk.us-4.magentosite.cloud/media/catalog/produc
|
|
|
188
188
|
onError={[Function]}
|
|
189
189
|
onLoad={[Function]}
|
|
190
190
|
sizes="100px"
|
|
191
|
-
src="https://master-7rqtwti-
|
|
192
|
-
srcSet="https://master-7rqtwti-
|
|
193
|
-
https://master-7rqtwti-
|
|
194
|
-
https://master-7rqtwti-
|
|
195
|
-
https://master-7rqtwti-
|
|
196
|
-
https://master-7rqtwti-
|
|
197
|
-
https://master-7rqtwti-
|
|
198
|
-
https://master-7rqtwti-
|
|
199
|
-
https://master-7rqtwti-
|
|
200
|
-
https://master-7rqtwti-
|
|
191
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=100&height=125&fit=cover"
|
|
192
|
+
srcSet="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=40&height=50&fit=cover 40w,
|
|
193
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=80&height=100&fit=cover 80w,
|
|
194
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=160&height=200&fit=cover 160w,
|
|
195
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=320&height=400&fit=cover 320w,
|
|
196
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=640&height=800&fit=cover 640w,
|
|
197
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=960&height=1200&fit=cover 960w,
|
|
198
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=1280&height=1600&fit=cover 1280w,
|
|
199
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=1600&height=2000&fit=cover 1600w,
|
|
200
|
+
https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/d/vd01-ll_main_2.jpg?auto=webp&format=pjpg&width=2560&height=3200&fit=cover 2560w"
|
|
201
201
|
style={
|
|
202
202
|
Object {
|
|
203
203
|
"--height": "125px",
|
|
@@ -23,10 +23,6 @@ Array [
|
|
|
23
23
|
>
|
|
24
24
|
<NavTrigger />
|
|
25
25
|
</div>
|
|
26
|
-
<OnlineIndicator
|
|
27
|
-
hasBeenOffline={false}
|
|
28
|
-
isOnline={true}
|
|
29
|
-
/>
|
|
30
26
|
<MegaMenu />
|
|
31
27
|
<div
|
|
32
28
|
className="secondaryActions"
|
|
@@ -42,5 +38,9 @@ Array [
|
|
|
42
38
|
id="pageLoadingIndicator"
|
|
43
39
|
/>
|
|
44
40
|
</header>,
|
|
41
|
+
<OnlineIndicator
|
|
42
|
+
hasBeenOffline={false}
|
|
43
|
+
isOnline={true}
|
|
44
|
+
/>,
|
|
45
45
|
]
|
|
46
46
|
`;
|
|
@@ -68,10 +68,7 @@ const Header = props => {
|
|
|
68
68
|
<div className={classes.primaryActions}>
|
|
69
69
|
<NavTrigger />
|
|
70
70
|
</div>
|
|
71
|
-
|
|
72
|
-
hasBeenOffline={hasBeenOffline}
|
|
73
|
-
isOnline={isOnline}
|
|
74
|
-
/>
|
|
71
|
+
|
|
75
72
|
<Link
|
|
76
73
|
aria-label={title}
|
|
77
74
|
to={resourceUrl('/')}
|
|
@@ -93,6 +90,10 @@ const Header = props => {
|
|
|
93
90
|
{searchBar}
|
|
94
91
|
<PageLoadingIndicator absolute />
|
|
95
92
|
</header>
|
|
93
|
+
<OnlineIndicator
|
|
94
|
+
hasBeenOffline={hasBeenOffline}
|
|
95
|
+
isOnline={isOnline}
|
|
96
|
+
/>
|
|
96
97
|
</Fragment>
|
|
97
98
|
);
|
|
98
99
|
};
|
|
@@ -156,6 +156,14 @@ exports[`Should disable delete icon while loading 1`] = `
|
|
|
156
156
|
</svg>
|
|
157
157
|
</span>
|
|
158
158
|
</button>
|
|
159
|
+
<span
|
|
160
|
+
aria-hidden="false"
|
|
161
|
+
aria-live="polite"
|
|
162
|
+
className="hide"
|
|
163
|
+
role="status"
|
|
164
|
+
>
|
|
165
|
+
There is only one item left in your cart
|
|
166
|
+
</span>
|
|
159
167
|
</div>
|
|
160
168
|
`;
|
|
161
169
|
|
|
@@ -315,6 +323,14 @@ exports[`Should render correctly 1`] = `
|
|
|
315
323
|
</svg>
|
|
316
324
|
</span>
|
|
317
325
|
</button>
|
|
326
|
+
<span
|
|
327
|
+
aria-hidden="false"
|
|
328
|
+
aria-live="polite"
|
|
329
|
+
className="hide"
|
|
330
|
+
role="status"
|
|
331
|
+
>
|
|
332
|
+
There is only one item left in your cart
|
|
333
|
+
</span>
|
|
318
334
|
</div>
|
|
319
335
|
`;
|
|
320
336
|
|
|
@@ -474,6 +490,14 @@ exports[`Should render correctly when configured to use variant thumbnail 1`] =
|
|
|
474
490
|
</svg>
|
|
475
491
|
</span>
|
|
476
492
|
</button>
|
|
493
|
+
<span
|
|
494
|
+
aria-hidden="false"
|
|
495
|
+
aria-live="polite"
|
|
496
|
+
className="hide"
|
|
497
|
+
role="status"
|
|
498
|
+
>
|
|
499
|
+
There is only one item left in your cart
|
|
500
|
+
</span>
|
|
477
501
|
</div>
|
|
478
502
|
`;
|
|
479
503
|
|
|
@@ -633,5 +657,13 @@ exports[`Should render correctly with out of stock product 1`] = `
|
|
|
633
657
|
</svg>
|
|
634
658
|
</span>
|
|
635
659
|
</button>
|
|
660
|
+
<span
|
|
661
|
+
aria-hidden="false"
|
|
662
|
+
aria-live="polite"
|
|
663
|
+
className="hide"
|
|
664
|
+
role="status"
|
|
665
|
+
>
|
|
666
|
+
There is only one item left in your cart
|
|
667
|
+
</span>
|
|
636
668
|
</div>
|
|
637
669
|
`;
|
|
@@ -27,7 +27,8 @@ const Item = props => {
|
|
|
27
27
|
prices,
|
|
28
28
|
closeMiniCart,
|
|
29
29
|
configurableThumbnailSource,
|
|
30
|
-
storeUrlSuffix
|
|
30
|
+
storeUrlSuffix,
|
|
31
|
+
totalQuantity
|
|
31
32
|
} = props;
|
|
32
33
|
|
|
33
34
|
const { formatMessage } = useIntl();
|
|
@@ -62,6 +63,11 @@ const Item = props => {
|
|
|
62
63
|
});
|
|
63
64
|
const buttonStatus = isDeleting ? minicartButtonDeleted : miniCartButton;
|
|
64
65
|
|
|
66
|
+
const announceCartCount =
|
|
67
|
+
totalQuantity > 1
|
|
68
|
+
? 'There are ' + totalQuantity + ' items left in your cart'
|
|
69
|
+
: 'There is only one item left in your cart';
|
|
70
|
+
|
|
65
71
|
return (
|
|
66
72
|
<div className={rootClass} data-cy="MiniCart-Item-root">
|
|
67
73
|
<Link
|
|
@@ -133,6 +139,14 @@ const Item = props => {
|
|
|
133
139
|
}}
|
|
134
140
|
/>
|
|
135
141
|
</button>
|
|
142
|
+
<span
|
|
143
|
+
className={classes.hide}
|
|
144
|
+
role="status"
|
|
145
|
+
aria-hidden="false"
|
|
146
|
+
aria-live="polite"
|
|
147
|
+
>
|
|
148
|
+
{announceCartCount}
|
|
149
|
+
</span>
|
|
136
150
|
</div>
|
|
137
151
|
);
|
|
138
152
|
};
|
|
@@ -13,7 +13,8 @@ const ProductList = props => {
|
|
|
13
13
|
classes: propClasses,
|
|
14
14
|
closeMiniCart,
|
|
15
15
|
configurableThumbnailSource,
|
|
16
|
-
storeUrlSuffix
|
|
16
|
+
storeUrlSuffix,
|
|
17
|
+
totalQuantity
|
|
17
18
|
} = props;
|
|
18
19
|
const classes = useStyle(defaultClasses, propClasses);
|
|
19
20
|
|
|
@@ -27,6 +28,7 @@ const ProductList = props => {
|
|
|
27
28
|
handleRemoveItem={handleRemoveItem}
|
|
28
29
|
configurableThumbnailSource={configurableThumbnailSource}
|
|
29
30
|
storeUrlSuffix={storeUrlSuffix}
|
|
31
|
+
totalQuantity={totalQuantity}
|
|
30
32
|
/>
|
|
31
33
|
));
|
|
32
34
|
}
|
|
@@ -35,7 +37,8 @@ const ProductList = props => {
|
|
|
35
37
|
handleRemoveItem,
|
|
36
38
|
closeMiniCart,
|
|
37
39
|
configurableThumbnailSource,
|
|
38
|
-
storeUrlSuffix
|
|
40
|
+
storeUrlSuffix,
|
|
41
|
+
totalQuantity
|
|
39
42
|
]);
|
|
40
43
|
|
|
41
44
|
return (
|
|
@@ -64,6 +64,8 @@ const MiniCart = React.forwardRef((props, ref) => {
|
|
|
64
64
|
|
|
65
65
|
const [, { addToast }] = useToasts();
|
|
66
66
|
|
|
67
|
+
const announceMiniCartCount = 'There are no items in your cart.';
|
|
68
|
+
|
|
67
69
|
useEffect(() => {
|
|
68
70
|
if (errorMessage) {
|
|
69
71
|
addToast({
|
|
@@ -116,6 +118,14 @@ const MiniCart = React.forwardRef((props, ref) => {
|
|
|
116
118
|
id={'miniCart.emptyMessage'}
|
|
117
119
|
defaultMessage={'There are no items in your cart.'}
|
|
118
120
|
/>
|
|
121
|
+
<span
|
|
122
|
+
hidden
|
|
123
|
+
role="status"
|
|
124
|
+
aria-hidden="false"
|
|
125
|
+
aria-live="polite"
|
|
126
|
+
>
|
|
127
|
+
{announceMiniCartCount}
|
|
128
|
+
</span>
|
|
119
129
|
</div>
|
|
120
130
|
</div>
|
|
121
131
|
) : (
|
|
@@ -129,6 +139,7 @@ const MiniCart = React.forwardRef((props, ref) => {
|
|
|
129
139
|
closeMiniCart={closeMiniCart}
|
|
130
140
|
configurableThumbnailSource={configurableThumbnailSource}
|
|
131
141
|
storeUrlSuffix={storeUrlSuffix}
|
|
142
|
+
totalQuantity={totalQuantity}
|
|
132
143
|
/>
|
|
133
144
|
</div>
|
|
134
145
|
<div className={classes.footer}>
|
|
@@ -90,7 +90,7 @@ exports[`should render properly 1`] = `
|
|
|
90
90
|
"id": 1094,
|
|
91
91
|
"sku": "VA03",
|
|
92
92
|
"thumbnail": Object {
|
|
93
|
-
"url": "https://master-7rqtwti-
|
|
93
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
94
94
|
},
|
|
95
95
|
"url_key": "valeria-two-layer-tank",
|
|
96
96
|
"url_suffix": ".html",
|
|
@@ -99,7 +99,7 @@ exports[`should render properly 1`] = `
|
|
|
99
99
|
"id": 1103,
|
|
100
100
|
"sku": "VP08",
|
|
101
101
|
"thumbnail": Object {
|
|
102
|
-
"url": "https://master-7rqtwti-
|
|
102
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
103
103
|
},
|
|
104
104
|
"url_key": "chloe-silk-shell",
|
|
105
105
|
"url_suffix": ".html",
|
|
@@ -108,7 +108,7 @@ exports[`should render properly 1`] = `
|
|
|
108
108
|
"id": 1108,
|
|
109
109
|
"sku": "VSW09",
|
|
110
110
|
"thumbnail": Object {
|
|
111
|
-
"url": "https://master-7rqtwti-
|
|
111
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
112
112
|
},
|
|
113
113
|
"url_key": "helena-cardigan",
|
|
114
114
|
"url_suffix": ".html",
|
|
@@ -15,7 +15,7 @@ const defaultProps = {
|
|
|
15
15
|
sku: 'VA03',
|
|
16
16
|
thumbnail: {
|
|
17
17
|
url:
|
|
18
|
-
'https://master-7rqtwti-
|
|
18
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
19
19
|
},
|
|
20
20
|
url_key: 'valeria-two-layer-tank',
|
|
21
21
|
url_suffix: '.html'
|
|
@@ -25,7 +25,7 @@ const defaultProps = {
|
|
|
25
25
|
sku: 'VP08',
|
|
26
26
|
thumbnail: {
|
|
27
27
|
url:
|
|
28
|
-
'https://master-7rqtwti-
|
|
28
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
29
29
|
},
|
|
30
30
|
url_key: 'chloe-silk-shell',
|
|
31
31
|
url_suffix: '.html'
|
|
@@ -35,7 +35,7 @@ const defaultProps = {
|
|
|
35
35
|
sku: 'VSW09',
|
|
36
36
|
thumbnail: {
|
|
37
37
|
url:
|
|
38
|
-
'https://master-7rqtwti-
|
|
38
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
39
39
|
},
|
|
40
40
|
url_key: 'helena-cardigan',
|
|
41
41
|
url_suffix: '.html'
|
|
@@ -27,7 +27,7 @@ const defaultProps = {
|
|
|
27
27
|
sku: 'VA03',
|
|
28
28
|
thumbnail: {
|
|
29
29
|
url:
|
|
30
|
-
'https://master-7rqtwti-
|
|
30
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
31
31
|
},
|
|
32
32
|
url_key: 'valeria-two-layer-tank',
|
|
33
33
|
url_suffix: '.html'
|
|
@@ -37,7 +37,7 @@ const defaultProps = {
|
|
|
37
37
|
sku: 'VP08',
|
|
38
38
|
thumbnail: {
|
|
39
39
|
url:
|
|
40
|
-
'https://master-7rqtwti-
|
|
40
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
41
41
|
},
|
|
42
42
|
url_key: 'chloe-silk-shell',
|
|
43
43
|
url_suffix: '.html'
|
|
@@ -47,7 +47,7 @@ const defaultProps = {
|
|
|
47
47
|
sku: 'VSW09',
|
|
48
48
|
thumbnail: {
|
|
49
49
|
url:
|
|
50
|
-
'https://master-7rqtwti-
|
|
50
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
51
51
|
},
|
|
52
52
|
url_key: 'helena-cardigan',
|
|
53
53
|
url_suffix: '.html'
|
package/lib/components/OrderHistoryPage/__tests__/__snapshots__/collapsedImageGallery.spec.js.snap
CHANGED
|
@@ -6,22 +6,22 @@ exports[`renders correctly with data with remainder 1`] = `
|
|
|
6
6
|
>
|
|
7
7
|
<div
|
|
8
8
|
componentName="Image"
|
|
9
|
-
src="https://master-7rqtwti-
|
|
9
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg"
|
|
10
10
|
width={48}
|
|
11
11
|
/>
|
|
12
12
|
<div
|
|
13
13
|
componentName="Image"
|
|
14
|
-
src="https://master-7rqtwti-
|
|
14
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg"
|
|
15
15
|
width={48}
|
|
16
16
|
/>
|
|
17
17
|
<div
|
|
18
18
|
componentName="Image"
|
|
19
|
-
src="https://master-7rqtwti-
|
|
19
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg"
|
|
20
20
|
width={48}
|
|
21
21
|
/>
|
|
22
22
|
<div
|
|
23
23
|
componentName="Image"
|
|
24
|
-
src="https://master-7rqtwti-
|
|
24
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg"
|
|
25
25
|
width={48}
|
|
26
26
|
/>
|
|
27
27
|
<span
|
|
@@ -38,7 +38,7 @@ exports[`renders correctly with data without remainder 1`] = `
|
|
|
38
38
|
>
|
|
39
39
|
<div
|
|
40
40
|
componentName="Image"
|
|
41
|
-
src="https://master-7rqtwti-
|
|
41
|
+
src="https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg"
|
|
42
42
|
width={48}
|
|
43
43
|
/>
|
|
44
44
|
</div>
|
|
@@ -86,7 +86,7 @@ exports[`it does not render order details if loading is true 1`] = `
|
|
|
86
86
|
"id": 1094,
|
|
87
87
|
"sku": "VA03",
|
|
88
88
|
"thumbnail": Object {
|
|
89
|
-
"url": "https://master-7rqtwti-
|
|
89
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
90
90
|
},
|
|
91
91
|
"url_key": "valeria-two-layer-tank",
|
|
92
92
|
"url_suffix": ".html",
|
|
@@ -95,7 +95,7 @@ exports[`it does not render order details if loading is true 1`] = `
|
|
|
95
95
|
"id": 1103,
|
|
96
96
|
"sku": "VP08",
|
|
97
97
|
"thumbnail": Object {
|
|
98
|
-
"url": "https://master-7rqtwti-
|
|
98
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
99
99
|
},
|
|
100
100
|
"url_key": "chloe-silk-shell",
|
|
101
101
|
"url_suffix": ".html",
|
|
@@ -104,7 +104,7 @@ exports[`it does not render order details if loading is true 1`] = `
|
|
|
104
104
|
"id": 1108,
|
|
105
105
|
"sku": "VSW09",
|
|
106
106
|
"thumbnail": Object {
|
|
107
|
-
"url": "https://master-7rqtwti-
|
|
107
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
108
108
|
},
|
|
109
109
|
"url_key": "helena-cardigan",
|
|
110
110
|
"url_suffix": ".html",
|
|
@@ -245,7 +245,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
245
245
|
"id": 1094,
|
|
246
246
|
"sku": "VA03",
|
|
247
247
|
"thumbnail": Object {
|
|
248
|
-
"url": "https://master-7rqtwti-
|
|
248
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
249
249
|
},
|
|
250
250
|
"url_key": "valeria-two-layer-tank",
|
|
251
251
|
"url_suffix": ".html",
|
|
@@ -254,7 +254,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
254
254
|
"id": 1103,
|
|
255
255
|
"sku": "VP08",
|
|
256
256
|
"thumbnail": Object {
|
|
257
|
-
"url": "https://master-7rqtwti-
|
|
257
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
258
258
|
},
|
|
259
259
|
"url_key": "chloe-silk-shell",
|
|
260
260
|
"url_suffix": ".html",
|
|
@@ -263,7 +263,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
263
263
|
"id": 1108,
|
|
264
264
|
"sku": "VSW09",
|
|
265
265
|
"thumbnail": Object {
|
|
266
|
-
"url": "https://master-7rqtwti-
|
|
266
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
267
267
|
},
|
|
268
268
|
"url_key": "helena-cardigan",
|
|
269
269
|
"url_suffix": ".html",
|
|
@@ -323,7 +323,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
323
323
|
"id": 1094,
|
|
324
324
|
"sku": "VA03",
|
|
325
325
|
"thumbnail": Object {
|
|
326
|
-
"url": "https://master-7rqtwti-
|
|
326
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
327
327
|
},
|
|
328
328
|
"url_key": "valeria-two-layer-tank",
|
|
329
329
|
"url_suffix": ".html",
|
|
@@ -332,7 +332,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
332
332
|
"id": 1103,
|
|
333
333
|
"sku": "VP08",
|
|
334
334
|
"thumbnail": Object {
|
|
335
|
-
"url": "https://master-7rqtwti-
|
|
335
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
336
336
|
},
|
|
337
337
|
"url_key": "chloe-silk-shell",
|
|
338
338
|
"url_suffix": ".html",
|
|
@@ -341,7 +341,7 @@ exports[`it renders collapsed order row 1`] = `
|
|
|
341
341
|
"id": 1108,
|
|
342
342
|
"sku": "VSW09",
|
|
343
343
|
"thumbnail": Object {
|
|
344
|
-
"url": "https://master-7rqtwti-
|
|
344
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
345
345
|
},
|
|
346
346
|
"url_key": "helena-cardigan",
|
|
347
347
|
"url_suffix": ".html",
|
|
@@ -610,7 +610,7 @@ exports[`it renders open order row 1`] = `
|
|
|
610
610
|
"id": 1094,
|
|
611
611
|
"sku": "VA03",
|
|
612
612
|
"thumbnail": Object {
|
|
613
|
-
"url": "https://master-7rqtwti-
|
|
613
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
614
614
|
},
|
|
615
615
|
"url_key": "valeria-two-layer-tank",
|
|
616
616
|
"url_suffix": ".html",
|
|
@@ -619,7 +619,7 @@ exports[`it renders open order row 1`] = `
|
|
|
619
619
|
"id": 1103,
|
|
620
620
|
"sku": "VP08",
|
|
621
621
|
"thumbnail": Object {
|
|
622
|
-
"url": "https://master-7rqtwti-
|
|
622
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
623
623
|
},
|
|
624
624
|
"url_key": "chloe-silk-shell",
|
|
625
625
|
"url_suffix": ".html",
|
|
@@ -628,7 +628,7 @@ exports[`it renders open order row 1`] = `
|
|
|
628
628
|
"id": 1108,
|
|
629
629
|
"sku": "VSW09",
|
|
630
630
|
"thumbnail": Object {
|
|
631
|
-
"url": "https://master-7rqtwti-
|
|
631
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
632
632
|
},
|
|
633
633
|
"url_key": "helena-cardigan",
|
|
634
634
|
"url_suffix": ".html",
|
|
@@ -829,7 +829,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
829
829
|
"id": 1094,
|
|
830
830
|
"sku": "VA03",
|
|
831
831
|
"thumbnail": Object {
|
|
832
|
-
"url": "https://master-7rqtwti-
|
|
832
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
833
833
|
},
|
|
834
834
|
"url_key": "valeria-two-layer-tank",
|
|
835
835
|
"url_suffix": ".html",
|
|
@@ -838,7 +838,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
838
838
|
"id": 1103,
|
|
839
839
|
"sku": "VP08",
|
|
840
840
|
"thumbnail": Object {
|
|
841
|
-
"url": "https://master-7rqtwti-
|
|
841
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
842
842
|
},
|
|
843
843
|
"url_key": "chloe-silk-shell",
|
|
844
844
|
"url_suffix": ".html",
|
|
@@ -847,7 +847,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
847
847
|
"id": 1108,
|
|
848
848
|
"sku": "VSW09",
|
|
849
849
|
"thumbnail": Object {
|
|
850
|
-
"url": "https://master-7rqtwti-
|
|
850
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
851
851
|
},
|
|
852
852
|
"url_key": "helena-cardigan",
|
|
853
853
|
"url_suffix": ".html",
|
|
@@ -907,7 +907,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
907
907
|
"id": 1094,
|
|
908
908
|
"sku": "VA03",
|
|
909
909
|
"thumbnail": Object {
|
|
910
|
-
"url": "https://master-7rqtwti-
|
|
910
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
911
911
|
},
|
|
912
912
|
"url_key": "valeria-two-layer-tank",
|
|
913
913
|
"url_suffix": ".html",
|
|
@@ -916,7 +916,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
916
916
|
"id": 1103,
|
|
917
917
|
"sku": "VP08",
|
|
918
918
|
"thumbnail": Object {
|
|
919
|
-
"url": "https://master-7rqtwti-
|
|
919
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
920
920
|
},
|
|
921
921
|
"url_key": "chloe-silk-shell",
|
|
922
922
|
"url_suffix": ".html",
|
|
@@ -925,7 +925,7 @@ exports[`it renders with missing order information 1`] = `
|
|
|
925
925
|
"id": 1108,
|
|
926
926
|
"sku": "VSW09",
|
|
927
927
|
"thumbnail": Object {
|
|
928
|
-
"url": "https://master-7rqtwti-
|
|
928
|
+
"url": "https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg",
|
|
929
929
|
},
|
|
930
930
|
"url_key": "helena-cardigan",
|
|
931
931
|
"url_suffix": ".html",
|
|
@@ -17,7 +17,7 @@ const defaultProps = {
|
|
|
17
17
|
sku: 'VA03',
|
|
18
18
|
thumbnail: {
|
|
19
19
|
url:
|
|
20
|
-
'https://master-7rqtwti-
|
|
20
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
21
21
|
},
|
|
22
22
|
url_key: 'valeria-two-layer-tank',
|
|
23
23
|
url_suffix: '.html'
|
|
@@ -27,7 +27,7 @@ const defaultProps = {
|
|
|
27
27
|
sku: 'VP08',
|
|
28
28
|
thumbnail: {
|
|
29
29
|
url:
|
|
30
|
-
'https://master-7rqtwti-
|
|
30
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
31
31
|
},
|
|
32
32
|
url_key: 'chloe-silk-shell',
|
|
33
33
|
url_suffix: '.html'
|
|
@@ -37,7 +37,7 @@ const defaultProps = {
|
|
|
37
37
|
sku: 'VSW09',
|
|
38
38
|
thumbnail: {
|
|
39
39
|
url:
|
|
40
|
-
'https://master-7rqtwti-
|
|
40
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
41
41
|
},
|
|
42
42
|
url_key: 'helena-cardigan',
|
|
43
43
|
url_suffix: '.html'
|
|
@@ -47,7 +47,7 @@ const defaultProps = {
|
|
|
47
47
|
sku: 'VA05',
|
|
48
48
|
thumbnail: {
|
|
49
49
|
url:
|
|
50
|
-
'https://master-7rqtwti-
|
|
50
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
51
51
|
},
|
|
52
52
|
url_key: 'valeria-two-layer-tank-new',
|
|
53
53
|
url_suffix: '.html'
|
|
@@ -57,7 +57,7 @@ const defaultProps = {
|
|
|
57
57
|
sku: 'VA23',
|
|
58
58
|
thumbnail: {
|
|
59
59
|
url:
|
|
60
|
-
'https://master-7rqtwti-
|
|
60
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
61
61
|
},
|
|
62
62
|
url_key: 'tank-top',
|
|
63
63
|
url_suffix: '.html'
|
|
@@ -156,7 +156,7 @@ const imagesData = [
|
|
|
156
156
|
sku: 'VA03',
|
|
157
157
|
thumbnail: {
|
|
158
158
|
url:
|
|
159
|
-
'https://master-7rqtwti-
|
|
159
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
160
160
|
},
|
|
161
161
|
url_key: 'valeria-two-layer-tank',
|
|
162
162
|
url_suffix: '.html'
|
|
@@ -166,7 +166,7 @@ const imagesData = [
|
|
|
166
166
|
sku: 'VP08',
|
|
167
167
|
thumbnail: {
|
|
168
168
|
url:
|
|
169
|
-
'https://master-7rqtwti-
|
|
169
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
170
170
|
},
|
|
171
171
|
url_key: 'chloe-silk-shell',
|
|
172
172
|
url_suffix: '.html'
|
|
@@ -176,7 +176,7 @@ const imagesData = [
|
|
|
176
176
|
sku: 'VSW09',
|
|
177
177
|
thumbnail: {
|
|
178
178
|
url:
|
|
179
|
-
'https://master-7rqtwti-
|
|
179
|
+
'https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/product/cache/d3ba9f7bcd3b0724e976dc5144b29c7d/v/s/vsw01-rn_main_2.jpg'
|
|
180
180
|
},
|
|
181
181
|
url_key: 'helena-cardigan',
|
|
182
182
|
url_suffix: '.html'
|
|
@@ -244,6 +244,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
|
|
|
244
244
|
aria-label="Current Image"
|
|
245
245
|
className="rootSelected"
|
|
246
246
|
onClick={[Function]}
|
|
247
|
+
type="button"
|
|
247
248
|
>
|
|
248
249
|
<div
|
|
249
250
|
className="root container"
|
|
@@ -294,6 +295,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
|
|
|
294
295
|
aria-label="Next Image"
|
|
295
296
|
className="root"
|
|
296
297
|
onClick={[Function]}
|
|
298
|
+
type="button"
|
|
297
299
|
>
|
|
298
300
|
<div
|
|
299
301
|
className="root container"
|
|
@@ -344,6 +346,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
|
|
|
344
346
|
aria-label="Next Image"
|
|
345
347
|
className="root"
|
|
346
348
|
onClick={[Function]}
|
|
349
|
+
type="button"
|
|
347
350
|
>
|
|
348
351
|
<div
|
|
349
352
|
className="root container"
|
|
@@ -394,6 +397,7 @@ exports[`renders the Carousel component correctly w/ sorted images 1`] = `
|
|
|
394
397
|
aria-label="Next Image"
|
|
395
398
|
className="root"
|
|
396
399
|
onClick={[Function]}
|
|
400
|
+
type="button"
|
|
397
401
|
>
|
|
398
402
|
<div
|
|
399
403
|
className="root container"
|
|
@@ -5,6 +5,7 @@ exports[`renders root class if not the active Thumbnail 1`] = `
|
|
|
5
5
|
aria-label="Next Image"
|
|
6
6
|
className="root"
|
|
7
7
|
onClick={[Function]}
|
|
8
|
+
type="button"
|
|
8
9
|
>
|
|
9
10
|
<div
|
|
10
11
|
className="root container"
|
|
@@ -58,6 +59,7 @@ exports[`renders the Thumbnail component correctly 1`] = `
|
|
|
58
59
|
aria-label="Current Image"
|
|
59
60
|
className="rootSelected"
|
|
60
61
|
onClick={[Function]}
|
|
62
|
+
type="button"
|
|
61
63
|
>
|
|
62
64
|
<div
|
|
63
65
|
className="root container"
|
|
@@ -111,6 +113,7 @@ exports[`renders transparent placeholder when no file name is provided 1`] = `
|
|
|
111
113
|
aria-label="Current Image"
|
|
112
114
|
className="rootSelected"
|
|
113
115
|
onClick={[Function]}
|
|
116
|
+
type="button"
|
|
114
117
|
>
|
|
115
118
|
<div
|
|
116
119
|
className="root container"
|
|
@@ -35,13 +35,6 @@ const SearchBar = React.forwardRef((props, ref) => {
|
|
|
35
35
|
initialValues={initialValues}
|
|
36
36
|
onSubmit={handleSubmit}
|
|
37
37
|
>
|
|
38
|
-
<div className={classes.autocomplete}>
|
|
39
|
-
<Autocomplete
|
|
40
|
-
setVisible={setIsAutoCompleteOpen}
|
|
41
|
-
valid={valid}
|
|
42
|
-
visible={isAutoCompleteOpen}
|
|
43
|
-
/>
|
|
44
|
-
</div>
|
|
45
38
|
<div className={classes.search}>
|
|
46
39
|
<SearchField
|
|
47
40
|
addLabel={formatMessage({
|
|
@@ -52,6 +45,13 @@ const SearchBar = React.forwardRef((props, ref) => {
|
|
|
52
45
|
onChange={handleChange}
|
|
53
46
|
onFocus={handleFocus}
|
|
54
47
|
/>
|
|
48
|
+
<div className={classes.autocomplete}>
|
|
49
|
+
<Autocomplete
|
|
50
|
+
setVisible={setIsAutoCompleteOpen}
|
|
51
|
+
valid={valid}
|
|
52
|
+
visible={isAutoCompleteOpen}
|
|
53
|
+
/>
|
|
54
|
+
</div>
|
|
55
55
|
</div>
|
|
56
56
|
</Form>
|
|
57
57
|
</div>
|
|
@@ -39,6 +39,7 @@ const SignIn = props => {
|
|
|
39
39
|
handleEnterKeyPress,
|
|
40
40
|
signinHandleEnterKeyPress,
|
|
41
41
|
handleForgotPassword,
|
|
42
|
+
forgotPasswordHandleEnterKeyPress,
|
|
42
43
|
handleSubmit,
|
|
43
44
|
isBusy,
|
|
44
45
|
setFormApi,
|
|
@@ -107,6 +108,7 @@ const SignIn = props => {
|
|
|
107
108
|
classes={forgotPasswordClasses}
|
|
108
109
|
type="button"
|
|
109
110
|
onClick={handleForgotPassword}
|
|
111
|
+
onKeyDown={forgotPasswordHandleEnterKeyPress}
|
|
110
112
|
data-cy="SignIn-forgotPasswordButton"
|
|
111
113
|
>
|
|
112
114
|
<FormattedMessage
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magento/venia-ui",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.2.0-alpha.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
"peerDependencies": {
|
|
81
81
|
"@apollo/client": "~3.5.0",
|
|
82
82
|
"@magento/babel-preset-peregrine": "~1.2.2",
|
|
83
|
-
"@magento/peregrine": "
|
|
84
|
-
"@magento/pwa-buildpack": "
|
|
83
|
+
"@magento/peregrine": "13.1.1-alpha.1",
|
|
84
|
+
"@magento/pwa-buildpack": "11.4.2-alpha.1",
|
|
85
85
|
"apollo-cache-persist": "~0.1.1",
|
|
86
86
|
"braintree-web-drop-in": "~1.33.3",
|
|
87
87
|
"graphql": "~15.5.0",
|