@mirai/core 0.2.18 → 0.3.1

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

@@ -0,0 +1,1075 @@
+// 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.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                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 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <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>
+</DocumentFragment>
+`;
+
+exports[`component:<Session> Using ghost feature with an stored session 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span>
+      <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 00-12.28 0A7.957 7.957 0 014 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.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                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 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <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>
+</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 00-12.28 0A7.957 7.957 0 014 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.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <form>
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                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 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <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>
+</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 00-12.28 0A7.957 7.957 0 014 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.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <form
+        data-testid="mirai"
+      >
+        <span
+          class="text paragraph"
+        >
+          user.label.form_description
+        </span>
+        <div
+          class="view inputContainer"
+        >
+          <div
+            class="view row inputBorder"
+          >
+            <div
+              class="view wide content"
+            >
+              <span
+                class="text paragraph text label"
+              >
+                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 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <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>
+</DocumentFragment>
+`;
+
+exports[`component:<Session> with an stored session 1`] = `
+<DocumentFragment>
+  <div
+    class="view"
+  >
+    <span>
+      <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 00-12.28 0A7.957 7.957 0 014 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 00-12.28 0A7.957 7.957 0 014 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.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+              />
+            </svg>
+          </span>
+        </button>
+      </div>
+      <form>
+        <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 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
+                  />
+                </svg>
+              </span>
+            </div>
+          </div>
+        </div>
+        <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>
+</DocumentFragment>
+`;