@mirai/core 0.2.19 → 0.3.2

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

@@ -0,0 +1,1023 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component:<Signup> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  >
+    <h2
+      class="text bold headline-2"
+    >
+      user.label.title_signup
+    </h2>
+    <span
+      class="text paragraph"
+    >
+      user.label.description_signup
+    </span>
+  </div>
+  <form>
+    <span
+      class="text small"
+    >
+      <span>
+        *
+      </span>
+       common.label.required_field
+    </span>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.name
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="firstName"
+            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"
+          >
+            common.label.lastname
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="lastName"
+            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"
+          >
+            common.label.email
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="email"
+            required=""
+            type="email"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            user.label.date_of_birth
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            maxlength="10"
+            name="dateOfBirth"
+            placeholder="DD/MM/YYYY"
+            required=""
+            type="inputDate"
+            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.country
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <select
+            class="select empty input withLabel empty"
+            name="country"
+            placeholder="common.label.select"
+            required=""
+          />
+        </div>
+        <span
+          class="icon headline-3 icon select"
+        >
+          <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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.password
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="password"
+            required=""
+            type="password"
+            value=""
+          />
+        </div>
+        <div
+          class="pressable"
+          tabindex="-1"
+        >
+          <span
+            class="icon headline-3 icon password"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+      <span
+        class="text small text hint"
+      >
+        user.label.password_hint
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          checked=""
+          class="checked input"
+          name="subscribed"
+          type="checkbox"
+          value="true"
+        />
+        <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="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            />
+          </svg>
+        </span>
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.subscribe
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          class="input"
+          name="privacy"
+          type="checkbox"
+          value=""
+        />
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.privacy_policy
+        <span
+          class="required"
+        >
+           *
+        </span>
+      </span>
+    </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.signup
+      </div>
+    </button>
+  </form>
+</DocumentFragment>
+`;
+
+exports[`component:<Signup> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  >
+    <h2
+      class="text bold headline-2"
+    >
+      user.label.title_signup
+    </h2>
+    <span
+      class="text paragraph"
+    >
+      user.label.description_signup
+    </span>
+  </div>
+  <form>
+    <span
+      class="text small"
+    >
+      <span>
+        *
+      </span>
+       common.label.required_field
+    </span>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.name
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="firstName"
+            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"
+          >
+            common.label.lastname
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="lastName"
+            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"
+          >
+            common.label.email
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="email"
+            required=""
+            type="email"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            user.label.date_of_birth
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            maxlength="10"
+            name="dateOfBirth"
+            placeholder="DD/MM/YYYY"
+            required=""
+            type="inputDate"
+            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.country
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <select
+            class="select empty input withLabel empty"
+            name="country"
+            placeholder="common.label.select"
+            required=""
+          />
+        </div>
+        <span
+          class="icon headline-3 icon select"
+        >
+          <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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.password
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="password"
+            required=""
+            type="password"
+            value=""
+          />
+        </div>
+        <div
+          class="pressable"
+          tabindex="-1"
+        >
+          <span
+            class="icon headline-3 icon password"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+      <span
+        class="text small text hint"
+      >
+        user.label.password_hint
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          checked=""
+          class="checked input"
+          name="subscribed"
+          type="checkbox"
+          value="true"
+        />
+        <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="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            />
+          </svg>
+        </span>
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.subscribe
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          class="input"
+          name="privacy"
+          type="checkbox"
+          value=""
+        />
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.privacy_policy
+        <span
+          class="required"
+        >
+           *
+        </span>
+      </span>
+    </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.signup
+      </div>
+    </button>
+  </form>
+</DocumentFragment>
+`;
+
+exports[`component:<Signup> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="view wide"
+  >
+    <h2
+      class="text bold headline-2"
+    >
+      user.label.title_signup
+    </h2>
+    <span
+      class="text paragraph"
+    >
+      user.label.description_signup
+    </span>
+  </div>
+  <form
+    data-testid="mirai"
+  >
+    <span
+      class="text small"
+    >
+      <span>
+        *
+      </span>
+       common.label.required_field
+    </span>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.name
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="firstName"
+            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"
+          >
+            common.label.lastname
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="lastName"
+            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"
+          >
+            common.label.email
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="email"
+            required=""
+            type="email"
+            value=""
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            user.label.date_of_birth
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            maxlength="10"
+            name="dateOfBirth"
+            placeholder="DD/MM/YYYY"
+            required=""
+            type="inputDate"
+            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.country
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <select
+            class="select empty input withLabel empty"
+            name="country"
+            placeholder="common.label.select"
+            required=""
+          />
+        </div>
+        <span
+          class="icon headline-3 icon select"
+        >
+          <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="M24 24H0V0h24v24z"
+              fill="none"
+              opacity=".87"
+            />
+            <path
+              d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
+            />
+          </svg>
+        </span>
+      </div>
+    </div>
+    <div
+      class="view inputContainer"
+    >
+      <div
+        class="view row inputBorder"
+      >
+        <div
+          class="view wide content"
+        >
+          <span
+            class="text paragraph text label"
+          >
+            common.label.password
+            <span
+              class="required"
+            >
+               *
+            </span>
+          </span>
+          <input
+            class="input input withLabel"
+            name="password"
+            required=""
+            type="password"
+            value=""
+          />
+        </div>
+        <div
+          class="pressable"
+          tabindex="-1"
+        >
+          <span
+            class="icon headline-3 icon password"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+      <span
+        class="text small text hint"
+      >
+        user.label.password_hint
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          checked=""
+          class="checked input"
+          name="subscribed"
+          type="checkbox"
+          value="true"
+        />
+        <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="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
+            />
+          </svg>
+        </span>
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.subscribe
+      </span>
+    </div>
+    <div
+      class="pressable inputOption"
+    >
+      <div
+        class="checkbox"
+      >
+        <input
+          class="input"
+          name="privacy"
+          type="checkbox"
+          value=""
+        />
+      </div>
+      <span
+        class="text action text label"
+      >
+        user.label.privacy_policy
+        <span
+          class="required"
+        >
+           *
+        </span>
+      </span>
+    </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.signup
+      </div>
+    </button>
+  </form>
+</DocumentFragment>
+`;