xref: /openbmc/webui-vue/tests/unit/__snapshots__/AppHeader.spec.js.snap (revision 51abe87feea7261ec6f7589d8214af3d8019e71e)

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

exports[`AppHeader.vue should render correctly 1`] = `
<div>
  <header
    id="page-header"
  >
    <a
      class="link-skip-nav btn btn-light"
      href="#main-content"
    >

      appHeader.skipToContent

    </a>

    <b-navbar
      aria-label="appHeader.applicationHeader"
      type="dark"
    >
      <b-button
        aria-hidden="true"
        class="nav-trigger"
        id="app-header-trigger"
        type="button"
        variant="link"
      >
        <!---->

        <svg
          fill="currentColor"
          focusable="false"
          height="20"
          preserveAspectRatio="xMidYMid meet"
          role="img"
          title="appHeader.titleShowNavigation"
          viewBox="0 0 20 20"
          width="20"
          xmlns="http://www.w3.org/2000/svg"
        >
          <title>
            appHeader.titleShowNavigation
          </title>
          <path
            d="M2 14.8H18V16H2zM2 11.2H18V12.399999999999999H2zM2 7.6H18V8.799999999999999H2zM2 4H18V5.2H2z"
          />
        </svg>
      </b-button>

      <b-navbar-nav>
        <b-navbar-brand
          class="mr-0"
          data-test-id="appHeader-container-overview"
          to="/"
        >
          <img
            alt="Built on OpenBMC"
            class="header-logo"
            src="@/assets/images/logo-header.svg"
            svg-inline=""
          />
        </b-navbar-brand>

        <!---->
      </b-navbar-nav>

      <b-navbar-nav
        class="ml-auto helper-menu"
      >
        <b-nav-item
          data-test-id="appHeader-container-health"
          to="/logs/event-logs"
        >
          <span
            class="status-icon secondary"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="20"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 20 20"
              width="20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"
              />
              <path
                d="M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"
                data-icon-path="inner-path"
                opacity="0"
              />
            </svg>
          </span>

          appHeader.health

        </b-nav-item>

        <b-nav-item
          data-test-id="appHeader-container-power"
          to="/operations/server-power-operations"
        >
          <span
            class="status-icon secondary"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="20"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 20 20"
              width="20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"
              />
              <path
                d="M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z"
                data-icon-path="inner-path"
                opacity="0"
              />
            </svg>
          </span>

          appHeader.power

        </b-nav-item>

        <li
          class="nav-item"
        >
          <b-button
            data-test-id="appHeader-button-refresh"
            id="app-header-refresh"
            variant="link"
          >
            <svg
              fill="currentColor"
              focusable="false"
              height="20"
              preserveAspectRatio="xMidYMid meet"
              role="img"
              title="appHeader.titleRefresh"
              viewBox="0 0 32 32"
              width="20"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title>
                appHeader.titleRefresh
              </title>
              <path
                d="M12 10H6.78A11 11 0 0127 16h2A13 13 0 006 7.68V4H4v8h8zM20 22h5.22A11 11 0 015 16H3a13 13 0 0023 8.32V28h2V20H20z"
              />
            </svg>

            <span
              class="responsive-text"
            >
              appHeader.refresh
            </span>
          </b-button>
        </li>

        <li
          class="nav-item"
        >
          <b-dropdown
            data-test-id="appHeader-container-user"
            id="app-header-user"
            right=""
            variant="link"
          >

            <b-dropdown-item
              data-test-id="appHeader-link-profile"
              to="/profile-settings"
            >
              appHeader.profileSettings

            </b-dropdown-item>

            <b-dropdown-item
              data-test-id="appHeader-link-logout"
            >

              appHeader.logOut

            </b-dropdown-item>
          </b-dropdown>
        </li>
      </b-navbar-nav>
    </b-navbar>
  </header>

  <transition-stub
    name="fade"
  >
    <b-progress>
      <b-progress-bar
        animated=""
        aria-label="global.ariaLabel.progressBar"
        striped=""
        value="0"
      />
    </b-progress>
  </transition-stub>
</div>
`;