@patternfly/react-core 4.236.2 → 4.236.5

package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap

@@ -15,6 +15,7 @@ exports[`should render accessible tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -103,6 +104,7 @@ exports[`should render accessible tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -171,6 +173,7 @@ exports[`should render box tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -202,6 +205,7 @@ exports[`should render box tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -222,6 +226,7 @@ exports[`should render box tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -242,6 +247,7 @@ exports[`should render box tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -262,6 +268,7 @@ exports[`should render box tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-icon"
@@ -285,6 +292,7 @@ exports[`should render box tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -365,6 +373,7 @@ exports[`should render box tabs of light variant 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -396,6 +405,7 @@ exports[`should render box tabs of light variant 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -416,6 +426,7 @@ exports[`should render box tabs of light variant 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -436,6 +447,7 @@ exports[`should render box tabs of light variant 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -450,6 +462,7 @@ exports[`should render box tabs of light variant 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -561,6 +574,7 @@ exports[`should render expandable vertical tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -592,6 +606,7 @@ exports[`should render expandable vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -612,6 +627,7 @@ exports[`should render expandable vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -632,6 +648,7 @@ exports[`should render expandable vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -652,6 +669,7 @@ exports[`should render expandable vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-icon"
@@ -675,6 +693,7 @@ exports[`should render expandable vertical tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -755,6 +774,7 @@ exports[`should render filled tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -786,6 +806,7 @@ exports[`should render filled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -806,6 +827,7 @@ exports[`should render filled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -826,6 +848,7 @@ exports[`should render filled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -840,6 +863,7 @@ exports[`should render filled tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -908,6 +932,7 @@ exports[`should render secondary tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -939,6 +964,7 @@ exports[`should render secondary tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-primarieTabs"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -959,6 +985,7 @@ exports[`should render secondary tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -979,6 +1006,7 @@ exports[`should render secondary tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -993,6 +1021,7 @@ exports[`should render secondary tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1030,6 +1059,7 @@ exports[`should render secondary tabs 1`] = `
         aria-label="Scroll left"
         class="pf-c-tabs__scroll-button pf-m-secondary"
         disabled=""
+        type="button"
       >
         <svg
           aria-hidden="true"
@@ -1061,6 +1091,7 @@ exports[`should render secondary tabs 1`] = `
             data-ouia-safe="true"
             id="pf-tab-10-secondary tab1"
             role="tab"
+            type="button"
           >
             <span
               class="pf-c-tabs__item-text"
@@ -1081,6 +1112,7 @@ exports[`should render secondary tabs 1`] = `
             data-ouia-safe="true"
             id="pf-tab-11-secondary tab2"
             role="tab"
+            type="button"
           >
             <span
               class="pf-c-tabs__item-text"
@@ -1101,6 +1133,7 @@ exports[`should render secondary tabs 1`] = `
             data-ouia-safe="true"
             id="pf-tab-12-secondary tab3"
             role="tab"
+            type="button"
           >
             <span
               class="pf-c-tabs__item-text"
@@ -1115,6 +1148,7 @@ exports[`should render secondary tabs 1`] = `
         aria-label="Scroll right"
         class="pf-c-tabs__scroll-button pf-m-secondary"
         disabled=""
+        type="button"
       >
         <svg
           aria-hidden="true"
@@ -1209,6 +1243,7 @@ exports[`should render simple tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1240,6 +1275,7 @@ exports[`should render simple tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1260,6 +1296,7 @@ exports[`should render simple tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1280,6 +1317,7 @@ exports[`should render simple tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1300,6 +1338,7 @@ exports[`should render simple tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-icon"
@@ -1323,6 +1362,7 @@ exports[`should render simple tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1403,6 +1443,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1434,6 +1475,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
           data-ouia-safe="true"
           id="pf-tab-one-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1454,6 +1496,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
           data-ouia-safe="true"
           id="pf-tab-two-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1474,6 +1517,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
           data-ouia-safe="true"
           id="pf-tab-three-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1488,6 +1532,7 @@ exports[`should render tabs with eventKey Strings 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1557,6 +1602,7 @@ exports[`should render tabs with no bottom border 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1588,6 +1634,7 @@ exports[`should render tabs with no bottom border 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1608,6 +1655,7 @@ exports[`should render tabs with no bottom border 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1628,6 +1676,7 @@ exports[`should render tabs with no bottom border 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1642,6 +1691,7 @@ exports[`should render tabs with no bottom border 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1710,6 +1760,7 @@ exports[`should render tabs with separate content 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1741,6 +1792,7 @@ exports[`should render tabs with separate content 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-separateTabs"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1761,6 +1813,7 @@ exports[`should render tabs with separate content 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-separateTabs"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1781,6 +1834,7 @@ exports[`should render tabs with separate content 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-separateTabs"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1795,6 +1849,7 @@ exports[`should render tabs with separate content 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1872,6 +1927,7 @@ exports[`should render uncontrolled tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -1903,6 +1959,7 @@ exports[`should render uncontrolled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1923,6 +1980,7 @@ exports[`should render uncontrolled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1943,6 +2001,7 @@ exports[`should render uncontrolled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -1963,6 +2022,7 @@ exports[`should render uncontrolled tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-icon"
@@ -1986,6 +2046,7 @@ exports[`should render uncontrolled tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -2066,6 +2127,7 @@ exports[`should render vertical tabs 1`] = `
       aria-label="Scroll left"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"
@@ -2097,6 +2159,7 @@ exports[`should render vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-0-tab1"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -2117,6 +2180,7 @@ exports[`should render vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-1-tab2"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -2137,6 +2201,7 @@ exports[`should render vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-2-tab3"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-text"
@@ -2157,6 +2222,7 @@ exports[`should render vertical tabs 1`] = `
           data-ouia-safe="true"
           id="pf-tab-3-tab4"
           role="tab"
+          type="button"
         >
           <span
             class="pf-c-tabs__item-icon"
@@ -2180,6 +2246,7 @@ exports[`should render vertical tabs 1`] = `
       aria-label="Scroll right"
       class="pf-c-tabs__scroll-button"
       disabled=""
+      type="button"
     >
       <svg
         aria-hidden="true"

package/src/components/TextArea/__tests__/TextArea.test.tsx

@@ -12,10 +12,12 @@ const props = {
 };
 
 describe('TextArea', () => {
-  test('textarea input passes value and event to onChange handler', () => {
+  test('textarea input passes value and event to onChange handler', async () => {
+    const user = userEvent.setup();
+
     render(<TextAreaBase {...props} value="" aria-label="test textarea" />);
 
-    userEvent.type(screen.getByLabelText('test textarea'), 'a');
+    await user.type(screen.getByLabelText('test textarea'), 'a');
     expect(props.onChange).toHaveBeenCalledWith('a', expect.any(Object));
   });
 

package/src/components/TextInput/__tests__/TextInput.test.tsx

@@ -12,10 +12,12 @@ const props = {
 };
 
 describe('TextInput', () => {
-  test('input passes value and event to onChange handler', () => {
+  test('input passes value and event to onChange handler', async () => {
+    const user = userEvent.setup();
+
     render(<TextInputBase {...props} value="" aria-label="test input" />);
 
-    userEvent.type(screen.getByLabelText('test input'), 'a');
+    await user.type(screen.getByLabelText('test input'), 'a');
     expect(props.onChange).toHaveBeenCalledWith('a', expect.any(Object));
   });
 

package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx

@@ -241,13 +241,14 @@ describe('TextInputGroupMain', () => {
     expect(onChangeMock).not.toHaveBeenCalled();
   });
 
-  it('calls the onChange callback when the input changes', () => {
+  it('calls the onChange callback when the input changes', async () => {
     const onChangeMock = jest.fn();
+    const user = userEvent.setup();
 
     render(<TextInputGroupMain onChange={onChangeMock}>Test</TextInputGroupMain>);
 
     const input = screen.getByRole('textbox');
-    userEvent.type(input, 'Test');
+    await user.type(input, 'Test');
 
     expect(onChangeMock).toHaveBeenCalledTimes(4);
   });
@@ -260,36 +261,39 @@ describe('TextInputGroupMain', () => {
     expect(onFocusMock).not.toHaveBeenCalled();
   });
 
-  it('calls the onFocus callback when the input is focused', () => {
+  it('calls the onFocus callback when the input is focused', async () => {
     const onFocusMock = jest.fn();
+    const user = userEvent.setup();
 
     render(<TextInputGroupMain onFocus={onFocusMock}>Test</TextInputGroupMain>);
 
     const input = screen.getByRole('textbox');
-    userEvent.click(input);
+    await user.click(input);
 
     expect(onFocusMock).toHaveBeenCalledTimes(1);
   });
 
-  it('does not call onBlur callback when the input does not lose focus', () => {
+  it('does not call onBlur callback when the input does not lose focus', async () => {
     const onBlurMock = jest.fn();
+    const user = userEvent.setup();
 
     render(<TextInputGroupMain onBlur={onBlurMock}>Test</TextInputGroupMain>);
 
     const input = screen.getByRole('textbox');
-    userEvent.click(input);
+    await user.click(input);
 
     expect(onBlurMock).not.toHaveBeenCalled();
   });
 
-  it('calls the onBlur callback when the input loses focus', () => {
+  it('calls the onBlur callback when the input loses focus', async() => {
     const onBlurMock = jest.fn();
+    const user = userEvent.setup();
 
     render(<TextInputGroupMain onBlur={onBlurMock}>Test</TextInputGroupMain>);
 
     const input = screen.getByRole('textbox');
-    userEvent.click(input);
-    userEvent.click(document.body);
+    await user.click(input);
+    await user.click(document.body);
 
     expect(onBlurMock).toHaveBeenCalledTimes(1);
   });