fix tests broken in previous commit

Author: mfrances17

packages/react-core/src/components/Drawer/__tests__/Drawer.test.tsx

@@ -1,3 +1,4 @@
+import { createContext } from 'react';
 import {
   Drawer,
   DrawerActions,
@@ -129,7 +130,7 @@ test(`Drawer has resizable callback and id`, () => {
 });
 
 test('Resizeable DrawerPanelContent can be wrapped in a context without causing an error', async () => {
-  const TestContext = React.createContext({});
+  const TestContext = createContext({});
 
   const consoleError = jest.spyOn(console, 'error').mockImplementation();
 

packages/react-core/src/components/Form/__tests__/__snapshots__/FormGroup.test.tsx.snap

@@ -154,7 +154,7 @@ exports[`FormGroup should render form group variant without label 1`] = `
 </DocumentFragment>
 `;
 
-exports[`FormGroup should render form group with additonal label info 1`] = `
+exports[`FormGroup should render form group with additional label info 1`] = `
 <DocumentFragment>
   <div
     class="pf-v6-c-form__group"

packages/react-core/src/components/NumberInput/__tests__/NumberInput.test.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import { NumberInput } from '../NumberInput';
 import userEvent from '@testing-library/user-event';
@@ -215,7 +216,7 @@ describe('numberInput', () => {
     const consoleSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
 
     const NumberInputWrapper = () => {
-      const [value, setValue] = React.useState(0);
+      const [value, setValue] = useState(0);
       const onChange = (event) => setValue(event.currentTarget.value);
       const inputProps = { onChange };
 

packages/react-core/src/components/TextArea/__tests__/TextArea.test.tsx

@@ -1,3 +1,4 @@
+import { createRef } from 'react';
 import '@testing-library/jest-dom';
 
 import { render, screen } from '@testing-library/react';
@@ -148,7 +149,7 @@ test('Does not throw console error when aria-label is given but no id', () => {
 });
 
 test('TextArea can be accessed via passed ref', () => {
-  const testRef: React.RefObject<HTMLTextAreaElement | null> = React.createRef();
+  const testRef: React.RefObject<HTMLTextAreaElement | null> = createRef();
   render(<TextArea ref={testRef} />);
   global.scrollTo = jest.fn();
   testRef.current?.focus();

packages/react-core/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx

@@ -1,3 +1,4 @@
+import { useContext } from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group';
@@ -73,7 +74,7 @@ describe('TextInputGroup', () => {
 
   it('passes isDisabled=false to children via a context when isDisabled prop is not passed', () => {
     const TestComponent: React.FunctionComponent = () => {
-      const context = React.useContext(TextInputGroupContext);
+      const context = useContext(TextInputGroupContext);
 
       return <button disabled={context.isDisabled} />;
     };
@@ -91,7 +92,7 @@ describe('TextInputGroup', () => {
 
   it('passes isDisabled=true to children via a context when isDisabled prop is passed', () => {
     const TestComponent: React.FunctionComponent = () => {
-      const context = React.useContext(TextInputGroupContext);
+      const context = useContext(TextInputGroupContext);
 
       return <button disabled={context.isDisabled} />;
     };

packages/react-core/src/components/Tooltip/__tests__/Tooltip.test.tsx

@@ -1,3 +1,4 @@
+import { createRef, useState } from 'react';
 import { render, screen } from '@testing-library/react';
 import { Tooltip } from '../Tooltip';
 import userEvent from '@testing-library/user-event';
@@ -27,7 +28,7 @@ test('Renders with aria-live of off by default when triggerRef is not passed', a
 });
 
 test('Renders with aria-live of polite by default when triggerRef is passed', async () => {
-  const triggerRef = React.createRef();
+  const triggerRef = createRef();
   render(<Tooltip triggerRef={triggerRef} isVisible content="Test content" />);
 
   const tooltip = await screen.findByRole('tooltip');
@@ -94,7 +95,7 @@ test('Does not call onTooltipHidden before tooltip is hidden', async () => {
   const user = userEvent.setup();
 
   const TooltipCallback = () => {
-    const [isVisible, setIsVisible] = React.useState(false);
+    const [isVisible, setIsVisible] = useState(false);
 
     return (
       <Tooltip trigger="manual" isVisible={isVisible} onTooltipHidden={onTooltipHiddenMock} content="Test content">
@@ -114,7 +115,7 @@ test.skip('Calls onTooltipHidden when tooltip is hidden', async () => {
   const user = userEvent.setup();
 
   const TooltipCallback = () => {
-    const [isVisible, setIsVisible] = React.useState(true);
+    const [isVisible, setIsVisible] = useState(true);
 
     return (
       <Tooltip trigger="manual" isVisible={isVisible} onTooltipHidden={onTooltipHiddenMock} content="Test content">

packages/react-core/src/components/Wizard/__tests__/WizardToggle.test.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
@@ -94,7 +95,7 @@ test('unsets expanded properties when using the Escape key', async () => {
 });
 
 const WizardToggleExpand = (props) => {
-  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [isExpanded, setIsExpanded] = useState(false);
 
   return (
     <WizardToggle

packages/react-core/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { render, screen } from '@testing-library/react';
 import { Wizard, WizardStepFunctionType, WizardStep } from '../Wizard';
 import { DrawerPanelContent, DrawerHead } from '../../../../../src/components/Drawer';
@@ -283,7 +284,7 @@ test('wiz with disable sub step', () => {
 
 test('startAtStep can be used to externally control the current step of the wizard', async () => {
   const WizardTest = () => {
-    const [step, setStep] = React.useState(1);
+    const [step, setStep] = useState(1);
 
     const incrementStep = () => {
       setStep((prevStep) => prevStep + 1);