@patternfly/react-core 6.0.0-alpha.57 → 6.0.0-alpha.59

package/src/deprecated/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap

@@ -1,681 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`optionsMenu expanded 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v6-c-options-menu pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-7"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="expanded"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-7"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="expanded-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu__menu"
-      role="menu"
-    >
-      <section
-        class="pf-v6-c-options-menu__group"
-        index="0"
-        role="none"
-      >
-        <h1
-          class="pf-v6-c-options-menu__group-title"
-        >
-          Sort order
-        </h1>
-        <ul
-          aria-label=""
-          class=""
-          role="group"
-        >
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-13"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Name
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-14"
-              data-ouia-component-type="PF6/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-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-15"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Disabled
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-16"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Size
-            </button>
-          </li>
-        </ul>
-      </section>
-      <li
-        class="pf-v6-c-divider"
-        index="1"
-        role="separator"
-      />
-      <section
-        class="pf-v6-c-options-menu__group"
-        index="2"
-        role="none"
-      >
-        <h1
-          class="pf-v6-c-options-menu__group-title"
-        >
-          Sort direction
-        </h1>
-        <ul
-          aria-label=""
-          class=""
-          role="group"
-        >
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-17"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Ascending
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-18"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Descending
-            </button>
-          </li>
-          <li
-            class="pf-v6-c-divider"
-            role="separator"
-          />
-        </ul>
-      </section>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`optionsMenu isDisabled 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v6-c-options-menu"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-10"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="disabled"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-9"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      disabled=""
-      id="disabled-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu pf-m-top"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-5"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="openUp"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-5"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="openUp-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-8"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="plain"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle pf-m-plain"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="plain-toggle"
-      type="button"
-    >
-      <span />
-    </button>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`optionsMenu regular 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v6-c-options-menu"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-1"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="regular"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="regular-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu pf-m-expanded"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-3"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="regular"
-  >
-    <button
-      aria-expanded="true"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-3"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="regular-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu__menu"
-      role="menu"
-    >
-      <section
-        class="pf-v6-c-options-menu__group"
-        index="0"
-        role="none"
-      >
-        <h1
-          class="pf-v6-c-options-menu__group-title"
-        >
-          Sort order
-        </h1>
-        <ul
-          aria-label=""
-          class=""
-          role="group"
-        >
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-2"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Name
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-4"
-              data-ouia-component-type="PF6/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-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-6"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Disabled
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-8"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Size
-            </button>
-          </li>
-        </ul>
-      </section>
-      <li
-        class="pf-v6-c-divider"
-        index="1"
-        role="separator"
-      />
-      <section
-        class="pf-v6-c-options-menu__group"
-        index="2"
-        role="none"
-      >
-        <h1
-          class="pf-v6-c-options-menu__group-title"
-        >
-          Sort direction
-        </h1>
-        <ul
-          aria-label=""
-          class=""
-          role="group"
-        >
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-10"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Ascending
-            </button>
-          </li>
-          <li
-            id=""
-            role="none"
-          >
-            <button
-              aria-disabled="false"
-              class="pf-v6-c-options-menu__menu-item"
-              data-ouia-component-id="OUIA-Generated-DropdownItem-12"
-              data-ouia-component-type="PF6/DropdownItem"
-              data-ouia-safe="true"
-              role="menuitem"
-              tabindex="-1"
-              type="button"
-            >
-              Descending
-            </button>
-          </li>
-          <li
-            class="pf-v6-c-divider"
-            role="separator"
-          />
-        </ul>
-      </section>
-    </ul>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`optionsMenu right aligned + open up 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v6-c-options-menu pf-m-top pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-6"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="rightAlignedOpenUp"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-6"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="rightAlignedOpenUp-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu pf-m-align-right"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-4"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="rightAligned"
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="listbox"
-      aria-label="Options menu"
-      class="pf-v6-c-options-menu__toggle"
-      data-ouia-component-id="OUIA-Generated-DropdownToggle-4"
-      data-ouia-component-type="PF6/DropdownToggle"
-      data-ouia-safe="true"
-      id="rightAligned-toggle"
-      type="button"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      />
-      <span
-        class="pf-v6-c-options-menu__toggle-icon"
-      >
-        <svg
-          aria-hidden="true"
-          class="pf-v6-svg"
-          fill="currentColor"
-          height="1em"
-          role="img"
-          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-v6-c-options-menu"
-    data-ouia-component-id="OUIA-Generated-OptionsMenu-9"
-    data-ouia-component-type="PF6/OptionsMenu"
-    data-ouia-safe="true"
-    id="text"
-  >
-    <div
-      class="pf-v6-c-options-menu__toggle pf-m-text"
-      id="pf-dropdown-toggle-id-8"
-    >
-      <span
-        class="pf-v6-c-options-menu__toggle-text"
-      >
-        Test
-      </span>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        aria-label="Options menu"
-        class="pf-v6-c-options-menu__toggle-button"
-        id="text-toggle"
-      >
-        <span
-          class="pf-v6-c-options-menu__toggle-button-icon"
-        >
-          Test
-        </span>
-      </button>
-    </div>
-  </div>
-</DocumentFragment>
-`;