feat(product): adicionando testId pix-component de maneira correta

This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2023-02-08 14:32:09 -03:00
parent 0f3a21964e
commit b5945b81e3
5 changed files with 22 additions and 14 deletions

View File

@ -10,3 +10,8 @@
[class*="html--cep"] { [class*="html--cep"] {
margin: 16px 0; margin: 16px 0;
} }
[class*="agenciamagma-store-theme-5-x-html--pix-component" ]{
margin: 0;
padding: 0;
}

View File

@ -23,9 +23,9 @@ const PixDiscount = () => {
className={styles["pixContainer__img"]} className={styles["pixContainer__img"]}
/> />
<div className={styles["pixContainer__discount"]}> <div className={styles["pixContainer__discount"]}>
<span className={styles["pixContainer__priceFinal"]}> <p className={styles["pixContainer__priceFinal"]}>
R$&nbsp;{pixPrice?.toFixed(2).toString().replace(".", ",")} R$&nbsp;{pixPrice?.toFixed(2).toString().replace(".", ",")}
</span> </p>
<span className={styles["pixContainer__discount__value"]}> <span className={styles["pixContainer__discount__value"]}>
10% de desconto 10% de desconto
</span> </span>

View File

@ -114,6 +114,14 @@
"children": ["vtex.store-components:product-name"] "children": ["vtex.store-components:product-name"]
}, },
// "html#flex-layout.row#selling-price": {
// "props": {
// "testId": "product-price",
// "tag": "span"
// },
// "children": ["flex-layout.row#selling-price"]
// },
"html#sku-selector": { "html#sku-selector": {
"props": { "props": {
"testId": "sku-selector" "testId": "sku-selector"
@ -139,12 +147,12 @@
"product-installments#installment": { "product-installments#installment": {
"props": { "props": {
"markers": ["portion"], "markers": ["portion", "portion2"],
"installmentOptionsFilter": { "installmentOptionsFilter": {
"paymenSystemName": "Mastercard", "paymentSystemName": "Mastercard",
"installmentsQuantity": 4 "installmentsQuantity": 4
}, },
"message": "{installmentsNumber}x <portion>de</portion> {installmentValue} <portion>sem juros</portion>", "message": "{installmentsNumber}x <portion>de</portion> {installmentValue} <portion2>sem juros</portion2>",
"blockClas": "installment" "blockClas": "installment"
} }
}, },
@ -152,7 +160,8 @@
"html#pix-component": { "html#pix-component": {
"props": { "props": {
"tag": "section", "tag": "section",
"testId": "pix-price" "testId": "pix-price",
"blockClass": "pix-component"
}, },
"children": ["pix-component"] "children": ["pix-component"]
}, },
@ -200,12 +209,6 @@
}, },
"flex-layout.row#product-availability": { "flex-layout.row#product-availability": {
"props": {
"colGap": 7,
"marginTop": 4,
"marginBottom": 7,
"paddingTop": 7
},
"children": [ "children": [
"flex-layout.col#stack", "flex-layout.col#stack",
"flex-layout.col#right-col-availability" "flex-layout.col#right-col-availability"

View File

@ -27,6 +27,6 @@
height: 22px; height: 22px;
color: #929292; color: #929292;
} }
.installments .installments-portion { .installments .installments-portion, .installments .installments-portion2 {
font-weight: 400; font-weight: 400;
} }

View File

@ -17,7 +17,7 @@
height: 22px; height: 22px;
color: #929292; color: #929292;
.installments-portion { .installments-portion, .installments-portion2 {
font-weight: 400; font-weight: 400;
} }