tests/unit/__snapshots__/AppNavigation.spec.js.snap

// 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-firmware"
                  href="#/operations/firmware"
                >
                  
                  appNavigation.firmware
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-manage-power-usage"
                  href="#/operations/manage-power-usage"
                >
                  
                  appNavigation.managePowerUsage
                
                </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-security-settings"
                  href="#/settings/security-settings"
                >
                  
                  appNavigation.securitySettings
                
                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="access-control"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-access-control"
            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="M21,2a8.9977,8.9977,0,0,0-8.6119,11.6118L2,24v6H8L18.3881,19.6118A9,9,0,1,0,21,2Zm0,16a7.0125,7.0125,0,0,1-2.0322-.3022L17.821,17.35l-.8472.8472-3.1811,3.1812L12.4141,20,11,21.4141l1.3787,1.3786-1.5859,1.586L9.4141,23,8,24.4141l1.3787,1.3786L7.1716,28H4V24.8284l9.8023-9.8023.8472-.8474-.3473-1.1467A7,7,0,1,1,21,18Z"
              />
              <circle
                cx="22"
                cy="10"
                r="2"
              />
            </svg>
            
              appNavigation.accessControl
              
            <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="access-control"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-client-sessions"
                  href="#/access-control/client-sessions"
                >
                  
                  appNavigation.clientSessions
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ldap"
                  href="#/access-control/ldap"
                >
                  
                  appNavigation.ldap
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-local-user-management"
                  href="#/access-control/local-user-management"
                >
                  
                  appNavigation.localUserManagement
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ssl-certificates"
                  href="#/access-control/ssl-certificates"
                >
                  
                  appNavigation.sslCertificates
                
                </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-firmware"
                  href="#/operations/firmware"
                >
                  
                  appNavigation.firmware
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-manage-power-usage"
                  href="#/operations/manage-power-usage"
                >
                  
                  appNavigation.managePowerUsage
                
                </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-security-settings"
                  href="#/settings/security-settings"
                >
                  
                  appNavigation.securitySettings
                
                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
        <li
          class="nav-item"
        >
          <button
            aria-controls="access-control"
            aria-expanded="false"
            class="btn btn-link collapsed"
            data-test-id="nav-button-access-control"
            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="M21,2a8.9977,8.9977,0,0,0-8.6119,11.6118L2,24v6H8L18.3881,19.6118A9,9,0,1,0,21,2Zm0,16a7.0125,7.0125,0,0,1-2.0322-.3022L17.821,17.35l-.8472.8472-3.1811,3.1812L12.4141,20,11,21.4141l1.3787,1.3786-1.5859,1.586L9.4141,23,8,24.4141l1.3787,1.3786L7.1716,28H4V24.8284l9.8023-9.8023.8472-.8474-.3473-1.1467A7,7,0,1,1,21,18Z"
              />
              <circle
                cx="22"
                cy="10"
                r="2"
              />
            </svg>
            
              appNavigation.accessControl
              
            <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="access-control"
              style="display: none;"
            >
              <li
                class="nav-item"
              >
                <a
                  class="nav-link"
                  data-test-id="nav-item-client-sessions"
                  href="#/access-control/client-sessions"
                >
                  
                  appNavigation.clientSessions
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ldap"
                  href="#/access-control/ldap"
                >
                  
                  appNavigation.ldap
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-local-user-management"
                  href="#/access-control/local-user-management"
                >
                  
                  appNavigation.localUserManagement
                
                </a>
                <a
                  class="nav-link"
                  data-test-id="nav-item-ssl-certificates"
                  href="#/access-control/ssl-certificates"
                >
                  
                  appNavigation.sslCertificates
                
                </a>
              </li>
            </ul>
          </transition-stub>
        </li>
      </ul>
    </nav>
  </div>
   
  <transition-stub
    name="fade"
  >
    <!---->
  </transition-stub>
</div>
`;