riot-web/test/components/views/settings/discovery/__snapshots__/PhoneNumbers-test.tsx.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<PhoneNumbers /> should allow binding msisdn 1`] = `
<DocumentFragment>
  <div
    class="mx_SettingsSubsection"
    data-testid="mx_DiscoveryPhoneNumbers"
  >
    <div
      class="mx_SettingsSubsectionHeading"
    >
      <h3
        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
      >
        Phone numbers
      </h3>
    </div>
    <div
      class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
    >
      <div
        class="mx_EmailAddressesPhoneNumbers_discovery_existing"
      >
        <span
          class="mx_EmailAddressesPhoneNumbers_discovery_existing_address"
        >
          +441111111111
        </span>
        <span
          class="mx_EmailAddressesPhoneNumbers_discovery_existing_verification"
        >
          <span>
            Please enter verification code sent via text.
            <br />
          </span>
          <form
            autocomplete="off"
            novalidate=""
          >
            <div
              class="mx_Field mx_Field_input"
            >
              <input
                autocomplete="off"
                id="mx_Field_1"
                label="Verification code"
                placeholder="Verification code"
                type="text"
                value=""
              />
              <label
                for="mx_Field_1"
              >
                Verification code
              </label>
            </div>
          </form>
        </span>
      </div>
    </div>
  </div>
</DocumentFragment>
`;

exports[`<PhoneNumbers /> should handle no numbers 1`] = `
<div>
  <div
    class="mx_SettingsSubsection"
    data-testid="mx_DiscoveryPhoneNumbers"
  >
    <div
      class="mx_SettingsSubsectionHeading"
    >
      <h3
        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
      >
        Phone numbers
      </h3>
    </div>
    <div
      class="mx_SettingsSubsection_description"
    >
      <div
        class="mx_SettingsSubsection_text"
      >
        Discovery options will appear once you have added a phone number.
      </div>
    </div>
  </div>
</div>
`;

exports[`<PhoneNumbers /> should render a loader while loading 1`] = `
<div>
  <div
    class="mx_SettingsSubsection"
    data-testid="mx_DiscoveryPhoneNumbers"
  >
    <div
      class="mx_SettingsSubsectionHeading"
    >
      <h3
        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
      >
        Phone numbers
      </h3>
    </div>
    <div
      class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
    >
      <div
        class="mx_InlineSpinner"
      >
        <div
          aria-label="Loading…"
          class="mx_InlineSpinner_icon mx_Spinner_icon"
          style="width: 16px; height: 16px;"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`<PhoneNumbers /> should render phone numbers 1`] = `
<div>
  <div
    class="mx_SettingsSubsection"
    data-testid="mx_DiscoveryPhoneNumbers"
  >
    <div
      class="mx_SettingsSubsectionHeading"
    >
      <h3
        class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
      >
        Phone numbers
      </h3>
    </div>
    <div
      class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
    >
      <div
        class="mx_EmailAddressesPhoneNumbers_discovery_existing"
      >
        <span
          class="mx_EmailAddressesPhoneNumbers_discovery_existing_address"
        >
          +
          441111111111
        </span>
        <div
          class="mx_AccessibleButton mx_EmailAddressesPhoneNumbers_discovery_existing_button mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_sm"
          role="button"
          tabindex="0"
        >
          Share
        </div>
      </div>
    </div>
  </div>
</div>
`;