forked from M3-Academy/challenge-vtex-io
feat: adiciona testid
This commit is contained in:
parent
fc31647bd5
commit
1dec297c58
@ -4,6 +4,14 @@
|
|||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="html--product-quantity"] {
|
||||||
|
width: 24.335%;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="html--add-to-cart"] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
[class*="html--buy-button"] {
|
[class*="html--buy-button"] {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
@ -36,6 +44,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1921px) {
|
@media (min-width: 1921px) {
|
||||||
|
[class*="html--product-quantity"] {
|
||||||
|
width: 16.712%;
|
||||||
|
}
|
||||||
|
|
||||||
[class*="html--descriptionImage"] {
|
[class*="html--descriptionImage"] {
|
||||||
width: 47.392%;
|
width: 47.392%;
|
||||||
}
|
}
|
||||||
|
@ -7,6 +7,7 @@
|
|||||||
.pixPrice-content {
|
.pixPrice-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 26px;
|
gap: 26px;
|
||||||
|
width: 197px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pixPrice-img {
|
.pixPrice-img {
|
||||||
|
@ -1,4 +1,12 @@
|
|||||||
{
|
{
|
||||||
|
"html#add-to-cart": {
|
||||||
|
"props": {
|
||||||
|
"testId": "add-to-cart-button",
|
||||||
|
"blockClass": "add-to-cart"
|
||||||
|
},
|
||||||
|
"children": ["add-to-cart-button#addToCart"]
|
||||||
|
},
|
||||||
|
|
||||||
"add-to-cart-button#addToCart": {
|
"add-to-cart-button#addToCart": {
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "addToCart",
|
"blockClass": "addToCart",
|
||||||
|
@ -94,6 +94,13 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"flex-layout.row#product-image": {
|
"flex-layout.row#product-image": {
|
||||||
|
"children": ["html#product-images"]
|
||||||
|
},
|
||||||
|
"html#product-images": {
|
||||||
|
"props": {
|
||||||
|
"testId": "product-images",
|
||||||
|
"blockClass": "product-images"
|
||||||
|
},
|
||||||
"children": ["product-images"]
|
"children": ["product-images"]
|
||||||
},
|
},
|
||||||
"product-images": {
|
"product-images": {
|
||||||
@ -120,17 +127,33 @@
|
|||||||
"product-rating-summary",
|
"product-rating-summary",
|
||||||
"flex-layout.row#selling-price",
|
"flex-layout.row#selling-price",
|
||||||
"product-installments",
|
"product-installments",
|
||||||
"PixPrice",
|
"html#pix",
|
||||||
"sku-selector",
|
"html#sku-selector",
|
||||||
"product-gifts",
|
"product-gifts",
|
||||||
// "flex-layout.row#buy-button",
|
// "flex-layout.row#buy-button",
|
||||||
"html#buy-button",
|
"html#buy-button",
|
||||||
// "availability-subscriber",
|
// "availability-subscriber",
|
||||||
"shipping-simulator",
|
"html#shipping-simulator",
|
||||||
"share#default"
|
"share#default"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"html#pix": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "pix",
|
||||||
|
"testId": "pix-price"
|
||||||
|
},
|
||||||
|
"children": ["PixPrice"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"html#shipping-simulator": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "shipping-simulator",
|
||||||
|
"testId": "shipping-simulator"
|
||||||
|
},
|
||||||
|
"children": ["shipping-simulator"]
|
||||||
|
},
|
||||||
|
|
||||||
"flex-layout.row#product-name": {
|
"flex-layout.row#product-name": {
|
||||||
"props": {
|
"props": {
|
||||||
"marginBottom": 3
|
"marginBottom": 3
|
||||||
@ -153,6 +176,14 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
"html#sku-selector": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "sku-selector",
|
||||||
|
"testId": "sku-selector"
|
||||||
|
},
|
||||||
|
"children": ["sku-selector"]
|
||||||
|
},
|
||||||
|
|
||||||
"sku-selector": {
|
"sku-selector": {
|
||||||
"props": {
|
"props": {
|
||||||
"variationsSpacing": 3
|
"variationsSpacing": 3
|
||||||
@ -163,7 +194,7 @@
|
|||||||
"props": {
|
"props": {
|
||||||
"blockClass": "buy-button"
|
"blockClass": "buy-button"
|
||||||
},
|
},
|
||||||
"children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
|
"children": ["html#product-quantity", "html#add-to-cart"]
|
||||||
},
|
},
|
||||||
|
|
||||||
// "flex-layout.row#buy-button": {
|
// "flex-layout.row#buy-button": {
|
||||||
@ -175,12 +206,19 @@
|
|||||||
// "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
|
// "children": ["product-quantity#addToCart", "add-to-cart-button#addToCart"]
|
||||||
// },
|
// },
|
||||||
|
|
||||||
|
"html#product-quantity": {
|
||||||
|
"props": {
|
||||||
|
"testId": "product-quantity",
|
||||||
|
"blockClass": "product-quantity"
|
||||||
|
},
|
||||||
|
"children": ["product-quantity#addToCart"]
|
||||||
|
},
|
||||||
|
|
||||||
"product-quantity#addToCart": {
|
"product-quantity#addToCart": {
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "addToCartQuantity",
|
"blockClass": "addToCartQuantity",
|
||||||
"showLabel": false,
|
"showLabel": false,
|
||||||
"size": "large",
|
"size": "large"
|
||||||
"width": "25%"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -243,15 +281,6 @@
|
|||||||
"blockClass": "shelfTitleText"
|
"blockClass": "shelfTitleText"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
"product-summary.shelf#shelfProducts": {
|
|
||||||
"children": [
|
|
||||||
"product-summary-image",
|
|
||||||
"product-summary-name",
|
|
||||||
"product-price"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
|
|
||||||
// "product-summary-image": {
|
// "product-summary-image": {
|
||||||
// "props": {
|
// "props": {
|
||||||
// "showBadge": false
|
// "showBadge": false
|
||||||
@ -267,6 +296,30 @@
|
|||||||
|
|
||||||
"list-context.product-list#shelfProducts": {
|
"list-context.product-list#shelfProducts": {
|
||||||
"blocks": ["product-summary.shelf#shelfProducts"],
|
"blocks": ["product-summary.shelf#shelfProducts"],
|
||||||
|
"children": ["html#slider-layout"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"product-summary.shelf#shelfProducts": {
|
||||||
|
"children": ["html#product-summary"]
|
||||||
|
},
|
||||||
|
|
||||||
|
"html#product-summary": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "product-summary",
|
||||||
|
"testId": "vtex-product-summary"
|
||||||
|
},
|
||||||
|
"children": [
|
||||||
|
"product-summary-image",
|
||||||
|
"product-summary-name",
|
||||||
|
"product-price"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
"html#slider-layout": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "shelf",
|
||||||
|
"testId": "product-summary-list"
|
||||||
|
},
|
||||||
"children": ["slider-layout#demo-products"]
|
"children": ["slider-layout#demo-products"]
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -27,3 +27,7 @@
|
|||||||
border-left: 0;
|
border-left: 0;
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.quantitySelectorStepper--addToCartQuantity :global(.vtex-numeric-stepper__input) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
@ -9,7 +9,6 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27");
|
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27");
|
||||||
/* Grid breakpoints */
|
/* Grid breakpoints */
|
||||||
.imageWrapper {
|
.imageWrapper {
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
@ -20,3 +20,8 @@
|
|||||||
border-left: 0;
|
border-left: 0;
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.quantitySelectorStepper--addToCartQuantity
|
||||||
|
:global(.vtex-numeric-stepper__input) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
.imageWrapper {
|
.imageWrapper {
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user