xref: /openbmc/webui-vue/tests/unit/__snapshots__/AppNavigation.spec.js.snap (revision 2f7f657d)

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

exports[`AppNavigation.vue should render correctly 1`] = `
<div>
  <div
    class="nav-container"
  >
    <nav
      aria-label="appNavigation.primaryNavigation"
    >
      <ul
        class="nav mb-4 flex-column"
      >
        <li
          class="nav-item"
          data-test-id="nav-item-overview"
        >
          <a
            aria-current="page"
            class="nav-link router-link-exact-active router-link-active"
            href="#/"
            target="_self"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M24 21H26V26H24zM20 16H22V26H20zM11 26a5.0059 5.0059 0 01-5-5H8a3 3 0 103-3V16a5 5 0 010 10z"
              />
              <path
                d="M28,2H4A2.002,2.002,0,0,0,2,4V28a2.0023,2.0023,0,0,0,2,2H28a2.0027,2.0027,0,0,0,2-2V4A2.0023,2.0023,0,0,0,28,2Zm0,9H14V4H28ZM12,4v7H4V4ZM4,28V13H28.0007l.0013,15Z"
              />
            </svg>

            appNavigation.overview

          </a>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="logs"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-logs"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 10H16V12H8zM8 6H20V8H8zM8 2H20V4H8z"
              />
              <path
                d="M4.7111,28l5.6312-9.9961,7.4341,6.49A2,2,0,0,0,20.86,23.96l6.9707-10.4034-1.6622-1.1132-7,10.4472-.07.1035-7.4345-6.4907a2.0032,2.0032,0,0,0-3.0806.5308L4,25.1826V2H2V28a2.0023,2.0023,0,0,0,2,2H30V28Z"
              />
            </svg>

              appNavigation.logs

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="logs"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-event-logs"
                  href="#/logs/event-logs"
                >

                  appNavigation.eventLogs

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-post-code-logs"
                  href="#/logs/post-code-logs"
                >

                  appNavigation.postCodeLogs

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="hardware-status"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-hardware-status"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z"
              />
              <circle
                cx="11"
                cy="8"
                r="1"
              />
              <circle
                cx="11"
                cy="16"
                r="1"
              />
              <circle
                cx="11"
                cy="24"
                r="1"
              />
              <path
                d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"
              />
            </svg>

              appNavigation.hardwareStatus

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="hardware-status"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-inventory"
                  href="#/hardware-status/inventory"
                >

                  appNavigation.inventory

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-sensors"
                  href="#/hardware-status/sensors"
                >

                  appNavigation.sensors

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="operations"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-operations"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30V8zM21 12c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3S22.7 12 21 12zM2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2V24zM11 20c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3S9.3 20 11 20z"
              />
            </svg>

              appNavigation.operations

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="operations"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-factory-reset"
                  href="#/operations/factory-reset"
                >

                  appNavigation.factoryReset

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-kvm"
                  href="#/operations/kvm"
                >

                  appNavigation.kvm

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-key-clear"
                  href="#/operations/key-clear"
                >

                  appNavigation.keyClear

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-firmware"
                  href="#/operations/firmware"
                >

                  appNavigation.firmware

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-reboot-bmc"
                  href="#/operations/reboot-bmc"
                >

                  appNavigation.rebootBmc

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-serial-over-lan"
                  href="#/operations/serial-over-lan"
                >

                  appNavigation.serialOverLan

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-server-power-operations"
                  href="#/operations/server-power-operations"
                >

                  appNavigation.serverPowerOperations

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-virtual-media"
                  href="#/operations/virtual-media"
                >

                  appNavigation.virtualMedia

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="settings"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-settings"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M13.5,8.4c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l1-0.8c0.4-0.3,0.4-0.9,0.2-1.3l-1.2-2C13.3,3.2,13,3,12.6,3	c-0.1,0-0.2,0-0.3,0.1l-1.2,0.4c-0.2-0.1-0.4-0.3-0.7-0.4l-0.3-1.3C10.1,1.3,9.7,1,9.2,1H6.8c-0.5,0-0.9,0.3-1,0.8L5.6,3.1	C5.3,3.2,5.1,3.3,4.9,3.4L3.7,3C3.6,3,3.5,3,3.4,3C3,3,2.7,3.2,2.5,3.5l-1.2,2C1.1,5.9,1.2,6.4,1.6,6.8l0.9,0.9c0,0.1,0,0.3,0,0.4	c0,0.1,0,0.3,0,0.4L1.6,9.2c-0.4,0.3-0.5,0.9-0.2,1.3l1.2,2C2.7,12.8,3,13,3.4,13c0.1,0,0.2,0,0.3-0.1l1.2-0.4	c0.2,0.1,0.4,0.3,0.7,0.4l0.3,1.3c0.1,0.5,0.5,0.8,1,0.8h2.4c0.5,0,0.9-0.3,1-0.8l0.3-1.3c0.2-0.1,0.4-0.2,0.7-0.4l1.2,0.4	c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.7-0.2,0.9-0.5l1.1-2c0.2-0.4,0.2-0.9-0.2-1.3L13.5,8.4z M12.6,12l-1.7-0.6c-0.4,0.3-0.9,0.6-1.4,0.8	L9.2,14H6.8l-0.4-1.8c-0.5-0.2-0.9-0.5-1.4-0.8L3.4,12l-1.2-2l1.4-1.2c-0.1-0.5-0.1-1.1,0-1.6L2.2,6l1.2-2l1.7,0.6	C5.5,4.2,6,4,6.5,3.8L6.8,2h2.4l0.4,1.8c0.5,0.2,0.9,0.5,1.4,0.8L12.6,4l1.2,2l-1.4,1.2c0.1,0.5,0.1,1.1,0,1.6l1.4,1.2L12.6,12z"
              />
              <path
                d="M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3C11,9.6,9.7,11,8,11C8,11,8,11,8,11z M8,6C6.9,6,6,6.8,6,7.9C6,7.9,6,8,6,8	c0,1.1,0.8,2,1.9,2c0,0,0.1,0,0.1,0c1.1,0,2-0.8,2-1.9c0,0,0-0.1,0-0.1C10,6.9,9.2,6,8,6C8.1,6,8,6,8,6z"
              />
            </svg>

              appNavigation.settings

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="settings"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-date-time"
                  href="#/settings/date-time"
                >

                  appNavigation.dateTime

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-network"
                  href="#/settings/network"
                >

                  appNavigation.network

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-power-restore-policy"
                  href="#/settings/power-restore-policy"
                >

                  appNavigation.powerRestorePolicy

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-snmp-alerts"
                  href="#/settings/snmp-alerts"
                >

                  appNavigation.snmpAlerts

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="security-and-access"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-security-and-access"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M14 16.59L11.41 14 10 15.41 14 19.41 22 11.41 20.59 10 14 16.59z"
              />
              <path
                d="M16,30,9.8242,26.7071A10.9818,10.9818,0,0,1,4,17V4A2.0021,2.0021,0,0,1,6,2H26a2.0021,2.0021,0,0,1,2,2V17a10.9818,10.9818,0,0,1-5.8242,9.7071ZM6,4V17a8.9852,8.9852,0,0,0,4.7656,7.9423L16,27.7333l5.2344-2.791A8.9852,8.9852,0,0,0,26,17V4Z"
              />
            </svg>

              appNavigation.securityAndAccess

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="security-and-access"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-sessions"
                  href="#/security-and-access/sessions"
                >

                  appNavigation.sessions

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ldap"
                  href="#/security-and-access/ldap"
                >

                  appNavigation.ldap

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-user-management"
                  href="#/security-and-access/user-management"
                >

                  appNavigation.userManagement

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-policies"
                  href="#/security-and-access/policies"
                >

                  appNavigation.policies

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-certificates"
                  href="#/security-and-access/certificates"
                >

                  appNavigation.certificates

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="resource-management"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-resource-management"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M19 24H26V26H19zM19 20H26V22H19zM19 16H26V18H19zM6 24H13V26H6zM6 20H13V22H6z"
              />
              <path
                d="M28,4H17a2.0023,2.0023,0,0,0-2,2v6H4a2.0023,2.0023,0,0,0-2,2V28a2.0023,2.0023,0,0,0,2,2H28a2.0023,2.0023,0,0,0,2-2V6A2.0023,2.0023,0,0,0,28,4ZM15,28H4V14H15Zm2,0V6H28V28Z"
              />
            </svg>

              appNavigation.resourceManagement

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="resource-management"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-power"
                  href="#/resource-management/power"
                >

                  appNavigation.power

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
      </ul>
    </nav>
  </div>

  <transition-stub
    name="fade"
  >
    <!---->
  </transition-stub>
</div>
`;

exports[`AppNavigation.vue should render with nav-container open 1`] = `
<div>
  <div
    class="nav-container"
  >
    <nav
      aria-label="appNavigation.primaryNavigation"
    >
      <ul
        class="nav mb-4 flex-column"
      >
        <li
          class="nav-item"
          data-test-id="nav-item-overview"
        >
          <a
            aria-current="page"
            class="nav-link router-link-exact-active router-link-active"
            href="#/"
            target="_self"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M24 21H26V26H24zM20 16H22V26H20zM11 26a5.0059 5.0059 0 01-5-5H8a3 3 0 103-3V16a5 5 0 010 10z"
              />
              <path
                d="M28,2H4A2.002,2.002,0,0,0,2,4V28a2.0023,2.0023,0,0,0,2,2H28a2.0027,2.0027,0,0,0,2-2V4A2.0023,2.0023,0,0,0,28,2Zm0,9H14V4H28ZM12,4v7H4V4ZM4,28V13H28.0007l.0013,15Z"
              />
            </svg>

            appNavigation.overview

          </a>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="logs"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-logs"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 10H16V12H8zM8 6H20V8H8zM8 2H20V4H8z"
              />
              <path
                d="M4.7111,28l5.6312-9.9961,7.4341,6.49A2,2,0,0,0,20.86,23.96l6.9707-10.4034-1.6622-1.1132-7,10.4472-.07.1035-7.4345-6.4907a2.0032,2.0032,0,0,0-3.0806.5308L4,25.1826V2H2V28a2.0023,2.0023,0,0,0,2,2H30V28Z"
              />
            </svg>

              appNavigation.logs

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="logs"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-event-logs"
                  href="#/logs/event-logs"
                >

                  appNavigation.eventLogs

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-post-code-logs"
                  href="#/logs/post-code-logs"
                >

                  appNavigation.postCodeLogs

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="hardware-status"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-hardware-status"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M23 27.18L20.41 24.59 19 26 23 30 30 23 28.59 21.59 23 27.18z"
              />
              <circle
                cx="11"
                cy="8"
                r="1"
              />
              <circle
                cx="11"
                cy="16"
                r="1"
              />
              <circle
                cx="11"
                cy="24"
                r="1"
              />
              <path
                d="M24,3H8A2,2,0,0,0,6,5V27a2,2,0,0,0,2,2h8V27H8V21H26V5A2,2,0,0,0,24,3Zm0,16H8V13H24Zm0-8H8V5H24Z"
              />
            </svg>

              appNavigation.hardwareStatus

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="hardware-status"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-inventory"
                  href="#/hardware-status/inventory"
                >

                  appNavigation.inventory

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-sensors"
                  href="#/hardware-status/sensors"
                >

                  appNavigation.sensors

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="operations"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-operations"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30V8zM21 12c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3S22.7 12 21 12zM2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2V24zM11 20c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3S9.3 20 11 20z"
              />
            </svg>

              appNavigation.operations

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="operations"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-factory-reset"
                  href="#/operations/factory-reset"
                >

                  appNavigation.factoryReset

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-kvm"
                  href="#/operations/kvm"
                >

                  appNavigation.kvm

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-key-clear"
                  href="#/operations/key-clear"
                >

                  appNavigation.keyClear

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-firmware"
                  href="#/operations/firmware"
                >

                  appNavigation.firmware

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-reboot-bmc"
                  href="#/operations/reboot-bmc"
                >

                  appNavigation.rebootBmc

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-serial-over-lan"
                  href="#/operations/serial-over-lan"
                >

                  appNavigation.serialOverLan

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-server-power-operations"
                  href="#/operations/server-power-operations"
                >

                  appNavigation.serverPowerOperations

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-virtual-media"
                  href="#/operations/virtual-media"
                >

                  appNavigation.virtualMedia

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="settings"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-settings"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M13.5,8.4c0-0.1,0-0.3,0-0.4c0-0.1,0-0.3,0-0.4l1-0.8c0.4-0.3,0.4-0.9,0.2-1.3l-1.2-2C13.3,3.2,13,3,12.6,3	c-0.1,0-0.2,0-0.3,0.1l-1.2,0.4c-0.2-0.1-0.4-0.3-0.7-0.4l-0.3-1.3C10.1,1.3,9.7,1,9.2,1H6.8c-0.5,0-0.9,0.3-1,0.8L5.6,3.1	C5.3,3.2,5.1,3.3,4.9,3.4L3.7,3C3.6,3,3.5,3,3.4,3C3,3,2.7,3.2,2.5,3.5l-1.2,2C1.1,5.9,1.2,6.4,1.6,6.8l0.9,0.9c0,0.1,0,0.3,0,0.4	c0,0.1,0,0.3,0,0.4L1.6,9.2c-0.4,0.3-0.5,0.9-0.2,1.3l1.2,2C2.7,12.8,3,13,3.4,13c0.1,0,0.2,0,0.3-0.1l1.2-0.4	c0.2,0.1,0.4,0.3,0.7,0.4l0.3,1.3c0.1,0.5,0.5,0.8,1,0.8h2.4c0.5,0,0.9-0.3,1-0.8l0.3-1.3c0.2-0.1,0.4-0.2,0.7-0.4l1.2,0.4	c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.7-0.2,0.9-0.5l1.1-2c0.2-0.4,0.2-0.9-0.2-1.3L13.5,8.4z M12.6,12l-1.7-0.6c-0.4,0.3-0.9,0.6-1.4,0.8	L9.2,14H6.8l-0.4-1.8c-0.5-0.2-0.9-0.5-1.4-0.8L3.4,12l-1.2-2l1.4-1.2c-0.1-0.5-0.1-1.1,0-1.6L2.2,6l1.2-2l1.7,0.6	C5.5,4.2,6,4,6.5,3.8L6.8,2h2.4l0.4,1.8c0.5,0.2,0.9,0.5,1.4,0.8L12.6,4l1.2,2l-1.4,1.2c0.1,0.5,0.1,1.1,0,1.6l1.4,1.2L12.6,12z"
              />
              <path
                d="M8,11c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3C11,9.6,9.7,11,8,11C8,11,8,11,8,11z M8,6C6.9,6,6,6.8,6,7.9C6,7.9,6,8,6,8	c0,1.1,0.8,2,1.9,2c0,0,0.1,0,0.1,0c1.1,0,2-0.8,2-1.9c0,0,0-0.1,0-0.1C10,6.9,9.2,6,8,6C8.1,6,8,6,8,6z"
              />
            </svg>

              appNavigation.settings

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="settings"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-date-time"
                  href="#/settings/date-time"
                >

                  appNavigation.dateTime

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-network"
                  href="#/settings/network"
                >

                  appNavigation.network

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-power-restore-policy"
                  href="#/settings/power-restore-policy"
                >

                  appNavigation.powerRestorePolicy

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-snmp-alerts"
                  href="#/settings/snmp-alerts"
                >

                  appNavigation.snmpAlerts

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="security-and-access"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-security-and-access"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M14 16.59L11.41 14 10 15.41 14 19.41 22 11.41 20.59 10 14 16.59z"
              />
              <path
                d="M16,30,9.8242,26.7071A10.9818,10.9818,0,0,1,4,17V4A2.0021,2.0021,0,0,1,6,2H26a2.0021,2.0021,0,0,1,2,2V17a10.9818,10.9818,0,0,1-5.8242,9.7071ZM6,4V17a8.9852,8.9852,0,0,0,4.7656,7.9423L16,27.7333l5.2344-2.791A8.9852,8.9852,0,0,0,26,17V4Z"
              />
            </svg>

              appNavigation.securityAndAccess

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="security-and-access"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-sessions"
                  href="#/security-and-access/sessions"
                >

                  appNavigation.sessions

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ldap"
                  href="#/security-and-access/ldap"
                >

                  appNavigation.ldap

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-user-management"
                  href="#/security-and-access/user-management"
                >

                  appNavigation.userManagement

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-policies"
                  href="#/security-and-access/policies"
                >

                  appNavigation.policies

                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-certificates"
                  href="#/security-and-access/certificates"
                >

                  appNavigation.certificates

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="resource-management"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-resource-management"
            type="button"
          >
            <svg
              aria-hidden="true"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M19 24H26V26H19zM19 20H26V22H19zM19 16H26V18H19zM6 24H13V26H6zM6 20H13V22H6z"
              />
              <path
                d="M28,4H17a2.0023,2.0023,0,0,0-2,2v6H4a2.0023,2.0023,0,0,0-2,2V28a2.0023,2.0023,0,0,0,2,2H28a2.0023,2.0023,0,0,0,2-2V6A2.0023,2.0023,0,0,0,28,4ZM15,28H4V14H15Zm2,0V6H28V28Z"
              />
            </svg>

              appNavigation.resourceManagement

            <svg
              aria-hidden="true"
              class="icon-expand"
              fill="currentColor"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5L13 10 12.3 10.7 8 6.4 3.7 10.7 3 10z"
              />
            </svg>
          </button>

          <transition-stub
            class="nav-item__nav"
            css="true"
            enteractiveclass="collapsing"
            enterclass=""
            entertoclass="collapse show"
            leaveactiveclass="collapsing"
            leaveclass="collapse show"
            leavetoclass="collapse"
          >
            <ul
              class="collapse"
              id="resource-management"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-power"
                  href="#/resource-management/power"
                >

                  appNavigation.power

                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
      </ul>
    </nav>
  </div>

  <transition-stub
    name="fade"
  >
    <!---->
  </transition-stub>
</div>
`;