// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`CompleteSecurity Allows verifying with another device if one is available 1`] = `
<DocumentFragment>
  <div
    class="mx_AuthPage"
  >
    <div
      class="mx_AuthPage_modal"
      style="position: relative;"
    >
      <main
        aria-live="polite"
        class="mx_AuthPage_modalContent"
        style="display: flex; z-index: 1; border-radius: inherit;"
        tabindex="-1"
      >
        <div
          class="mx_Dialog_border _glass_sepwu_8"
        >
          <div
            class="mx_CompleteSecurityBody"
          >
            <h1
              class="mx_CompleteSecurity_header"
            >
              <div
                aria-label="Skip verification for now"
                class="mx_AccessibleButton mx_CompleteSecurity_skip"
                role="button"
                tabindex="0"
              >
                <svg
                  fill="currentColor"
                  height="1em"
                  viewBox="0 0 24 24"
                  width="1em"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                  />
                </svg>
              </div>
            </h1>
            <div
              class="mx_CompleteSecurity_body"
            >
              <div
                class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
              >
                <div
                  class="mx_EncryptionCard_header"
                >
                  <div
                    class="_big-icon_1ssbv_8"
                    data-kind="primary"
                    data-size="lg"
                  >
                    <svg
                      fill="currentColor"
                      height="1em"
                      viewBox="0 0 24 24"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
                      />
                    </svg>
                  </div>
                  <h2
                    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
                  >
                    Confirm your digital identity
                  </h2>
                </div>
                <div
                  class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
                  style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
                >
                  <span>
                    Verify this device to set up secure messaging
                  </span>
                  <span>
                    <a
                      class="mx_ExternalLink"
                      href="https://element.io/help#encryption-device-verification"
                      rel="noreferrer noopener"
                      target="_blank"
                    >
                      Learn more
                      <svg
                        class="mx_ExternalLink_icon"
                        fill="currentColor"
                        height="1em"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2"
                        />
                        <path
                          d="M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2"
                        />
                      </svg>
                    </a>
                  </span>
                </div>
                <div
                  class="mx_EncryptionCard_buttons"
                >
                  <button
                    class="_button_13vu4_8"
                    data-kind="primary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    <svg
                      fill="currentColor"
                      height="1em"
                      viewBox="0 0 24 24"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M3.5 20q-.625 0-1.062-.437A1.45 1.45 0 0 1 2 18.5q0-.625.438-1.062A1.45 1.45 0 0 1 3.5 17H4V6q0-.824.588-1.412A1.93 1.93 0 0 1 6 4h14q.424 0 .712.287Q21 4.576 21 5t-.288.713A.97.97 0 0 1 20 6H6v11h4.5q.624 0 1.063.438.437.437.437 1.062t-.437 1.063A1.45 1.45 0 0 1 10.5 20zM15 20a.97.97 0 0 1-.713-.288A.97.97 0 0 1 14 19V9q0-.424.287-.713A.97.97 0 0 1 15 8h6q.424 0 .712.287Q22 8.576 22 9v10q0 .424-.288.712A.97.97 0 0 1 21 20zm1-3h4v-7h-4z"
                      />
                    </svg>
                     Use another device
                  </button>
                  <button
                    class="_button_13vu4_8"
                    data-kind="secondary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    Can't confirm?
                  </button>
                  <button
                    class="_button_13vu4_8"
                    data-kind="tertiary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    Remove this device
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
    <footer
      class="mx_AuthFooter"
      role="contentinfo"
    >
      <a
        href="https://element.io/blog"
        rel="noreferrer noopener"
        target="_blank"
      >
        Blog
      </a>
      <a
        href="https://mastodon.matrix.org/@Element"
        rel="noreferrer noopener"
        target="_blank"
      >
        Mastodon
      </a>
      <a
        href="https://github.com/element-hq/element-web"
        rel="noreferrer noopener"
        target="_blank"
      >
        GitHub
      </a>
      <a
        href="https://matrix.org"
        rel="noreferrer noopener"
        target="_blank"
      >
        Powered by Matrix
      </a>
    </footer>
  </div>
</DocumentFragment>
`;

exports[`CompleteSecurity Allows verifying with recovery key if one is available 1`] = `
<DocumentFragment>
  <div
    class="mx_AuthPage"
  >
    <div
      class="mx_AuthPage_modal"
      style="position: relative;"
    >
      <main
        aria-live="polite"
        class="mx_AuthPage_modalContent"
        style="display: flex; z-index: 1; border-radius: inherit;"
        tabindex="-1"
      >
        <div
          class="mx_Dialog_border _glass_sepwu_8"
        >
          <div
            class="mx_CompleteSecurityBody"
          >
            <h1
              class="mx_CompleteSecurity_header"
            >
              <div
                aria-label="Skip verification for now"
                class="mx_AccessibleButton mx_CompleteSecurity_skip"
                role="button"
                tabindex="0"
              >
                <svg
                  fill="currentColor"
                  height="1em"
                  viewBox="0 0 24 24"
                  width="1em"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
                  />
                </svg>
              </div>
            </h1>
            <div
              class="mx_CompleteSecurity_body"
            >
              <div
                class="mx_EncryptionCard mx_EncryptionCard_noBorder mx_SetupEncryptionBody"
              >
                <div
                  class="mx_EncryptionCard_header"
                >
                  <div
                    class="_big-icon_1ssbv_8"
                    data-kind="primary"
                    data-size="lg"
                  >
                    <svg
                      fill="currentColor"
                      height="1em"
                      viewBox="0 0 24 24"
                      width="1em"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V10q0-.825.588-1.412A1.93 1.93 0 0 1 6 8h1V6q0-2.075 1.463-3.537Q9.926 1 12 1q2.075 0 3.537 1.463Q17 3.925 17 6v2h1q.824 0 1.413.588Q20 9.175 20 10v10q0 .824-.587 1.413A1.93 1.93 0 0 1 18 22zM9 8h6V6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6z"
                      />
                    </svg>
                  </div>
                  <h2
                    class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93"
                  >
                    Confirm your digital identity
                  </h2>
                </div>
                <div
                  class="_flex_4dswl_9 mx_EncryptionCard_emphasisedContent"
                  style="--mx-flex-display: flex; --mx-flex-direction: column; --mx-flex-align: normal; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
                >
                  <span>
                    Verify this device to set up secure messaging
                  </span>
                  <span>
                    <a
                      class="mx_ExternalLink"
                      href="https://element.io/help#encryption-device-verification"
                      rel="noreferrer noopener"
                      target="_blank"
                    >
                      Learn more
                      <svg
                        class="mx_ExternalLink_icon"
                        fill="currentColor"
                        height="1em"
                        viewBox="0 0 24 24"
                        width="1em"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2"
                        />
                        <path
                          d="M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2"
                        />
                      </svg>
                    </a>
                  </span>
                </div>
                <div
                  class="mx_EncryptionCard_buttons"
                >
                  <button
                    class="_button_13vu4_8"
                    data-kind="primary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    Use recovery key
                  </button>
                  <button
                    class="_button_13vu4_8"
                    data-kind="secondary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    Can't confirm?
                  </button>
                  <button
                    class="_button_13vu4_8"
                    data-kind="tertiary"
                    data-size="lg"
                    role="button"
                    tabindex="0"
                  >
                    Remove this device
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
    <footer
      class="mx_AuthFooter"
      role="contentinfo"
    >
      <a
        href="https://element.io/blog"
        rel="noreferrer noopener"
        target="_blank"
      >
        Blog
      </a>
      <a
        href="https://mastodon.matrix.org/@Element"
        rel="noreferrer noopener"
        target="_blank"
      >
        Mastodon
      </a>
      <a
        href="https://github.com/element-hq/element-web"
        rel="noreferrer noopener"
        target="_blank"
      >
        GitHub
      </a>
      <a
        href="https://matrix.org"
        rel="noreferrer noopener"
        target="_blank"
      >
        Powered by Matrix
      </a>
    </footer>
  </div>
</DocumentFragment>
`;
