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

react/components/Html/style.css

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

react/components/PixDiscount/index.tsx

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

store/blocks/pdp/product.jsonc

@@ -114,6 +114,14 @@
     "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": {
     "props": {
       "testId": "sku-selector"
@@ -139,12 +147,12 @@
 
   "product-installments#installment": {
     "props": {
-      "markers": ["portion"],
+      "markers": ["portion", "portion2"],
       "installmentOptionsFilter": {
-        "paymenSystemName": "Mastercard",
+        "paymentSystemName": "Mastercard",
         "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"
     }
   },
@@ -152,7 +160,8 @@
   "html#pix-component": {
     "props": {
       "tag": "section",
-      "testId": "pix-price"
+      "testId": "pix-price",
+      "blockClass": "pix-component"
     },
     "children": ["pix-component"]
   },
@@ -200,12 +209,6 @@
   },
 
   "flex-layout.row#product-availability": {
-    "props": {
-      "colGap": 7,
-      "marginTop": 4,
-      "marginBottom": 7,
-      "paddingTop": 7
-    },
     "children": [
       "flex-layout.col#stack",
       "flex-layout.col#right-col-availability"

styles/css/vtex.product-price.css

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

styles/sass/pages/product/vtexProduct/vtex.product-price.scss

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