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

exports[`optionsMenu expanded 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu pf-m-expanded"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-7"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="expanded"
  >
    <button
      aria-expanded="true"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-7"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="expanded-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
    <ul
      aria-labelledby="expanded-toggle"
      class="pf-c-options-menu__menu"
      role="menu"
    >
      <section
        class="pf-c-options-menu__group"
        index="0"
        role="none"
      >
        <h1
          class="pf-c-options-menu__group-title"
        >
          Sort order
        </h1>
        <ul
          aria-label=""
          class=""
          role="group"
        >
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-13"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Name
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-14"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Date
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="true"
              class="pf-m-disabled pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-15"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Disabled
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-16"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Size
            </button>
          </li>
        </ul>
      </section>
      <li
        class="pf-c-divider"
        index="1"
        role="separator"
      />
      <section
        class="pf-c-options-menu__group"
        index="2"
        role="none"
      >
        <h1
          class="pf-c-options-menu__group-title"
        >
          Sort direction
        </h1>
        <ul
          aria-label=""
          class=""
          role="group"
        >
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-17"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Ascending
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-18"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Descending
            </button>
          </li>
          <li
            class="pf-c-divider"
            role="separator"
          />
        </ul>
      </section>
    </ul>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu isDisabled 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-10"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="disabled"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-9"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      disabled=""
      id="disabled-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu open up 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu pf-m-top"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-5"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="openUp"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-5"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="openUp-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu plain 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-8"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="plain"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle pf-m-plain"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="plain-toggle"
      type="button"
    >
      <span />
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu regular 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-1"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="regular"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="regular-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu renders in strict mode 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu pf-m-expanded"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-3"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="regular"
  >
    <button
      aria-expanded="true"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-3"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="regular-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
    <ul
      aria-labelledby="regular-toggle"
      class="pf-c-options-menu__menu"
      role="menu"
    >
      <section
        class="pf-c-options-menu__group"
        index="0"
        role="none"
      >
        <h1
          class="pf-c-options-menu__group-title"
        >
          Sort order
        </h1>
        <ul
          aria-label=""
          class=""
          role="group"
        >
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-2"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Name
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-4"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Date
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="true"
              class="pf-m-disabled pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-6"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Disabled
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-8"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Size
            </button>
          </li>
        </ul>
      </section>
      <li
        class="pf-c-divider"
        index="1"
        role="separator"
      />
      <section
        class="pf-c-options-menu__group"
        index="2"
        role="none"
      >
        <h1
          class="pf-c-options-menu__group-title"
        >
          Sort direction
        </h1>
        <ul
          aria-label=""
          class=""
          role="group"
        >
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-10"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Ascending
            </button>
          </li>
          <li
            id=""
            role="none"
          >
            <button
              aria-disabled="false"
              class="pf-c-options-menu__menu-item"
              data-ouia-component-id="OUIA-Generated-DropdownItem-12"
              data-ouia-component-type="PF4/DropdownItem"
              data-ouia-safe="true"
              role="menuitem"
              tabindex="-1"
              type="button"
            >
              Descending
            </button>
          </li>
          <li
            class="pf-c-divider"
            role="separator"
          />
        </ul>
      </section>
    </ul>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu right aligned + open up 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu pf-m-top pf-m-align-right"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-6"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="rightAlignedOpenUp"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-6"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="rightAlignedOpenUp-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu right aligned 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu pf-m-align-right"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-4"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="rightAligned"
  >
    <button
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-label="Options menu"
      class="pf-c-options-menu__toggle"
      data-ouia-component-id="OUIA-Generated-DropdownToggle-4"
      data-ouia-component-type="PF4/DropdownToggle"
      data-ouia-safe="true"
      id="rightAligned-toggle"
      type="button"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      />
      <span
        class="pf-c-options-menu__toggle-icon"
      >
        <svg
          aria-hidden="true"
          fill="currentColor"
          height="1em"
          role="img"
          style="vertical-align: -0.125em;"
          viewBox="0 0 320 512"
          width="1em"
        >
          <path
            d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
          />
        </svg>
      </span>
    </button>
  </div>
</DocumentFragment>
`;

exports[`optionsMenu text 1`] = `
<DocumentFragment>
  <div
    class="pf-c-options-menu"
    data-ouia-component-id="OUIA-Generated-OptionsMenu-9"
    data-ouia-component-type="PF4/OptionsMenu"
    data-ouia-safe="true"
    id="text"
  >
    <div
      class="pf-c-options-menu__toggle pf-m-text"
      id="pf-dropdown-toggle-id-8"
    >
      <span
        class="pf-c-options-menu__toggle-text"
      >
        Test
      </span>
      <button
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-label="Options menu"
        class="pf-c-options-menu__toggle-button"
        id="text-toggle"
      >
        <span
          class="pf-c-options-menu__toggle-button-icon"
        >
          Test
        </span>
      </button>
    </div>
  </div>
</DocumentFragment>
`;
