@magento/venia-ui 9.2.0-alpha.3 → 9.3.0-alpha.1

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/discountSummary.spec.js.snap

@@ -1,62 +1,516 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders accumulated discount value 1`] = `
+exports[`renders "Discount applied" label if label data is empty 1`] = `
 Array [
-  <span
-    className="lineItemLabel"
-  >
-    <mock-FormattedMessage
-      defaultMessage="Discounts applied"
-      id="discountSummary.lineItemLabel"
-    />
-  </span>,
-  <span
-    className="price"
+  <li
+    className="discountLineItems"
   >
-    -
-    <span>
-      $
+    <span
+      className="discountLineItemLabel"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Applied discounts"
+        id="discountSummary.lineItemLabel"
+      />
+      <button
+        aria-expanded={false}
+        aria-label="Show individual discounts."
+        className="discountsButton"
+        onClick={[Function]}
+        type="button"
+      >
+        <span
+          className="root"
+        >
+          <svg
+            className="icon"
+            fill="none"
+            height={24}
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
     </span>
-    <span>
-      2
+    <span
+      className="price"
+    >
+      -
+      <span>
+        $
+      </span>
+      <span>
+        1
+      </span>
+      <span>
+        .
+      </span>
+      <span>
+        00
+      </span>
     </span>
-    <span>
-      .
+  </li>,
+  <div
+    aria-hidden={true}
+    className="rah-static rah-static--height-zero"
+    style={
+      Object {
+        "height": 0,
+        "overflow": "hidden",
+      }
+    }
+  >
+    <div
+      style={Object {}}
+    >
+      <ul
+        className="individualDiscountsList"
+      >
+        <hr
+          className="individualDiscountSeparator"
+        />
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span />
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              1
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <hr
+          className="individualDiscountSeparator"
+        />
+      </ul>
+    </div>
+  </div>,
+]
+`;
+
+exports[`renders accumulated discount value 1`] = `
+Array [
+  <li
+    className="discountLineItems"
+  >
+    <span
+      className="discountLineItemLabel"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Applied discounts"
+        id="discountSummary.lineItemLabel"
+      />
+      <button
+        aria-expanded={false}
+        aria-label="Show individual discounts."
+        className="discountsButton"
+        onClick={[Function]}
+        type="button"
+      >
+        <span
+          className="root"
+        >
+          <svg
+            className="icon"
+            fill="none"
+            height={24}
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
     </span>
-    <span>
-      00
+    <span
+      className="price"
+    >
+      -
+      <span>
+        $
+      </span>
+      <span>
+        2
+      </span>
+      <span>
+        .
+      </span>
+      <span>
+        00
+      </span>
     </span>
-  </span>,
+  </li>,
+  <div
+    aria-hidden={true}
+    className="rah-static rah-static--height-zero"
+    style={
+      Object {
+        "height": 0,
+        "overflow": "hidden",
+      }
+    }
+  >
+    <div
+      style={Object {}}
+    >
+      <ul
+        className="individualDiscountsList"
+      >
+        <hr
+          className="individualDiscountSeparator"
+        />
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span>
+              Discount 1
+            </span>
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              0
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span>
+              Discount 2
+            </span>
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              1
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span>
+              Discount 3
+            </span>
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              1
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <hr
+          className="individualDiscountSeparator"
+        />
+      </ul>
+    </div>
+  </div>,
 ]
 `;
 
-exports[`renders discount summary line item correctly 1`] = `
+exports[`renders discount label value from data  1`] = `
 Array [
-  <span
-    className="lineItemLabel"
-  >
-    <mock-FormattedMessage
-      defaultMessage="Discounts applied"
-      id="discountSummary.lineItemLabel"
-    />
-  </span>,
-  <span
-    className="price"
+  <li
+    className="discountLineItems"
   >
-    -
-    <span>
-      $
+    <span
+      className="discountLineItemLabel"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Applied discounts"
+        id="discountSummary.lineItemLabel"
+      />
+      <button
+        aria-expanded={false}
+        aria-label="Show individual discounts."
+        className="discountsButton"
+        onClick={[Function]}
+        type="button"
+      >
+        <span
+          className="root"
+        >
+          <svg
+            className="icon"
+            fill="none"
+            height={24}
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
     </span>
-    <span>
-      10
+    <span
+      className="price"
+    >
+      -
+      <span>
+        $
+      </span>
+      <span>
+        1
+      </span>
+      <span>
+        .
+      </span>
+      <span>
+        00
+      </span>
     </span>
-    <span>
-      .
+  </li>,
+  <div
+    aria-hidden={true}
+    className="rah-static rah-static--height-zero"
+    style={
+      Object {
+        "height": 0,
+        "overflow": "hidden",
+      }
+    }
+  >
+    <div
+      style={Object {}}
+    >
+      <ul
+        className="individualDiscountsList"
+      >
+        <hr
+          className="individualDiscountSeparator"
+        />
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span>
+              Rebate
+            </span>
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              1
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <hr
+          className="individualDiscountSeparator"
+        />
+      </ul>
+    </div>
+  </div>,
+]
+`;
+
+exports[`renders discount summary line item correctly 1`] = `
+Array [
+  <li
+    className="discountLineItems"
+  >
+    <span
+      className="discountLineItemLabel"
+    >
+      <mock-FormattedMessage
+        defaultMessage="Applied discounts"
+        id="discountSummary.lineItemLabel"
+      />
+      <button
+        aria-expanded={false}
+        aria-label="Show individual discounts."
+        className="discountsButton"
+        onClick={[Function]}
+        type="button"
+      >
+        <span
+          className="root"
+        >
+          <svg
+            className="icon"
+            fill="none"
+            height={24}
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="2"
+            viewBox="0 0 24 24"
+            width={24}
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <polyline
+              points="6 9 12 15 18 9"
+            />
+          </svg>
+        </span>
+      </button>
     </span>
-    <span>
-      00
+    <span
+      className="price"
+    >
+      -
+      <span>
+        $
+      </span>
+      <span>
+        10
+      </span>
+      <span>
+        .
+      </span>
+      <span>
+        00
+      </span>
     </span>
-  </span>,
+  </li>,
+  <div
+    aria-hidden={true}
+    className="rah-static rah-static--height-zero"
+    style={
+      Object {
+        "height": 0,
+        "overflow": "hidden",
+      }
+    }
+  >
+    <div
+      style={Object {}}
+    >
+      <ul
+        className="individualDiscountsList"
+      >
+        <hr
+          className="individualDiscountSeparator"
+        />
+        <li
+          className="individualDiscountsListLineItem"
+        >
+          <span
+            className="lineItemLabel"
+          >
+            <span>
+              Special rebate
+            </span>
+          </span>
+          <span
+            className="price"
+          >
+            -
+            <span>
+              $
+            </span>
+            <span>
+              10
+            </span>
+            <span>
+              .
+            </span>
+            <span>
+              00
+            </span>
+          </span>
+        </li>
+        <hr
+          className="individualDiscountSeparator"
+        />
+      </ul>
+    </div>
+  </div>,
 ]
 `;
 

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/giftCardSummary.ce.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`#GiftCardSummary CE renders 1`] = `null`;

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/{giftCardSummary.spec.js.snap → giftCardSummary.ee.spec.js.snap}

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders accumulated gift card value 1`] = `
+exports[`#GiftCardSummary EE renders accumulated gift card value 1`] = `
 Array [
   <span
     className="lineItemLabel"
@@ -30,7 +30,7 @@ Array [
 ]
 `;
 
-exports[`renders gift card summary line item correctly 1`] = `
+exports[`#GiftCardSummary EE renders gift card summary line item correctly 1`] = `
 Array [
   <span
     className="lineItemLabel"
@@ -60,6 +60,6 @@ Array [
 ]
 `;
 
-exports[`renders nothing if gift card data is empty 1`] = `null`;
+exports[`#GiftCardSummary EE renders nothing if gift card data is empty 1`] = `null`;
 
-exports[`renders nothing if gift card value is "0" 1`] = `null`;
+exports[`#GiftCardSummary EE renders nothing if gift card value is "0" 1`] = `null`;

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/giftOptionsSummary.ce.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`#GiftOptionsSummary CE renders 1`] = `null`;

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/giftOptionsSummary.ee.spec.js.snap

@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`#GiftOptionsSummary EE renders accumulated gift options value 1`] = `
+Array [
+  <span
+    className="lineItemLabel"
+  >
+    <mock-FormattedMessage
+      defaultMessage="Printed Card"
+      id="giftOptionsSummary.lineItemLabel"
+    />
+  </span>,
+  <span
+    className="price"
+  >
+    <span>
+      $
+    </span>
+    <span>
+      10
+    </span>
+    <span>
+      .
+    </span>
+    <span>
+      00
+    </span>
+  </span>,
+]
+`;
+
+exports[`#GiftOptionsSummary EE renders gift options summary line item correctly 1`] = `
+Array [
+  <span
+    className="lineItemLabel"
+  >
+    <mock-FormattedMessage
+      defaultMessage="Printed Card"
+      id="giftOptionsSummary.lineItemLabel"
+    />
+  </span>,
+  <span
+    className="price"
+  >
+    <span>
+      $
+    </span>
+    <span>
+      10
+    </span>
+    <span>
+      .
+    </span>
+    <span>
+      00
+    </span>
+  </span>,
+]
+`;
+
+exports[`#GiftOptionsSummary EE renders nothing if gift options data is empty 1`] = `null`;
+
+exports[`#GiftOptionsSummary EE renders nothing if gift options value is "0" 1`] = `null`;