@mirai/core 0.3.134 → 0.3.135-patch

package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap

@@ -0,0 +1,1338 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Booking> partial:<Menu> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view mirai"
+  >
+    <span
+      class="container"
+    />
+    <div
+      class="layer"
+    >
+      <div
+        class="menu visible"
+      >
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 12v2H8v-4h8v2zm2-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z"
+                />
+                <circle
+                  cx="18"
+                  cy="11.5"
+                  r="1"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.print
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.resend_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M5 10h14v2h2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h7v-2H5V10zm0-4h14v2H5V6zm17.84 10.28-.71.71-2.12-2.12.71-.71a.996.996 0 0 1 1.41 0l.71.71c.39.39.39 1.02 0 1.41zm-3.54-.7 2.12 2.12-5.3 5.3H14v-2.12l5.3-5.3z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.edit_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M11.21 20H5V10h14v4.38l2-2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h8.21l-2-2zM5 6h14v2H5V6zm11.54 16.5L13 18.96l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.64 5.66zM10.41 14 12 15.59 10.59 17 9 15.41 7.41 17 6 15.59 7.59 14 6 12.41 7.41 11 9 12.59 10.59 11 12 12.41 10.41 14z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.cancel_booking
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <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.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>
+            </span>
+          </button>
+        </div>
+        <div
+          class="view"
+        >
+          <h3
+            class="text bold headline-3"
+          >
+            user.label.price_summary
+          </h3>
+          <div
+            class="view wide"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action wide"
+              >
+                common.label.base_price
+              </span>
+              <span
+                class="text action"
+              >
+                0,00 £
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <span
+                class="text bold paragraph wide"
+              >
+                common.label.total
+              </span>
+              <span
+                class="text bold paragraph"
+              >
+                198,41 £
+              </span>
+            </div>
+          </div>
+          <div
+            class="view row notification warning inline inline small"
+          >
+            <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="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text small text warning"
+            >
+              <span
+                style="font-weight: bold;"
+              >
+                {{price.description}
+              </span>
+              } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+            </span>
+          </div>
+          <div
+            class="view wide"
+          >
+            <button
+              class="pressable button large wide"
+            >
+              <div
+                class="view busyContainer"
+              >
+                <div
+                  class="view spinner"
+                />
+              </div>
+              <div
+                class="view row children"
+              >
+                user.action.book_now
+              </div>
+            </button>
+            <div
+              class="pressable container overflow"
+              style="height: 768px;"
+            >
+              <div
+                class="view fit modal calcWidth"
+              >
+                <div
+                  class="view forceRow header"
+                >
+                  <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.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>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+            <span
+              class="text small lighten wide"
+            >
+              common.notification.ssl_encryption
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> partial:<Menu> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="container"
+    />
+    <div
+      class="layer"
+    >
+      <div
+        class="menu visible"
+      >
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 12v2H8v-4h8v2zm2-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z"
+                />
+                <circle
+                  cx="18"
+                  cy="11.5"
+                  r="1"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.print
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.resend_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M5 10h14v2h2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h7v-2H5V10zm0-4h14v2H5V6zm17.84 10.28-.71.71-2.12-2.12.71-.71a.996.996 0 0 1 1.41 0l.71.71c.39.39.39 1.02 0 1.41zm-3.54-.7 2.12 2.12-5.3 5.3H14v-2.12l5.3-5.3z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.edit_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M11.21 20H5V10h14v4.38l2-2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h8.21l-2-2zM5 6h14v2H5V6zm11.54 16.5L13 18.96l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.64 5.66zM10.41 14 12 15.59 10.59 17 9 15.41 7.41 17 6 15.59 7.59 14 6 12.41 7.41 11 9 12.59 10.59 11 12 12.41 10.41 14z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.cancel_booking
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <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.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>
+            </span>
+          </button>
+        </div>
+        <div
+          class="view"
+        >
+          <h3
+            class="text bold headline-3"
+          >
+            user.label.price_summary
+          </h3>
+          <div
+            class="view wide"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action wide"
+              >
+                common.label.base_price
+              </span>
+              <span
+                class="text action"
+              >
+                0,00 £
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <span
+                class="text bold paragraph wide"
+              >
+                common.label.total
+              </span>
+              <span
+                class="text bold paragraph"
+              >
+                198,41 £
+              </span>
+            </div>
+          </div>
+          <div
+            class="view row notification warning inline inline small"
+          >
+            <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="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text small text warning"
+            >
+              <span
+                style="font-weight: bold;"
+              >
+                {{price.description}
+              </span>
+              } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+            </span>
+          </div>
+          <div
+            class="view wide"
+          >
+            <button
+              class="pressable button large wide"
+            >
+              <div
+                class="view busyContainer"
+              >
+                <div
+                  class="view spinner"
+                />
+              </div>
+              <div
+                class="view row children"
+              >
+                user.action.book_now
+              </div>
+            </button>
+            <div
+              class="pressable container overflow"
+              style="height: 768px;"
+            >
+              <div
+                class="view fit modal calcWidth"
+              >
+                <div
+                  class="view forceRow header"
+                >
+                  <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.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>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+            <span
+              class="text small lighten wide"
+            >
+              common.notification.ssl_encryption
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> partial:<Menu> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+    data-testid="mirai"
+  >
+    <span
+      class="container"
+    />
+    <div
+      class="layer"
+    >
+      <div
+        class="menu visible"
+      >
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 12v2H8v-4h8v2zm2-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z"
+                />
+                <circle
+                  cx="18"
+                  cy="11.5"
+                  r="1"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.print
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.resend_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M5 10h14v2h2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h7v-2H5V10zm0-4h14v2H5V6zm17.84 10.28-.71.71-2.12-2.12.71-.71a.996.996 0 0 1 1.41 0l.71.71c.39.39.39 1.02 0 1.41zm-3.54-.7 2.12 2.12-5.3 5.3H14v-2.12l5.3-5.3z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.edit_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M11.21 20H5V10h14v4.38l2-2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h8.21l-2-2zM5 6h14v2H5V6zm11.54 16.5L13 18.96l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.64 5.66zM10.41 14 12 15.59 10.59 17 9 15.41 7.41 17 6 15.59 7.59 14 6 12.41 7.41 11 9 12.59 10.59 11 12 12.41 10.41 14z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.cancel_booking
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <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.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>
+            </span>
+          </button>
+        </div>
+        <div
+          class="view"
+        >
+          <h3
+            class="text bold headline-3"
+          >
+            user.label.price_summary
+          </h3>
+          <div
+            class="view wide"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action wide"
+              >
+                common.label.base_price
+              </span>
+              <span
+                class="text action"
+              >
+                0,00 £
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <span
+                class="text bold paragraph wide"
+              >
+                common.label.total
+              </span>
+              <span
+                class="text bold paragraph"
+              >
+                198,41 £
+              </span>
+            </div>
+          </div>
+          <div
+            class="view row notification warning inline inline small"
+          >
+            <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="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text small text warning"
+            >
+              <span
+                style="font-weight: bold;"
+              >
+                {{price.description}
+              </span>
+              } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+            </span>
+          </div>
+          <div
+            class="view wide"
+          >
+            <button
+              class="pressable button large wide"
+            >
+              <div
+                class="view busyContainer"
+              >
+                <div
+                  class="view spinner"
+                />
+              </div>
+              <div
+                class="view row children"
+              >
+                user.action.book_now
+              </div>
+            </button>
+            <div
+              class="pressable container overflow"
+              style="height: 768px;"
+            >
+              <div
+                class="view fit modal calcWidth"
+              >
+                <div
+                  class="view forceRow header"
+                >
+                  <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.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>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+            <span
+              class="text small lighten wide"
+            >
+              common.notification.ssl_encryption
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`component:<Booking> partial:<Menu> with a store 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="container"
+    />
+    <div
+      class="layer"
+    >
+      <div
+        class="menu visible"
+      >
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 12v2H8v-4h8v2zm2-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4h-2z"
+                />
+                <circle
+                  cx="18"
+                  cy="11.5"
+                  r="1"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.print
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.resend_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value divider"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M5 10h14v2h2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h7v-2H5V10zm0-4h14v2H5V6zm17.84 10.28-.71.71-2.12-2.12.71-.71a.996.996 0 0 1 1.41 0l.71.71c.39.39.39 1.02 0 1.41zm-3.54-.7 2.12 2.12-5.3 5.3H14v-2.12l5.3-5.3z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.edit_booking
+            </span>
+          </div>
+        </div>
+        <div
+          class="pressable option value"
+        >
+          <div
+            class="view row wide content"
+          >
+            <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 0h24v24H0z"
+                  fill="none"
+                />
+                <path
+                  d="M11.21 20H5V10h14v4.38l2-2V6c0-1.1-.9-2-2-2h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h8.21l-2-2zM5 6h14v2H5V6zm11.54 16.5L13 18.96l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.64 5.66zM10.41 14 12 15.59 10.59 17 9 15.41 7.41 17 6 15.59 7.59 14 6 12.41 7.41 11 9 12.59 10.59 11 12 12.41 10.41 14z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text paragraph label"
+            >
+              user.action.cancel_booking
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="pressable container overflow"
+      style="height: 768px;"
+    >
+      <div
+        class="view fit modal calcWidth"
+      >
+        <div
+          class="view forceRow header"
+        >
+          <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.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>
+            </span>
+          </button>
+        </div>
+        <div
+          class="view"
+        >
+          <h3
+            class="text bold headline-3"
+          >
+            user.label.price_summary
+          </h3>
+          <div
+            class="view wide"
+          >
+            <div
+              class="view row"
+            >
+              <span
+                class="text action wide"
+              >
+                common.label.base_price
+              </span>
+              <span
+                class="text action"
+              >
+                0,00 £
+              </span>
+            </div>
+            <div
+              class="view row"
+            >
+              <span
+                class="text bold paragraph wide"
+              >
+                common.label.total
+              </span>
+              <span
+                class="text bold paragraph"
+              >
+                198,41 £
+              </span>
+            </div>
+          </div>
+          <div
+            class="view row notification warning inline inline small"
+          >
+            <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="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+                />
+              </svg>
+            </span>
+            <span
+              class="text small text warning"
+            >
+              <span
+                style="font-weight: bold;"
+              >
+                {{price.description}
+              </span>
+              } Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates
+            </span>
+          </div>
+          <div
+            class="view wide"
+          >
+            <button
+              class="pressable button large wide"
+            >
+              <div
+                class="view busyContainer"
+              >
+                <div
+                  class="view spinner"
+                />
+              </div>
+              <div
+                class="view row children"
+              >
+                user.action.book_now
+              </div>
+            </button>
+            <div
+              class="pressable container overflow"
+              style="height: 768px;"
+            >
+              <div
+                class="view fit modal calcWidth"
+              >
+                <div
+                  class="view forceRow header"
+                >
+                  <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.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>
+                    </span>
+                  </button>
+                </div>
+              </div>
+            </div>
+            <span
+              class="text small lighten wide"
+            >
+              common.notification.ssl_encryption
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;