npm - @mirai/core - Versions diffs - 0.3.133 → 0.3.135-patch - Mend

@mirai/core 0.3.133 → 0.3.135-patch

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (929) hide show

package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap ADDED Viewed

@@ -0,0 +1,1139 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`component:<Session> Using ghost feature renders 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <button>
+      hello
+    </button>
+  </div>
+  <div
+    class="pressable container overflow"
+    style="height: 768px;"
+  >
+    <div
+      class="view fit modal calcWidth"
+    >
+      <div
+        class="view forceRow header"
+      >
+        <h3
+          class="text headline-3 title left"
+        >
+          user.label.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.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="scrollview snap vertical notIndicator"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view wide"
+          >
+            <form>
+              <span
+                class="text paragraph"
+              >
+                user.label.form_description
+              </span>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.email
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="email"
+                      required=""
+                      type="email"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.password
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="password"
+                      required=""
+                      type="password"
+                      value=""
+                    />
+                  </div>
+                  <div
+                    class="pressable"
+                    tabindex="-1"
+                  >
+                    <span
+                      class="icon headline-3 icon password"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                          fill="none"
+                        />
+                        <path
+                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-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 0 0 1 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.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view wide"
+              >
+                <div
+                  class="pressable action"
+                >
+                  user.action.reset
+                </div>
+              </div>
+              <button
+                class="pressable disabled button large disabled wide"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  class="view busyContainer"
+                >
+                  <div
+                    class="view spinner"
+                  />
+                </div>
+                <div
+                  class="view row children"
+                >
+                  common.action.login
+                </div>
+              </button>
+            </form>
+            <div
+              class="pressable action large wide"
+            >
+              user.action.signup
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> Using ghost feature with an stored session 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="container"
+    >
+      <div
+        class="pressable"
+      >
+        <div>
+          <small>
+            hello@soyjavi.com
+          </small>
+          <strong>
+            Javi
+          </strong>
+        </div>
+      </div>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> inherit:className 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
+          />
+          <path
+            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.action.login
+      </span>
+    </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.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.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="scrollview snap vertical notIndicator"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view wide"
+          >
+            <form>
+              <span
+                class="text paragraph"
+              >
+                user.label.form_description
+              </span>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.email
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="email"
+                      required=""
+                      type="email"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.password
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="password"
+                      required=""
+                      type="password"
+                      value=""
+                    />
+                  </div>
+                  <div
+                    class="pressable"
+                    tabindex="-1"
+                  >
+                    <span
+                      class="icon headline-3 icon password"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                          fill="none"
+                        />
+                        <path
+                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-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 0 0 1 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.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view wide"
+              >
+                <div
+                  class="pressable action"
+                >
+                  user.action.reset
+                </div>
+              </div>
+              <button
+                class="pressable disabled button large disabled wide"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  class="view busyContainer"
+                >
+                  <div
+                    class="view spinner"
+                  />
+                </div>
+                <div
+                  class="view row children"
+                >
+                  common.action.login
+                </div>
+              </button>
+            </form>
+            <div
+              class="pressable action large wide"
+            >
+              user.action.signup
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> renders 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
+          />
+          <path
+            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.action.login
+      </span>
+    </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.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.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="scrollview snap vertical notIndicator"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view wide"
+          >
+            <form>
+              <span
+                class="text paragraph"
+              >
+                user.label.form_description
+              </span>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.email
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="email"
+                      required=""
+                      type="email"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.password
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="password"
+                      required=""
+                      type="password"
+                      value=""
+                    />
+                  </div>
+                  <div
+                    class="pressable"
+                    tabindex="-1"
+                  >
+                    <span
+                      class="icon headline-3 icon password"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                          fill="none"
+                        />
+                        <path
+                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-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 0 0 1 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.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view wide"
+              >
+                <div
+                  class="pressable action"
+                >
+                  user.action.reset
+                </div>
+              </div>
+              <button
+                class="pressable disabled button large disabled wide"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  class="view busyContainer"
+                >
+                  <div
+                    class="view spinner"
+                  />
+                </div>
+                <div
+                  class="view row children"
+                >
+                  common.action.login
+                </div>
+              </button>
+            </form>
+            <div
+              class="pressable action large wide"
+            >
+              user.action.signup
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> testID 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
+          />
+          <path
+            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.action.login
+      </span>
+    </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.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.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="scrollview snap vertical notIndicator"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view wide"
+          >
+            <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"
+                    >
+                      common.label.email
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="email"
+                      required=""
+                      type="email"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.password
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="password"
+                      required=""
+                      type="password"
+                      value=""
+                    />
+                  </div>
+                  <div
+                    class="pressable"
+                    tabindex="-1"
+                  >
+                    <span
+                      class="icon headline-3 icon password"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                          fill="none"
+                        />
+                        <path
+                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-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 0 0 1 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.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view wide"
+              >
+                <div
+                  class="pressable action"
+                >
+                  user.action.reset
+                </div>
+              </div>
+              <button
+                class="pressable disabled button large disabled wide"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  class="view busyContainer"
+                >
+                  <div
+                    class="view spinner"
+                  />
+                </div>
+                <div
+                  class="view row children"
+                >
+                  common.action.login
+                </div>
+              </button>
+            </form>
+            <div
+              class="pressable action large wide"
+            >
+              user.action.signup
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> with an stored session 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span
+      class="container"
+    >
+      <div
+        class="pressable"
+      >
+        <div
+          class="view row"
+        >
+          <span
+            class="icon headline-3"
+          >
+            <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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
+              />
+              <path
+                d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
+              />
+            </svg>
+          </span>
+          <span
+            class="text paragraph"
+          >
+            user.action.my_account
+          </span>
+        </div>
+      </div>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+exports[`component:<Session> with mode finishing signup 1`] = `
+<DocumentFragment>
+  <div
+    class="pressable"
+  >
+    <div
+      class="view row"
+    >
+      <span
+        class="icon headline-3"
+      >
+        <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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.35 18.5C8.66 17.56 10.26 17 12 17s3.34.56 4.65 1.5c-1.31.94-2.91 1.5-4.65 1.5s-3.34-.56-4.65-1.5zm10.79-1.38a9.947 9.947 0 0 0-12.28 0A7.957 7.957 0 0 1 4 12c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.95-.7 3.73-1.86 5.12z"
+          />
+          <path
+            d="M12 6c-1.93 0-3.5 1.57-3.5 3.5S10.07 13 12 13s3.5-1.57 3.5-3.5S13.93 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z"
+          />
+        </svg>
+      </span>
+      <span
+        class="text paragraph"
+      >
+        common.action.login
+      </span>
+    </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.title_session
+        </h3>
+        <button
+          class="pressable button small squared transparent button"
+        >
+          <span
+            class="icon headline-3 icon"
+          >
+            <svg
+              fill="currentColor"
+              height="1em"
+              stroke="currentColor"
+              stroke-width="0"
+              viewBox="0 0 24 24"
+              width="1em"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M0 0h24v24H0V0z"
+                fill="none"
+              />
+              <path
+                d="M19 6.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="scrollview snap vertical notIndicator"
+      >
+        <div
+          class="view row wide"
+        >
+          <div
+            class="view wide"
+          >
+            <form>
+              <div
+                class="view row notification info outlined"
+              >
+                <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="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+                    />
+                  </svg>
+                </span>
+                <span
+                  class="text paragraph text"
+                >
+                  <span
+                    class="text bold paragraph"
+                  >
+                    user.notification.activation_success
+                  </span>
+                  <span
+                    class="text paragraph"
+                  >
+                    user.notification.finish
+                    <span
+                      style="text-decoration: underline;"
+                    >
+                      signup
+                    </span>
+                    description
+                  </span>
+                </span>
+              </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>
+                    <input
+                      class="input input withLabel"
+                      name="email"
+                      required=""
+                      type="email"
+                      value=""
+                    />
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view inputContainer"
+              >
+                <div
+                  class="view row inputBorder"
+                >
+                  <div
+                    class="view wide content"
+                  >
+                    <span
+                      class="text paragraph text label"
+                    >
+                      common.label.password
+                    </span>
+                    <input
+                      class="input input withLabel"
+                      name="password"
+                      required=""
+                      type="password"
+                      value=""
+                    />
+                  </div>
+                  <div
+                    class="pressable"
+                    tabindex="-1"
+                  >
+                    <span
+                      class="icon headline-3 icon password"
+                    >
+                      <svg
+                        fill="currentColor"
+                        height="1em"
+                        stroke="currentColor"
+                        stroke-width="0"
+                        viewBox="0 0 24 24"
+                        width="1em"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z"
+                          fill="none"
+                        />
+                        <path
+                          d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-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 0 0 1 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.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                        />
+                      </svg>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="view wide"
+              >
+                <div
+                  class="pressable action"
+                >
+                  user.action.reset
+                </div>
+              </div>
+              <button
+                class="pressable disabled button large disabled wide"
+                disabled=""
+                type="submit"
+              >
+                <div
+                  class="view busyContainer"
+                >
+                  <div
+                    class="view spinner"
+                  />
+                </div>
+                <div
+                  class="view row children"
+                >
+                  common.action.login
+                </div>
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;