element-web/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap

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

exports[`<ServerPickerDialog /> should render dialog 1`] = `
<div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
  <div
    aria-describedby="mx_ServerPickerDialog"
    aria-labelledby="mx_BaseDialog_title"
    class="mx_ServerPickerDialog"
    data-focus-lock-disabled="false"
    role="dialog"
    tabindex="-1"
  >
    <div
      class="mx_Dialog_header"
    >
      <h1
        class="mx_Heading_h3 mx_Dialog_title"
        id="mx_BaseDialog_title"
      >
        Sign into your homeserver
      </h1>
    </div>
    <form
      class="mx_Dialog_content"
      id="mx_ServerPickerDialog"
    >
      <p>
        We call the places where you can host your account 'homeservers'.
         
        Matrix.org is the biggest public homeserver in the world, so it's a good place for many.
      </p>
      <label
        class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
      >
        <input
          checked=""
          data-testid="defaultHomeserver"
          name="defaultChosen"
          type="radio"
          value="true"
        />
        <div>
          <div />
        </div>
        <div
          class="mx_StyledRadioButton_content"
        >
          <span
            aria-labelledby="_r_0_"
            class="mx_Login_underlinedServerName"
            tabindex="0"
          >
            matrix.org
          </span>
        </div>
        <div
          class="mx_StyledRadioButton_spacer"
        />
      </label>
      <div
        class="mx_StyledRadioButton mx_ServerPickerDialog_otherHomeserverRadio mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
      >
        <label
          class="mx_StyledRadioButton_innerLabel"
        >
          <input
            aria-label="Other homeserver"
            name="defaultChosen"
            type="radio"
            value="false"
          />
          <div>
            <div />
          </div>
        </label>
        <div
          class="mx_StyledRadioButton_content"
        >
          <div
            class="mx_Field mx_Field_input mx_ServerPickerDialog_otherHomeserver"
          >
            <input
              id="mx_homeserverInput"
              label="Other homeserver"
              placeholder="Other homeserver"
              type="text"
              value=""
            />
            <label
              for="mx_homeserverInput"
            >
              Other homeserver
            </label>
          </div>
        </div>
        <div
          class="mx_StyledRadioButton_spacer"
        />
      </div>
      <p>
        Use your preferred Matrix homeserver if you have one, or host your own.
      </p>
      <div
        class="mx_AccessibleButton mx_ServerPickerDialog_continue mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
        role="button"
        tabindex="0"
      >
        Continue
      </div>
      <h2>
        Learn more
      </h2>
      <a
        class="mx_ExternalLink"
        href="https://matrix.org/docs/matrix-concepts/elements-of-matrix/#homeserver"
        rel="noreferrer noopener"
        target="_blank"
      >
        About homeservers
        <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>
    </form>
    <div
      aria-label="Close dialog"
      class="mx_AccessibleButton mx_Dialog_cancelButton"
      role="button"
      tabindex="0"
    />
  </div>
  <div
    data-focus-guard="true"
    style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
    tabindex="0"
  />
</div>
`;