@mirai/core 0.2.18 → 0.3.1

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

@@ -0,0 +1,770 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Checkout> partial:<Session> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification info outlined small wide mirai"
+    datasource="[object Object]"
+  >
+    <span
+      class="icon paragraph 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="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+        />
+      </svg>
+    </span>
+    <span
+      class="text small text"
+    >
+      user.notification.session_booking
+    </span>
+  </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            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.41L17.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>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.email
+              </span>
+              <input
+                class="input input withLabel"
+                name="email"
+                required=""
+                type="email"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.password
+              </span>
+              <input
+                class="input input withLabel"
+                name="password"
+                required=""
+                type="password"
+                value=""
+              />
+            </div>
+            <div
+              class="pressable"
+              tabindex="-1"
+            >
+              <span
+                class="icon headline-3 icon password"
+              >
+                <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 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="view wide"
+        >
+          <div
+            class="pressable action"
+          >
+            user.action.reset
+          </div>
+        </div>
+        <button
+          class="pressable disabled button large disabled wide"
+          disabled=""
+          type="submit"
+        >
+          <div
+            class="view busyContainer"
+          >
+            <div
+              class="view spinner"
+            />
+          </div>
+          <div
+            class="view row children"
+          >
+            common.action.login
+          </div>
+        </button>
+      </form>
+      <div
+        class="pressable action large wide"
+      >
+        user.action.signup
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Session> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification info outlined small wide"
+    datasource="[object Object]"
+  >
+    <span
+      class="icon paragraph 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="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+        />
+      </svg>
+    </span>
+    <span
+      class="text small text"
+    >
+      user.notification.session_booking
+    </span>
+  </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            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.41L17.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>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.email
+              </span>
+              <input
+                class="input input withLabel"
+                name="email"
+                required=""
+                type="email"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.password
+              </span>
+              <input
+                class="input input withLabel"
+                name="password"
+                required=""
+                type="password"
+                value=""
+              />
+            </div>
+            <div
+              class="pressable"
+              tabindex="-1"
+            >
+              <span
+                class="icon headline-3 icon password"
+              >
+                <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 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="view wide"
+        >
+          <div
+            class="pressable action"
+          >
+            user.action.reset
+          </div>
+        </div>
+        <button
+          class="pressable disabled button large disabled wide"
+          disabled=""
+          type="submit"
+        >
+          <div
+            class="view busyContainer"
+          >
+            <div
+              class="view spinner"
+            />
+          </div>
+          <div
+            class="view row children"
+          >
+            common.action.login
+          </div>
+        </button>
+      </form>
+      <div
+        class="pressable action large wide"
+      >
+        user.action.signup
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Session> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification info outlined small wide"
+    data-testid="mirai"
+    datasource="[object Object]"
+  >
+    <span
+      class="icon paragraph 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="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+        />
+      </svg>
+    </span>
+    <span
+      class="text small text"
+    >
+      user.notification.session_booking
+    </span>
+  </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            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.41L17.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>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.email
+              </span>
+              <input
+                class="input input withLabel"
+                name="email"
+                required=""
+                type="email"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.password
+              </span>
+              <input
+                class="input input withLabel"
+                name="password"
+                required=""
+                type="password"
+                value=""
+              />
+            </div>
+            <div
+              class="pressable"
+              tabindex="-1"
+            >
+              <span
+                class="icon headline-3 icon password"
+              >
+                <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 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="view wide"
+        >
+          <div
+            class="pressable action"
+          >
+            user.action.reset
+          </div>
+        </div>
+        <button
+          class="pressable disabled button large disabled wide"
+          disabled=""
+          type="submit"
+        >
+          <div
+            class="view busyContainer"
+          >
+            <div
+              class="view spinner"
+            />
+          </div>
+          <div
+            class="view row children"
+          >
+            common.action.login
+          </div>
+        </button>
+      </form>
+      <div
+        class="pressable action large wide"
+      >
+        user.action.signup
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Checkout> partial:<Session> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view row notification info outlined small wide"
+    datasource="[object Object]"
+  >
+    <span
+      class="icon paragraph 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="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+        />
+      </svg>
+    </span>
+    <span
+      class="text small text"
+    >
+      user.notification.session_booking
+    </span>
+  </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            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.41L17.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>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.email
+              </span>
+              <input
+                class="input input withLabel"
+                name="email"
+                required=""
+                type="email"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                common.label.password
+              </span>
+              <input
+                class="input input withLabel"
+                name="password"
+                required=""
+                type="password"
+                value=""
+              />
+            </div>
+            <div
+              class="pressable"
+              tabindex="-1"
+            >
+              <span
+                class="icon headline-3 icon password"
+              >
+                <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 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                    fill="none"
+                  />
+                  <path
+                    d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div
+          class="view wide"
+        >
+          <div
+            class="pressable action"
+          >
+            user.action.reset
+          </div>
+        </div>
+        <button
+          class="pressable disabled button large disabled wide"
+          disabled=""
+          type="submit"
+        >
+          <div
+            class="view busyContainer"
+          >
+            <div
+              class="view spinner"
+            />
+          </div>
+          <div
+            class="view row children"
+          >
+            common.action.login
+          </div>
+        </button>
+      </form>
+      <div
+        class="pressable action large wide"
+      >
+        user.action.signup
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;