@magento/venia-ui 9.3.0 → 9.4.0-alpha.1

package/lib/components/ProductFullDetail/__tests__/__snapshots__/productFullDetail.spec.js.snap

@@ -91,7 +91,7 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -131,8 +131,8 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -146,15 +146,30 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -221,7 +236,7 @@ exports[`it does not render options if the product is not a ConfigurableProduct
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -261,8 +276,8 @@ exports[`it does not render options if the product is not a ConfigurableProduct
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -276,15 +291,30 @@ exports[`it does not render options if the product is not a ConfigurableProduct
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -385,7 +415,7 @@ exports[`it renders an error for an invalid cart 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -425,8 +455,8 @@ exports[`it renders an error for an invalid cart 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -440,15 +470,30 @@ exports[`it renders an error for an invalid cart 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -549,7 +594,7 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -589,8 +634,8 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -604,15 +649,30 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -714,7 +774,7 @@ Array [
           id="global.quantity"
         />
       </span>
-      QuantityFields
+      QuantityStepper
     </section>
     <section
       className="actions"
@@ -754,8 +814,8 @@ Array [
         className="descriptionTitle"
       >
         <mock-FormattedMessage
-          defaultMessage="Product Description"
-          id="productFullDetail.productDescription"
+          defaultMessage="Description"
+          id="productFullDetail.description"
         />
       </span>
       <RichContent
@@ -769,15 +829,30 @@ Array [
         className="detailsTitle"
       >
         <mock-FormattedMessage
-          defaultMessage="SKU"
-          id="global.sku"
+          defaultMessage="Details"
+          id="productFullDetail.details"
         />
       </span>
-      <strong>
-        BTTF123
-      </strong>
       <CustomAttributes
-        customAttributes={Object {}}
+        customAttributes={
+          Array [
+            Object {
+              "attribute_metadata": Object {
+                "label": "SKU",
+                "ui_input": Object {
+                  "ui_input_type": "TEXT",
+                },
+                "uid": "attribute_sku",
+                "used_in_components": Array [
+                  "PRODUCT_DETAILS_PAGE",
+                ],
+              },
+              "entered_attribute_value": Object {
+                "value": "BTTF123",
+              },
+            },
+          ]
+        }
       />
     </section>
   </form>,
@@ -875,7 +950,7 @@ exports[`it renders correctly 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -915,8 +990,8 @@ exports[`it renders correctly 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -930,15 +1005,30 @@ exports[`it renders correctly 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1035,7 +1125,7 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1075,8 +1165,8 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1090,15 +1180,30 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1195,7 +1300,7 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1235,8 +1340,8 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1250,15 +1355,30 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1355,7 +1475,7 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1395,8 +1515,8 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1410,15 +1530,30 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1519,7 +1654,7 @@ exports[`it renders form level errors 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1559,8 +1694,8 @@ exports[`it renders form level errors 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1574,15 +1709,30 @@ exports[`it renders form level errors 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1679,7 +1829,7 @@ exports[`it renders message with unsupported product type 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1732,8 +1882,8 @@ exports[`it renders message with unsupported product type 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1747,15 +1897,30 @@ exports[`it renders message with unsupported product type 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1822,7 +1987,7 @@ exports[`out of stock disabled CTA button is rendered if out of stock 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -1862,8 +2027,8 @@ exports[`out of stock disabled CTA button is rendered if out of stock 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -1877,15 +2042,30 @@ exports[`out of stock disabled CTA button is rendered if out of stock 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>
@@ -1982,7 +2162,7 @@ exports[`renders a WishlistButton with props 1`] = `
         id="global.quantity"
       />
     </span>
-    QuantityFields
+    QuantityStepper
   </section>
   <section
     className="actions"
@@ -2024,8 +2204,8 @@ exports[`renders a WishlistButton with props 1`] = `
       className="descriptionTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="Product Description"
-        id="productFullDetail.productDescription"
+        defaultMessage="Description"
+        id="productFullDetail.description"
       />
     </span>
     <RichContent
@@ -2039,15 +2219,30 @@ exports[`renders a WishlistButton with props 1`] = `
       className="detailsTitle"
     >
       <mock-FormattedMessage
-        defaultMessage="SKU"
-        id="global.sku"
+        defaultMessage="Details"
+        id="productFullDetail.details"
       />
     </span>
-    <strong>
-      BTTF123
-    </strong>
     <CustomAttributes
-      customAttributes={Object {}}
+      customAttributes={
+        Array [
+          Object {
+            "attribute_metadata": Object {
+              "label": "SKU",
+              "ui_input": Object {
+                "ui_input_type": "TEXT",
+              },
+              "uid": "attribute_sku",
+              "used_in_components": Array [
+                "PRODUCT_DETAILS_PAGE",
+              ],
+            },
+            "entered_attribute_value": Object {
+              "value": "BTTF123",
+            },
+          },
+        ]
+      }
     />
   </section>
 </form>