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

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

exports[`<UserSettingsDialog /> renders tabs correctly 1`] = `
NodeList [
  <li
    aria-controls="mx_tabpanel_USER_ACCOUNT_TAB"
    aria-selected="true"
    class="mx_AccessibleButton mx_TabbedView_tabLabel mx_TabbedView_tabLabel_active"
    data-testid="settings-tab-USER_ACCOUNT_TAB"
    role="tab"
    tabindex="0"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M9.175 13.825Q10.35 15 12 15t2.825-1.175T16 11t-1.175-2.825T12 7 9.175 8.175 8 11t1.175 2.825m4.237-1.412A1.93 1.93 0 0 1 12 13q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 11q0-.825.588-1.412A1.93 1.93 0 0 1 12 9q.825 0 1.412.588Q14 10.175 14 11t-.588 1.412"
      />
      <path
        d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10m-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0"
      />
      <path
        d="M16.23 18.792a13 13 0 0 0-1.455-.455 11.6 11.6 0 0 0-5.55 0q-.73.18-1.455.455a8 8 0 0 1-1.729-1.454q1.336-.618 2.709-.95A13.8 13.8 0 0 1 12 16q1.65 0 3.25.387 1.373.333 2.709.95a8 8 0 0 1-1.73 1.455"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_ACCOUNT_TAB_label"
    >
      Account
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_SESSION_MANAGER_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_SESSION_MANAGER_TAB"
    role="tab"
    tabindex="-1"
  >
    <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>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_SESSION_MANAGER_TAB_label"
    >
      Sessions
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_APPEARANCE_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_APPEARANCE_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5t-1.312-3.187T12 7 8.813 8.313 7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.787-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.912.787.788.788.788 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m0 4.8q-3.475 0-6.35-1.837Q2.775 15.324 1.3 12.2a.8.8 0 0 1-.1-.312 3 3 0 0 1 0-.775.8.8 0 0 1 .1-.313q1.475-3.125 4.35-4.962Q8.525 4 12 4t6.35 1.838T22.7 10.8a.8.8 0 0 1 .1.313 3 3 0 0 1 0 .774.8.8 0 0 1-.1.313q-1.475 3.125-4.35 4.963Q15.475 19 12 19m0-2a9.54 9.54 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.77 9.77 0 0 0-3.613-4.012A9.54 9.54 0 0 0 12 6a9.55 9.55 0 0 0-5.187 1.487A9.77 9.77 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.613 4.012A9.54 9.54 0 0 0 12 17"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_APPEARANCE_TAB_label"
    >
      Appearance
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_NOTIFICATIONS_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_NOTIFICATIONS_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 3c7 0 7 7 7 7v6l1.293 1.293c.63.63.184 1.707-.707 1.707H4.414c-.89 0-1.337-1.077-.707-1.707L5 16v-6s0-7 7-7m5 7.01v-.022l-.009-.146a7 7 0 0 0-.073-.607 6.6 6.6 0 0 0-.582-1.84c-.319-.638-.766-1.215-1.398-1.637C14.318 5.344 13.4 5 12 5s-2.317.344-2.937.758c-.633.422-1.08.999-1.4 1.636a6.6 6.6 0 0 0-.58 1.841A7 7 0 0 0 7 9.988v6.84L6.828 17h10.344L17 16.828zM12 22a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_NOTIFICATIONS_TAB_label"
    >
      Notifications
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_PREFERENCES_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_PREFERENCES_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        clip-rule="evenodd"
        d="M6.5 2h11a4.5 4.5 0 1 1 0 9h-11a4.5 4.5 0 0 1 0-9m0 2h7.258A4.5 4.5 0 0 0 13 6.5c0 .925.28 1.785.758 2.5H6.5a2.5 2.5 0 0 1 0-5M15 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0m-13 11A4.5 4.5 0 0 1 6.5 13h11a4.5 4.5 0 1 1 0 9h-11q-.233 0-.46-.023A4.5 4.5 0 0 1 2 17.5m8.242-2.5H17.5a2.5 2.5 0 0 1 0 5h-7.258A4.5 4.5 0 0 0 11 17.5c0-.925-.28-1.785-.758-2.5M6.5 15a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"
        fill-rule="evenodd"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_PREFERENCES_TAB_label"
    >
      Preferences
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_KEYBOARD_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_KEYBOARD_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.188 8v2h2V8zm3.875 0v2h2V8zm3.875 0v2h2V8zm3.875 0v2h2V8zM5.188 11.531v2h2v-2zm3.875 0v2h2v-2zm3.875 0v2h2v-2zm3.875 0v2h2v-2zM9 15a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2z"
      />
      <path
        clip-rule="evenodd"
        d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm2 0h16v12H4z"
        fill-rule="evenodd"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_KEYBOARD_TAB_label"
    >
      Keyboard
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_SIDEBAR_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_SIDEBAR_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        clip-rule="evenodd"
        d="M18 3a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4zm-8 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-8zM8 19H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2z"
        fill-rule="evenodd"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_SIDEBAR_TAB_label"
    >
      Sidebar
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_SECURITY_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_SECURITY_TAB"
    role="tab"
    tabindex="-1"
  >
    <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 22zm0-2h12V10H6zM9 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>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_SECURITY_TAB_label"
    >
      Security & Privacy
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_ENCRYPTION_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_ENCRYPTION_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M7 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 5 12q0-.825.588-1.412A1.93 1.93 0 0 1 7 10q.824 0 1.412.588Q9 11.175 9 12t-.588 1.412A1.93 1.93 0 0 1 7 14m0 4q-2.5 0-4.25-1.75T1 12t1.75-4.25T7 6q1.676 0 3.037.825A6.2 6.2 0 0 1 12.2 9h8.375q.2 0 .387.075.188.075.338.225l2 2q.15.15.212.325.063.175.063.375t-.062.375a.9.9 0 0 1-.213.325l-3.175 3.175a1 1 0 0 1-.3.2q-.175.075-.35.1a.8.8 0 0 1-.35-.025.9.9 0 0 1-.325-.175L17.5 15l-1.425 1.075a.95.95 0 0 1-.887.15.9.9 0 0 1-.288-.15L13.375 15H12.2a6.2 6.2 0 0 1-2.162 2.175Q8.675 18 7 18m0-2q1.4 0 2.463-.85A4.03 4.03 0 0 0 10.875 13H14l1.45 1.025L17.5 12.5l1.775 1.375L21.15 12l-1-1h-9.275a4.03 4.03 0 0 0-1.412-2.15Q8.4 8 7 8 5.35 8 4.175 9.175T3 12t1.175 2.825T7 16"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_ENCRYPTION_TAB_label"
    >
      Encryption
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_LABS_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_LABS_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 5a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1m-7.071-.071a1 1 0 0 1 1.414 0l.707.707A1 1 0 0 1 5.636 7.05l-.707-.707a1 1 0 0 1 0-1.414"
      />
      <path
        clip-rule="evenodd"
        d="M15.734 15.325C15.316 15.795 15 16.371 15 17v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-2c0-.63-.316-1.205-.734-1.675a5 5 0 1 1 7.468 0m-1.493-1.33a3 3 0 1 0-4.482 0c.433.486.894 1.166 1.112 2.005h2.258c.218-.84.679-1.52 1.112-2.005M13 18h-2v1h2z"
        fill-rule="evenodd"
      />
      <path
        d="M2 12a1 1 0 0 1 1-1h1a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m18-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm-3.05-5.364a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0-1.414-1.414z"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_LABS_TAB_label"
    >
      Labs
    </span>
  </li>,
  <li
    aria-controls="mx_tabpanel_USER_HELP_TAB"
    aria-selected="false"
    class="mx_AccessibleButton mx_TabbedView_tabLabel"
    data-testid="settings-tab-USER_HELP_TAB"
    role="tab"
    tabindex="-1"
  >
    <svg
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 8a1.5 1.5 0 0 0-1.5 1.5 1 1 0 1 1-2 0 3.5 3.5 0 1 1 6.01 2.439q-.183.188-.352.355c-.287.288-.54.54-.76.824-.293.375-.398.651-.398.882a1 1 0 1 1-2 0c0-.874.407-1.58.819-2.11.305-.392.688-.775 1-1.085l.257-.26A1.5 1.5 0 0 0 12 8m1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
      />
      <path
        d="M8.1 21.213A9.7 9.7 0 0 0 12 22a9.7 9.7 0 0 0 3.9-.788 10.1 10.1 0 0 0 3.175-2.137q1.35-1.35 2.137-3.175A9.7 9.7 0 0 0 22 12a9.7 9.7 0 0 0-.788-3.9 10.1 10.1 0 0 0-2.137-3.175q-1.35-1.35-3.175-2.137A9.7 9.7 0 0 0 12 2a9.7 9.7 0 0 0-3.9.788 10.1 10.1 0 0 0-3.175 2.137Q3.575 6.275 2.788 8.1A9.7 9.7 0 0 0 2 12q0 2.075.788 3.9a10.1 10.1 0 0 0 2.137 3.175q1.35 1.35 3.175 2.137m9.575-3.538Q15.35 20 12 20t-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675"
      />
    </svg>
    <span
      class="mx_TabbedView_tabLabel_text"
      id="mx_tabpanel_USER_HELP_TAB_label"
    >
      Help & About
    </span>
  </li>,
]
`;