@mirai/core 0.4.648 → 0.4.650

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

@@ -0,0 +1,463 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Booking> partial:<ModalCalendar> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal mirai"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> prop:dataSource 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> prop:onClose 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> prop:onConfirm 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> renders 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> testID 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    data-testid="mirai-overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      data-testid="mirai"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          data-testid="mirai-button-close"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> with a store 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> with store calendar config 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCalendar> without onConfirm callback 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow"
+    style="height: 768px;"
+    tabindex="-1"
+  >
+    <ui-modal
+      class="view fit modal"
+      inert=""
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.when
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,255 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`<Booking> partial:<ModalCesSurvey> renders 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow visible onOverflow"
+    data-testid="booking-ces-survey-overflow"
+    style="height: 768px;"
+    tabindex="0"
+  >
+    <ui-modal
+      class="view fit modal visible"
+      data-testid="booking-ces-survey"
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.ces_survey_title
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          data-testid="booking-ces-survey-button-close"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+      <ui-view
+        class="view"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          core.label.ces_survey_question
+        </ui-text>
+        <ui-view
+          class="view row"
+        >
+          <ui-button
+            class="pressable button squared secondary"
+            data-testid="booking-ces-survey-score-1"
+            tabindex="0"
+          >
+            1
+          </ui-button>
+          <ui-button
+            class="pressable button squared secondary"
+            data-testid="booking-ces-survey-score-2"
+            tabindex="0"
+          >
+            2
+          </ui-button>
+          <ui-button
+            class="pressable button squared secondary"
+            data-testid="booking-ces-survey-score-3"
+            tabindex="0"
+          >
+            3
+          </ui-button>
+          <ui-button
+            class="pressable button squared secondary"
+            data-testid="booking-ces-survey-score-4"
+            tabindex="0"
+          >
+            4
+          </ui-button>
+          <ui-button
+            class="pressable button squared secondary"
+            data-testid="booking-ces-survey-score-5"
+            tabindex="0"
+          >
+            5
+          </ui-button>
+        </ui-view>
+        <ui-view
+          class="view row"
+        >
+          <ui-text
+            class="text bold light action"
+          >
+            core.label.ces_survey_not_easy
+          </ui-text>
+          <ui-text
+            class="text bold light action"
+          >
+            core.label.ces_survey_very_easy
+          </ui-text>
+        </ui-view>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-button
+          class="pressable disabled button disabled wide"
+          data-testid="booking-ces-survey-next"
+          disabled=""
+        >
+          <ui-view
+            class="view busyContainer"
+          >
+            <ui-view
+              class="view spinner"
+            />
+          </ui-view>
+          <ui-view
+            class="view row children"
+          >
+            core.action.next
+          </ui-view>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;
+
+exports[`<Booking> partial:<ModalCesSurvey> submits score and opens comment step 1`] = `
+<DocumentFragment>
+  <ui-modal-overflow
+    class="pressable container overflow visible onOverflow"
+    data-testid="booking-ces-survey-overflow"
+    style="height: 768px;"
+    tabindex="0"
+  >
+    <ui-modal
+      class="view fit modal visible"
+      data-testid="booking-ces-survey"
+    >
+      <ui-view
+        class="view row header hideBack"
+      >
+        <ui-text
+          class="text medium headline-3 title"
+        >
+          core.label.ces_survey_title
+        </ui-text>
+        <ui-button
+          class="pressable button small squared transparent"
+          data-testid="booking-ces-survey-button-close"
+          tabindex="0"
+        >
+          <ui-icon
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </ui-icon>
+        </ui-button>
+      </ui-view>
+      <ui-view
+        class="view"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          core.label.ces_survey_comment_question
+        </ui-text>
+        <ui-input-text
+          class="view inputContainer"
+        >
+          <ui-view
+            class="view row inputBorder"
+          >
+            <ui-view
+              class="view wide content"
+            >
+              <ui-label
+                class="text paragraph text label"
+                htmlfor="comment"
+                id="comment-label"
+              >
+                core.label.ces_survey_comment
+              </ui-label>
+              <textarea
+                aria-labelledby="comment-label"
+                class="input input withLabel multiLine"
+                data-testid="booking-ces-survey-comment"
+                id="comment"
+                name="comment"
+              />
+            </ui-view>
+          </ui-view>
+        </ui-input-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-button
+          class="pressable button secondary wide"
+          data-testid="booking-ces-survey-skip"
+          tabindex="0"
+        >
+          core.action.skip
+        </ui-button>
+        <ui-button
+          class="pressable disabled button disabled wide"
+          data-testid="booking-ces-survey-send"
+          disabled=""
+        >
+          <ui-view
+            class="view busyContainer"
+          >
+            <ui-view
+              class="view spinner"
+            />
+          </ui-view>
+          <ui-view
+            class="view row children"
+          >
+            common.action.send
+          </ui-view>
+        </ui-button>
+      </ui-view>
+    </ui-modal>
+  </ui-modal-overflow>
+</DocumentFragment>
+`;