@mirai/core 0.2.18 → 0.3.1

package/build/components/BookingQuery/__tests__/__snapshots__/BookingQuery.test.js.snap

@@ -0,0 +1,1106 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<BookingQuery> Using ghost feature renders 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div>
+      <button>
+        hello
+      </button>
+    </div>
+  </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.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                name="pinCode"
+                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>
+        <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"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingQuery> Using ghost feature with a store using ghost feature 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div>
+      <button>
+        hello
+      </button>
+    </div>
+  </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.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                name="pinCode"
+                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>
+        <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"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingQuery> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <span
+      class="text paragraph"
+    />
+  </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.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                name="pinCode"
+                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>
+        <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"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingQuery> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <span
+      class="text paragraph"
+    />
+  </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.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                name="pinCode"
+                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>
+        <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"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingQuery> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+    data-testid="mirai-button-open-modal"
+  >
+    <span
+      class="text paragraph"
+    />
+  </div>
+  <div
+    class="pressable container overflow"
+    data-testid="mirai-modal-overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+      data-testid="mirai-modal"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+          data-testid="mirai-modal-button-close"
+        >
+          <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
+        data-testid="mirai"
+      >
+        <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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                data-testid="mirai-input-id"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                data-testid="mirai-input-pinCode"
+                name="pinCode"
+                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>
+        <button
+          class="pressable disabled button large disabled wide"
+          data-testid="mirai-button-cta"
+          disabled=""
+          type="submit"
+        >
+          <div
+            class="view busyContainer"
+          >
+            <div
+              class="view spinner"
+            />
+          </div>
+          <div
+            class="view row children"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<BookingQuery> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <span
+      class="text paragraph"
+    />
+  </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.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          title
+        </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"
+              >
+                user.label.booking_code
+              </span>
+              <input
+                class="input input withLabel"
+                name="id"
+                required=""
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                user.label.pincode
+              </span>
+              <input
+                class="input input withLabel"
+                name="pinCode"
+                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>
+        <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"
+          >
+            user.action.booking_query_cta
+          </div>
+        </button>
+        <span
+          class="text bold small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_title
+        </span>
+        <span
+          class="text small"
+        >
+          user.label.booking
+          <span
+            style="text-decoration: underline;"
+          >
+            query
+          </span>
+          info_text
+        </span>
+      </form>
+    </div>
+  </div>
+</DocumentFragment>
+`;