test: Clean up SelectAsyncControl test warnings (#22969)

apache · Feb 15, 2023 · f6c3044 · f6c3044
1 parent b1296a1
commit f6c3044
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/...t-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx b/...t-frontend/src/explore/components/controls/SelectAsyncControl/SelectAsyncControl.test.tsx
@@ -65,17 +65,17 @@ beforeEach(() => {
   jest.resetAllMocks();
 });
 
-test('Should render', () => {
+test('Should render', async () => {
   const props = createProps();
   render(<SelectAsyncControl {...props} />, { useRedux: true });
-  expect(screen.getByTestId('select-test')).toBeInTheDocument();
+  expect(await screen.findByTestId('select-test')).toBeInTheDocument();
 });
 
-test('Should send correct props to Select component - value props', () => {
+test('Should send correct props to Select component - value props', async () => {
   const props = createProps();
   render(<SelectAsyncControl {...props} />, { useRedux: true });
 
-  expect(screen.getByTestId('select-test')).toHaveAttribute(
+  expect(await screen.findByTestId('select-test')).toHaveAttribute(
     'data-value',
     JSON.stringify(props.value),
   );
@@ -89,20 +89,20 @@ test('Should send correct props to Select component - value props', () => {
   );
 });
 
-test('Should send correct props to Select component - function onChange multi:true', () => {
+test('Should send correct props to Select component - function onChange multi:true', async () => {
   const props = createProps();
   render(<SelectAsyncControl {...props} />, { useRedux: true });
   expect(props.onChange).toBeCalledTimes(0);
-  userEvent.click(screen.getByText('onChange'));
+  userEvent.click(await screen.findByText('onChange'));
   expect(props.onChange).toBeCalledTimes(1);
 });
 
-test('Should send correct props to Select component - function onChange multi:false', () => {
+test('Should send correct props to Select component - function onChange multi:false', async () => {
   const props = createProps();
   render(<SelectAsyncControl {...{ ...props, multi: false }} />, {
     useRedux: true,
   });
   expect(props.onChange).toBeCalledTimes(0);
-  userEvent.click(screen.getByText('onChange'));
+  userEvent.click(await screen.findByText('onChange'));
   expect(props.onChange).toBeCalledTimes(1);
 });