@magento/venia-ui 8.0.0-alpha.6 → 9.0.0-alpha.3

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

@@ -83,14 +83,14 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -99,6 +99,18 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
     <button
       className="root_highPriority"
       disabled={true}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -106,7 +118,7 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -115,29 +127,29 @@ exports[`it disables the add to cart button when the talon indicates 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -198,14 +210,14 @@ exports[`it does not render options if the product is not a ConfigurableProduct
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -214,6 +226,18 @@ exports[`it does not render options if the product is not a ConfigurableProduct
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -221,7 +245,7 @@ exports[`it does not render options if the product is not a ConfigurableProduct
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -230,29 +254,29 @@ exports[`it does not render options if the product is not a ConfigurableProduct
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -347,14 +371,14 @@ exports[`it renders an error for an invalid cart 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -363,6 +387,18 @@ exports[`it renders an error for an invalid cart 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -370,7 +406,7 @@ exports[`it renders an error for an invalid cart 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -379,29 +415,29 @@ exports[`it renders an error for an invalid cart 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -496,14 +532,14 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -512,6 +548,18 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -519,7 +567,7 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -528,29 +576,29 @@ exports[`it renders an error for an invalid user token when adding to cart 1`] =
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -646,14 +694,14 @@ Array [
     <section
       className="quantity"
     >
-      <h2
+      <span
         className="quantityTitle"
       >
         <mock-FormattedMessage
           defaultMessage="Quantity"
           id="global.quantity"
         />
-      </h2>
+      </span>
       QuantityFields
     </section>
     <section
@@ -662,6 +710,18 @@ Array [
       <button
         className="root_highPriority"
         disabled={false}
+        onClick={[Function]}
+        onDragStart={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        onMouseDown={[Function]}
+        onMouseEnter={[Function]}
+        onMouseLeave={[Function]}
+        onMouseUp={[Function]}
+        onTouchCancel={[Function]}
+        onTouchEnd={[Function]}
+        onTouchMove={[Function]}
+        onTouchStart={[Function]}
         type="submit"
       >
         <span
@@ -669,7 +729,7 @@ Array [
         >
           <mock-FormattedMessage
             defaultMessage="Add to Cart"
-            id="productFullDetail.cartAction"
+            id="productFullDetail.addItemToCart"
           />
         </span>
       </button>
@@ -678,29 +738,29 @@ Array [
     <section
       className="description"
     >
-      <h2
+      <span
         className="descriptionTitle"
       >
         <mock-FormattedMessage
           defaultMessage="Product Description"
           id="productFullDetail.productDescription"
         />
-      </h2>
-      <RichText
-        content="Powers the Delorean"
+      </span>
+      <RichContent
+        html="Powers the Delorean"
       />
     </section>
     <section
       className="details"
     >
-      <h2
+      <span
         className="detailsTitle"
       >
         <mock-FormattedMessage
           defaultMessage="SKU"
           id="global.sku"
         />
-      </h2>
+      </span>
       <strong>
         BTTF123
       </strong>
@@ -792,14 +852,14 @@ exports[`it renders correctly 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -808,6 +868,18 @@ exports[`it renders correctly 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -815,7 +887,7 @@ exports[`it renders correctly 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -824,29 +896,29 @@ exports[`it renders correctly 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -937,14 +1009,14 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -953,6 +1025,18 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -960,7 +1044,7 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -969,29 +1053,29 @@ exports[`it renders field level errors for quantity - message 1 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -1082,14 +1166,14 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -1098,6 +1182,18 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -1105,7 +1201,7 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -1114,29 +1210,29 @@ exports[`it renders field level errors for quantity - message 2 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -1227,14 +1323,14 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -1243,6 +1339,18 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -1250,7 +1358,7 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -1259,29 +1367,29 @@ exports[`it renders field level errors for quantity - message 3 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -1376,14 +1484,14 @@ exports[`it renders form level errors 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -1392,6 +1500,18 @@ exports[`it renders form level errors 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -1399,7 +1519,7 @@ exports[`it renders form level errors 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -1408,29 +1528,29 @@ exports[`it renders form level errors 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -1521,14 +1641,14 @@ exports[`it renders message with unsupported product type 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -1539,13 +1659,13 @@ exports[`it renders message with unsupported product type 1`] = `
     >
       <svg
         fill="none"
-        height="24"
+        height={24}
         stroke="currentColor"
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth="2"
         viewBox="0 0 24 24"
-        width="24"
+        width={24}
         xmlns="http://www.w3.org/2000/svg"
       >
         <circle
@@ -1561,7 +1681,7 @@ exports[`it renders message with unsupported product type 1`] = `
         />
         <line
           x1="12"
-          x2="12"
+          x2="12.01"
           y1="8"
           y2="8"
         />
@@ -1578,29 +1698,156 @@ exports[`it renders message with unsupported product type 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
+      className="descriptionTitle"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Product Description"
+        id="productFullDetail.productDescription"
+      />
+    </span>
+    <RichContent
+      html="Powers the Delorean"
+    />
+  </section>
+  <section
+    className="details"
+  >
+    <span
+      className="detailsTitle"
+    >
+      <mock-FormattedMessage
+        defaultMessage="SKU"
+        id="global.sku"
+      />
+    </span>
+    <strong>
+      BTTF123
+    </strong>
+  </section>
+</form>
+`;
+
+exports[`out of stock disabled CTA button is rendered if out of stock 1`] = `
+<form
+  className="root"
+  onKeyDown={[Function]}
+  onReset={[Function]}
+  onSubmit={[Function]}
+>
+  <section
+    className="title"
+  >
+    <h1
+      className="productName"
+    >
+      Flux Capacitor
+    </h1>
+    <p
+      className="productPrice"
+    >
+      <span>
+        $
+      </span>
+      <span>
+        3
+      </span>
+      <span>
+        .
+      </span>
+      <span>
+        50
+      </span>
+    </p>
+  </section>
+  <section
+    className="imageCarousel"
+  >
+    <ProductImageCarousel
+      images={Array []}
+    />
+  </section>
+  <FormError
+    classes={
+      Object {
+        "root": "formErrors",
+      }
+    }
+    errors={Array []}
+  />
+  <section
+    className="options"
+  />
+  <section
+    className="quantity"
+  >
+    <span
+      className="quantityTitle"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Quantity"
+        id="global.quantity"
+      />
+    </span>
+    QuantityFields
+  </section>
+  <section
+    className="actions"
+  >
+    <button
+      className="root_highPriority"
+      disabled={true}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
+      type="submit"
+    >
+      <span
+        className="content"
+      >
+        <mock-FormattedMessage
+          defaultMessage="Out of Stock"
+          id="productFullDetail.itemOutOfStock"
+        />
+      </span>
+    </button>
+    <require('../Wishlist/AddToListButton') />
+  </section>
+  <section
+    className="description"
+  >
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>
@@ -1691,14 +1938,14 @@ exports[`renders a WishlistButton with props 1`] = `
   <section
     className="quantity"
   >
-    <h2
+    <span
       className="quantityTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Quantity"
         id="global.quantity"
       />
-    </h2>
+    </span>
     QuantityFields
   </section>
   <section
@@ -1707,6 +1954,18 @@ exports[`renders a WishlistButton with props 1`] = `
     <button
       className="root_highPriority"
       disabled={false}
+      onClick={[Function]}
+      onDragStart={[Function]}
+      onKeyDown={[Function]}
+      onKeyUp={[Function]}
+      onMouseDown={[Function]}
+      onMouseEnter={[Function]}
+      onMouseLeave={[Function]}
+      onMouseUp={[Function]}
+      onTouchCancel={[Function]}
+      onTouchEnd={[Function]}
+      onTouchMove={[Function]}
+      onTouchStart={[Function]}
       type="submit"
     >
       <span
@@ -1714,7 +1973,7 @@ exports[`renders a WishlistButton with props 1`] = `
       >
         <mock-FormattedMessage
           defaultMessage="Add to Cart"
-          id="productFullDetail.cartAction"
+          id="productFullDetail.addItemToCart"
         />
       </span>
     </button>
@@ -1725,29 +1984,29 @@ exports[`renders a WishlistButton with props 1`] = `
   <section
     className="description"
   >
-    <h2
+    <span
       className="descriptionTitle"
     >
       <mock-FormattedMessage
         defaultMessage="Product Description"
         id="productFullDetail.productDescription"
       />
-    </h2>
-    <RichText
-      content="Powers the Delorean"
+    </span>
+    <RichContent
+      html="Powers the Delorean"
     />
   </section>
   <section
     className="details"
   >
-    <h2
+    <span
       className="detailsTitle"
     >
       <mock-FormattedMessage
         defaultMessage="SKU"
         id="global.sku"
       />
-    </h2>
+    </span>
     <strong>
       BTTF123
     </strong>