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 flex-column"
      >
        <li
          class="nav-item"
        >
          <a
            class="nav-link"
            href="/"
            target="_self"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M4 2H2v26a2 2 0 0 0 2 2h26v-2H4z"
              />
              <path
                d="M30 9h-7v2h3.59L19 18.59l-4.29-4.3a1 1 0 0 0-1.42 0L6 21.59 7.41 23 14 16.41l4.29 4.3a1 1 0 0 0 1.42 0l8.29-8.3V16h2z"
              />
            </svg>
            
          appNavigation.overview
        
          </a>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="health-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M23 27.18l-2.59-2.59L19 26l4 4 7-7-1.41-1.41L23 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-2 2v22a2 2 0 0 0 2 2h8v-2H8v-6h18V5a2 2 0 0 0-2-2zm0 16H8v-6h16zm0-8H8V5h16z"
              />
            </svg>
            
            appNavigation.health
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="health-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.eventLog
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.hardwareStatus
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/health/sensors"
                target="_self"
              >
                
              appNavigation.sensors
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="control-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M30 7h-5.1a5 5 0 0 0-9.8 0H2v2h13.1a5 5 0 0 0 9.8 0H30zm-10 4a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM2 25h5.1a5 5 0 0 0 9.8 0H30v-2H16.9a5 5 0 0 0-9.8 0H2zm7-1a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"
              />
            </svg>
            
            appNavigation.control
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="control-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.managePowerUsage
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/control/reboot-bmc"
                target="_self"
              >
                
              appNavigation.rebootBmc
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.serverLed
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/control/server-power-operations"
                target="_self"
              >
                
              appNavigation.serverPowerOperations
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="configuration-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M13.5 8.4v-.8l1-.8c.4-.3.4-.9.2-1.3l-1.2-2c-.2-.3-.5-.5-.9-.5-.1 0-.2 0-.3.1l-1.2.4c-.2-.1-.4-.3-.7-.4l-.3-1.3c0-.5-.4-.8-.9-.8H6.8c-.5 0-.9.3-1 .8l-.2 1.3c-.3.1-.5.2-.7.3L3.7 3h-.3c-.4 0-.7.2-.9.5l-1.2 2c-.2.4-.1.9.3 1.3l.9.9v.8l-.9.7c-.4.3-.5.9-.2 1.3l1.2 2c.1.3.4.5.8.5.1 0 .2 0 .3-.1l1.2-.4c.2.1.4.3.7.4l.3 1.3c.1.5.5.8 1 .8h2.4c.5 0 .9-.3 1-.8l.3-1.3c.2-.1.4-.2.7-.4l1.2.4c.1 0 .2.1.3.1.4 0 .7-.2.9-.5l1.1-2c.2-.4.2-.9-.2-1.3l-1.1-.8zm-.9 3.6l-1.7-.6c-.4.3-.9.6-1.4.8L9.2 14H6.8l-.4-1.8c-.5-.2-.9-.5-1.4-.8l-1.6.6-1.2-2 1.4-1.2c-.1-.5-.1-1.1 0-1.6L2.2 6l1.2-2 1.7.6c.4-.4.9-.6 1.4-.8L6.8 2h2.4l.4 1.8c.5.2.9.5 1.4.8l1.6-.6 1.2 2-1.4 1.2c.1.5.1 1.1 0 1.6l1.4 1.2-1.2 2z"
              />
              <path
                d="M8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3c0 1.6-1.3 3-3 3zm0-5c-1.1 0-2 .8-2 1.9V8c0 1.1.8 2 1.9 2H8c1.1 0 2-.8 2-1.9V8c0-1.1-.8-2-2-2 .1 0 0 0 0 0z"
              />
            </svg>
            
            appNavigation.configuration
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="configuration-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.firmware
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.networkSettings
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.snmpSettings
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="access-control-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M21 2a9 9 0 0 0-9 9 8.87 8.87 0 0 0 .39 2.61L2 24v6h6l10.39-10.39A9 9 0 0 0 30 11.74a8.77 8.77 0 0 0-1.65-6A9 9 0 0 0 21 2zm0 16a7 7 0 0 1-2-.3l-1.15-.35-.85.85-3.18 3.18L12.41 20 11 21.41l1.38 1.38-1.59 1.59L9.41 23 8 24.41l1.38 1.38L7.17 28H4v-3.17L13.8 15l.85-.85-.29-.95a7.14 7.14 0 0 1 3.4-8.44 7 7 0 0 1 10.24 6 6.69 6.69 0 0 1-1.09 4A7 7 0 0 1 21 18z"
              />
              <circle
                cx="22"
                cy="10"
                r="2"
              />
            </svg>
            
            appNavigation.accessControl
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="access-control-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.ldap
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/access-control/local-user-management"
                target="_self"
              >
                
              appNavigation.localUserManagement
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/access-control/ssl-certificates"
                target="_self"
              >
                
              appNavigation.sslCertificates
            
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
   
  <!---->
</div>
`;

exports[`AppNavigation.vue should render with nav-container open 1`] = `
<div>
  <div
    class="nav-container"
  >
    <nav
      aria-label="appNavigation.primaryNavigation"
    >
      <ul
        class="nav flex-column"
      >
        <li
          class="nav-item"
        >
          <a
            class="nav-link"
            href="/"
            target="_self"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M4 2H2v26a2 2 0 0 0 2 2h26v-2H4z"
              />
              <path
                d="M30 9h-7v2h3.59L19 18.59l-4.29-4.3a1 1 0 0 0-1.42 0L6 21.59 7.41 23 14 16.41l4.29 4.3a1 1 0 0 0 1.42 0l8.29-8.3V16h2z"
              />
            </svg>
            
          appNavigation.overview
        
          </a>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="health-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M23 27.18l-2.59-2.59L19 26l4 4 7-7-1.41-1.41L23 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-2 2v22a2 2 0 0 0 2 2h8v-2H8v-6h18V5a2 2 0 0 0-2-2zm0 16H8v-6h16zm0-8H8V5h16z"
              />
            </svg>
            
            appNavigation.health
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="health-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.eventLog
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.hardwareStatus
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/health/sensors"
                target="_self"
              >
                
              appNavigation.sensors
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="control-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M30 7h-5.1a5 5 0 0 0-9.8 0H2v2h13.1a5 5 0 0 0 9.8 0H30zm-10 4a3 3 0 1 1 3-3 3 3 0 0 1-3 3zM2 25h5.1a5 5 0 0 0 9.8 0H30v-2H16.9a5 5 0 0 0-9.8 0H2zm7-1a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"
              />
            </svg>
            
            appNavigation.control
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="control-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.managePowerUsage
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/control/reboot-bmc"
                target="_self"
              >
                
              appNavigation.rebootBmc
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.serverLed
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/control/server-power-operations"
                target="_self"
              >
                
              appNavigation.serverPowerOperations
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="configuration-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M13.5 8.4v-.8l1-.8c.4-.3.4-.9.2-1.3l-1.2-2c-.2-.3-.5-.5-.9-.5-.1 0-.2 0-.3.1l-1.2.4c-.2-.1-.4-.3-.7-.4l-.3-1.3c0-.5-.4-.8-.9-.8H6.8c-.5 0-.9.3-1 .8l-.2 1.3c-.3.1-.5.2-.7.3L3.7 3h-.3c-.4 0-.7.2-.9.5l-1.2 2c-.2.4-.1.9.3 1.3l.9.9v.8l-.9.7c-.4.3-.5.9-.2 1.3l1.2 2c.1.3.4.5.8.5.1 0 .2 0 .3-.1l1.2-.4c.2.1.4.3.7.4l.3 1.3c.1.5.5.8 1 .8h2.4c.5 0 .9-.3 1-.8l.3-1.3c.2-.1.4-.2.7-.4l1.2.4c.1 0 .2.1.3.1.4 0 .7-.2.9-.5l1.1-2c.2-.4.2-.9-.2-1.3l-1.1-.8zm-.9 3.6l-1.7-.6c-.4.3-.9.6-1.4.8L9.2 14H6.8l-.4-1.8c-.5-.2-.9-.5-1.4-.8l-1.6.6-1.2-2 1.4-1.2c-.1-.5-.1-1.1 0-1.6L2.2 6l1.2-2 1.7.6c.4-.4.9-.6 1.4-.8L6.8 2h2.4l.4 1.8c.5.2.9.5 1.4.8l1.6-.6 1.2 2-1.4 1.2c.1.5.1 1.1 0 1.6l1.4 1.2-1.2 2z"
              />
              <path
                d="M8 11c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3c0 1.6-1.3 3-3 3zm0-5c-1.1 0-2 .8-2 1.9V8c0 1.1.8 2 1.9 2H8c1.1 0 2-.8 2-1.9V8c0-1.1-.8-2-2-2 .1 0 0 0 0 0z"
              />
            </svg>
            
            appNavigation.configuration
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="configuration-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.firmware
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.networkSettings
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.snmpSettings
            
              </a>
            </li>
          </ul>
        </li>
         
        <li
          class="nav-item"
        >
          <button
            aria-controls="access-control-menu"
            aria-expanded="false"
            class="btn btn-link collapsed"
            type="button"
          >
            <svg
              aria-hidden="true"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 32 32"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M21 2a9 9 0 0 0-9 9 8.87 8.87 0 0 0 .39 2.61L2 24v6h6l10.39-10.39A9 9 0 0 0 30 11.74a8.77 8.77 0 0 0-1.65-6A9 9 0 0 0 21 2zm0 16a7 7 0 0 1-2-.3l-1.15-.35-.85.85-3.18 3.18L12.41 20 11 21.41l1.38 1.38-1.59 1.59L9.41 23 8 24.41l1.38 1.38L7.17 28H4v-3.17L13.8 15l.85-.85-.29-.95a7.14 7.14 0 0 1 3.4-8.44 7 7 0 0 1 10.24 6 6.69 6.69 0 0 1-1.09 4A7 7 0 0 1 21 18z"
              />
              <circle
                cx="22"
                cy="10"
                r="2"
              />
            </svg>
            
            appNavigation.accessControl
            
            <svg
              aria-hidden="true"
              class="icon-expand"
              focusable="false"
              height="16"
              preserveAspectRatio="xMidYMid meet"
              style="will-change: transform;"
              viewBox="0 0 16 16"
              width="16"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8 5l5 5-.7.7L8 6.4l-4.3 4.3L3 10z"
              />
            </svg>
          </button>
           
          <ul
            class="nav-item__nav collapse"
            id="access-control-menu"
            style="display: none;"
          >
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="javascript:void(0)"
                target="_self"
              >
                
              appNavigation.ldap
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/access-control/local-user-management"
                target="_self"
              >
                
              appNavigation.localUserManagement
            
              </a>
            </li>
             
            <li
              class="nav-item"
            >
              <a
                class="nav-link"
                href="/access-control/ssl-certificates"
                target="_self"
              >
                
              appNavigation.sslCertificates
            
              </a>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
   
  <!---->
</div>
`;