forked from M3-Academy/challenge-vtex-io
hotfix: add os testsID faltando e testando com o codigo do Marlon, e revendo se quebrou ou não o slyles para finalizar
This commit is contained in:
parent
ebee9bc2d3
commit
1a163db76d
@ -43,7 +43,7 @@ const pixCustom = () => {
|
||||
</div>
|
||||
|
||||
<div className={styles.divText}>
|
||||
<h1 className={styles.h1Valor}> R$ {pix} </h1>
|
||||
<p className={styles.h1Valor}> R$ {pix} </p>
|
||||
<h2 className={styles.h2Desconto}> 10% de desconto </h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,25 +1,22 @@
|
||||
{
|
||||
"store.product": {
|
||||
"children": [
|
||||
"html#pageProduct",
|
||||
"newsletter"
|
||||
]
|
||||
"children": ["html#pageProduct", "newsletter"]
|
||||
},
|
||||
"html#pageProduct": {
|
||||
"props": {
|
||||
"blockClass":"page-product"
|
||||
"blockClass": "page-product"
|
||||
},
|
||||
"children": [
|
||||
"html#breadcrumb",
|
||||
"condition-layout.product#availability",
|
||||
"html#tab-layout",
|
||||
|
||||
|
||||
// "flex-layout.row#description",
|
||||
// "flex-layout.row#specifications-title",
|
||||
// "product-specification-group#table",
|
||||
// "shelf.relatedProducts",
|
||||
// "product-questions-and-answers",
|
||||
|
||||
|
||||
"rich-text#titleSlick",
|
||||
"list-context.product-list#demo",
|
||||
"PlaceholderCep"
|
||||
@ -99,7 +96,7 @@
|
||||
},
|
||||
"html#product-images": {
|
||||
"props": {
|
||||
"testId":"product-images"
|
||||
"testId": "product-images"
|
||||
},
|
||||
"children": ["product-images"]
|
||||
},
|
||||
@ -124,12 +121,12 @@
|
||||
"rowGap": 0
|
||||
},
|
||||
"children": [
|
||||
"flex-layout.row#product-name",
|
||||
"flex-layout.row#product-modelo",
|
||||
"html#product-name",
|
||||
"html#product-modelo",
|
||||
// "product-rating-summary",
|
||||
"flex-layout.row#selling-price",
|
||||
"html#selling-price",
|
||||
// "flex-layout.row#list-price-savings",
|
||||
"product-installments#custom",
|
||||
"html#product-installments",
|
||||
"html#pixCustom",
|
||||
"html#sku-selector",
|
||||
"html#quantidadeEButtonCustom",
|
||||
@ -144,21 +141,30 @@
|
||||
// "share#default"
|
||||
]
|
||||
},
|
||||
"html#pixCustom":{
|
||||
"props":{
|
||||
"testId":"pix-price"
|
||||
"html#selling-price": {
|
||||
"props": {
|
||||
"testId": "product-price"
|
||||
},
|
||||
"children": ["flex-layout.row#selling-price"]
|
||||
},
|
||||
|
||||
"html#pixCustom": {
|
||||
"props": {
|
||||
"testId": "pix-price"
|
||||
},
|
||||
"children": ["pixCustom"]
|
||||
},
|
||||
"html#shipping-simulator":{
|
||||
"props":{
|
||||
"testId":"shipping-simulator"
|
||||
|
||||
"html#shipping-simulator": {
|
||||
"props": {
|
||||
"testId": "shipping-simulator"
|
||||
},
|
||||
"children": ["shipping-simulator"]
|
||||
},
|
||||
"shipping-simulator":{
|
||||
"props":{
|
||||
"blockClass":"divCep"
|
||||
|
||||
"shipping-simulator": {
|
||||
"props": {
|
||||
"blockClass": "divCep"
|
||||
}
|
||||
},
|
||||
"rich-text#titleCep": {
|
||||
@ -167,39 +173,56 @@
|
||||
"text": "CALCULAR FRETE:"
|
||||
}
|
||||
},
|
||||
"html#quantidadeEButtonCustom":{
|
||||
"html#quantidadeEButtonCustom": {
|
||||
"props": {
|
||||
"blockClass": "quantidadeEBuy"
|
||||
},
|
||||
"children": ["html#product-quantity","flex-layout.row#buy-button"]
|
||||
"children": ["html#product-quantity", "flex-layout.row#buy-button"]
|
||||
},
|
||||
"html#product-quantity":{
|
||||
"html#product-quantity": {
|
||||
"props": {
|
||||
"testId":"product-quantity"
|
||||
"testId": "product-quantity"
|
||||
},
|
||||
"children": ["product-quantity"]
|
||||
},
|
||||
"product-quantity":{
|
||||
"props":{
|
||||
"blockClass":"divQuantidade",
|
||||
"size":"regular"
|
||||
"product-quantity": {
|
||||
"props": {
|
||||
"blockClass": "divQuantidade",
|
||||
"size": "regular"
|
||||
}
|
||||
},
|
||||
"product-installments#custom":{
|
||||
"props":{
|
||||
"blockClass":"divParcelamente",
|
||||
"html#product-installments": {
|
||||
"props": {
|
||||
"testId": "product-installments"
|
||||
},
|
||||
"children": ["product-installments#custom"]
|
||||
},
|
||||
"product-installments#custom": {
|
||||
"props": {
|
||||
"blockClass": "divParcelamente",
|
||||
"markers": ["discount"],
|
||||
"message": "{installmentsNumber} de {installmentValue} sem juros",
|
||||
"installmentsCriteria":"max-quantity-without-interest"
|
||||
"installmentsCriteria": "max-quantity-without-interest"
|
||||
}
|
||||
},
|
||||
"html#product-modelo": {
|
||||
"props": {
|
||||
"testId": "product-code"
|
||||
},
|
||||
"children": [ "flex-layout.row#product-modelo"]
|
||||
},
|
||||
"flex-layout.row#product-modelo": {
|
||||
"props": {
|
||||
"blockClass": "divNomeProductModelo"
|
||||
},
|
||||
"children": ["product-identifier.product"]
|
||||
},
|
||||
|
||||
"html#product-name": {
|
||||
"props": {
|
||||
"testId": "product-name"
|
||||
},
|
||||
"children": ["flex-layout.row#product-name"]
|
||||
},
|
||||
"flex-layout.row#product-name": {
|
||||
"props": {
|
||||
"blockClass": "divNomeProduct",
|
||||
@ -209,13 +232,13 @@
|
||||
},
|
||||
"html#sku-selector": {
|
||||
"props": {
|
||||
"testId":"sku-selector"
|
||||
"testId": "sku-selector"
|
||||
},
|
||||
"children": ["sku-selector"]
|
||||
},
|
||||
"sku-selector": {
|
||||
"props": {
|
||||
"blockClass":"divSku",
|
||||
"blockClass": "divSku",
|
||||
"variationsSpacing": 3,
|
||||
"showValueNameForImageVariation": true
|
||||
}
|
||||
@ -223,21 +246,21 @@
|
||||
|
||||
"flex-layout.row#buy-button": {
|
||||
"props": {
|
||||
"blockClass":"divButtonBuy",
|
||||
"blockClass": "divButtonBuy",
|
||||
"marginTop": 4,
|
||||
"marginBottom": 7
|
||||
},
|
||||
"children": ["html#add-to-cart-button"]
|
||||
},
|
||||
"html#add-to-cart-button": {
|
||||
"props":{
|
||||
"testId":"add-to-cart-button"
|
||||
"props": {
|
||||
"testId": "add-to-cart-button"
|
||||
},
|
||||
"children": ["add-to-cart-button"]
|
||||
},
|
||||
"flex-layout.row#product-availability": {
|
||||
"props": {
|
||||
"blockClass":"divProductIndisponivel",
|
||||
"blockClass": "divProductIndisponivel",
|
||||
"colGap": 7,
|
||||
"marginTop": 4,
|
||||
"marginBottom": 7,
|
||||
@ -255,7 +278,7 @@
|
||||
"blockClass": "info-availability"
|
||||
},
|
||||
"children": [
|
||||
"flex-layout.row#product-name",
|
||||
"html#product-name",
|
||||
"product-identifier.product",
|
||||
"flex-layout.col#availability",
|
||||
"html#sku-selector"
|
||||
@ -267,9 +290,9 @@
|
||||
},
|
||||
"children": ["availability-subscriber"]
|
||||
},
|
||||
"availability-subscriber":{
|
||||
"props":{
|
||||
"blockClass":"buttonIndisponivel"
|
||||
"availability-subscriber": {
|
||||
"props": {
|
||||
"blockClass": "buttonIndisponivel"
|
||||
}
|
||||
},
|
||||
|
||||
@ -285,7 +308,7 @@
|
||||
},
|
||||
"html#tab-layout": {
|
||||
"props": {
|
||||
"testId": "tab-layout"
|
||||
"testId": "product-description"
|
||||
},
|
||||
"children": ["tab-layout#product"]
|
||||
},
|
||||
@ -408,14 +431,14 @@
|
||||
|
||||
"flex-layout.row#description": {
|
||||
"props": {
|
||||
"blockClass":"divDescription",
|
||||
"blockClass": "divDescription",
|
||||
"marginBottom": 7
|
||||
},
|
||||
"children": ["flex-layout.col#divImgDescription", "product-description"]
|
||||
},
|
||||
"product-description":{
|
||||
"props":{
|
||||
"blockClass":"description"
|
||||
"product-description": {
|
||||
"props": {
|
||||
"blockClass": "description"
|
||||
}
|
||||
},
|
||||
"rich-text#titleSlick": {
|
||||
@ -434,27 +457,40 @@
|
||||
"product-summary.shelf#demo": {
|
||||
"children": ["html#product-summary"]
|
||||
},
|
||||
|
||||
|
||||
"html#product-summary": {
|
||||
"props": {
|
||||
"testId":"vtex-product-summary"
|
||||
"testId": "vtex-product-summary"
|
||||
},
|
||||
"children": [
|
||||
"product-summary-image",
|
||||
"product-summary-name",
|
||||
// "product-summary-description",
|
||||
"product-summary-price"
|
||||
"product-list-price",
|
||||
"product-selling-price"
|
||||
// "product-summary-price"
|
||||
// "product-summary-sku-selector",
|
||||
// "product-summary-buy-button"
|
||||
]
|
||||
},
|
||||
|
||||
"html#slider-layout":{
|
||||
"product-list-price":{
|
||||
"props":{
|
||||
"blockClass":"list-price",
|
||||
"message": "de {listPriceValue} por"
|
||||
}
|
||||
},
|
||||
"product-selling-price":{
|
||||
"props":{
|
||||
"blockClass":"selling-price"
|
||||
}
|
||||
},
|
||||
"html#slider-layout": {
|
||||
"props": {
|
||||
"testId":"product-summary-list"
|
||||
"testId": "product-summary-list"
|
||||
},
|
||||
"children": ["slider-layout#demo-product"]
|
||||
},
|
||||
|
||||
"slider-layout#demo-product": {
|
||||
"props": {
|
||||
"itemsPerPage": {
|
||||
@ -466,26 +502,7 @@
|
||||
"showNavigationArrows": "always",
|
||||
"blockClass": "carousel"
|
||||
}
|
||||
// ,
|
||||
// "children": ["shelf.relatedProducts"]
|
||||
},
|
||||
|
||||
// "rich-text#1": {
|
||||
// "props": {
|
||||
// "text": "Test1"
|
||||
// }
|
||||
// },
|
||||
// "rich-text#2": {
|
||||
// "props": {
|
||||
// "text": "Test2"
|
||||
// }
|
||||
// },
|
||||
// "rich-text#3": {
|
||||
// "props": {
|
||||
// "text": "Test3"
|
||||
// }
|
||||
// },
|
||||
|
||||
"newsletter": {
|
||||
"props": {
|
||||
"blockClass": "newsletter",
|
||||
|
||||
@ -7,12 +7,25 @@
|
||||
*/
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
.listPrice--list-price {
|
||||
display: block;
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
text-decoration-line: line-through;
|
||||
color: #BABABA;
|
||||
}
|
||||
|
||||
.sellingPrice--hasListPrice {
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 25px;
|
||||
line-height: 38px;
|
||||
font-size: 24px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
@ -1,10 +1,25 @@
|
||||
.listPrice--list-price{
|
||||
display: block;
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
text-decoration-line: line-through;
|
||||
color: #BABABA;
|
||||
|
||||
}
|
||||
|
||||
.sellingPrice--hasListPrice {
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 25px;
|
||||
line-height: 38px;
|
||||
color: #000000;
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
|
||||
.installments--divParcelamente {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user