@mirai/core 0.4.648 → 0.4.650

package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap

@@ -0,0 +1,412 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    variant="A"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    variant="B"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Checkout> partial:<Confirmation> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Checkout> partial:<Confirmation> renders 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Checkout> partial:<Confirmation> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    data-testid="mirai"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<Checkout> partial:<Confirmation> with a store 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-button
+      class="pressable button large wide"
+      data-testid="checkout-button"
+      tabindex="0"
+    >
+      <ui-view
+        class="view busyContainer"
+      >
+        <ui-view
+          class="view spinner"
+        />
+      </ui-view>
+      <ui-view
+        class="view row children"
+      >
+        core.action.book_now
+      </ui-view>
+    </ui-button>
+    <ui-modal-overflow
+      class="pressable container overflow"
+      style="height: 768px;"
+      tabindex="-1"
+    >
+      <ui-modal
+        class="view fit modal calcWidth"
+        inert=""
+      >
+        <ui-view
+          class="view row header hideBack"
+        >
+          <ui-button
+            class="pressable button small squared transparent"
+            tabindex="0"
+          >
+            <ui-icon
+              class="icon headline-3 icon"
+            >
+              <svg
+                fill="currentColor"
+                height="1em"
+                stroke="currentColor"
+                stroke-width="0"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M0 0h24v24H0V0z"
+                  fill="none"
+                />
+                <path
+                  d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+                />
+              </svg>
+            </ui-icon>
+          </ui-button>
+        </ui-view>
+      </ui-modal>
+    </ui-modal-overflow>
+  </ui-view>
+</DocumentFragment>
+`;