await userEvent

Signed-off-by: Johan Haals <johan.haals@gmail.com>

plugins/xcmetrics/src/components/Accordion/Accordion.test.tsx

@@ -45,7 +45,7 @@ describe('Accordion', () => {
 
     expect(rendered.getByText('Content')).not.toBeVisible();
 
-    userEvent.click(rendered.getByRole('button'));
+    await userEvent.click(rendered.getByRole('button'));
     expect(await rendered.findByText('Content')).toBeVisible();
   });
 });

plugins/xcmetrics/src/components/BuildList/BuildList.test.tsx

@@ -52,8 +52,10 @@ describe('BuildList', () => {
       </TestApiProvider>,
     );
 
-    userEvent.click(
-      (await rendered.findAllByLabelText('Detail panel visiblity toggle'))[0],
+    await userEvent.click(
+      (
+        await rendered.findAllByLabelText('Detail panel visiblity toggle')
+      )[0],
     );
     expect(await rendered.findByText('BuildDetails')).toBeInTheDocument();
   });

plugins/xcmetrics/src/components/BuildListFilter/BuildListFilter.test.tsx

@@ -44,21 +44,21 @@ const renderWithFiltersVisible = async (
     </TestApiProvider>,
   );
 
-  userEvent.click(rendered.getByLabelText('show filters'));
+  await userEvent.click(rendered.getByLabelText('show filters'));
   return rendered;
 };
 
 const setStatusFilter = async (rendered: RenderResult, option: string) => {
   const statusSelect = rendered.getAllByTestId('select')[0];
-  userEvent.click(statusSelect);
-  userEvent.click((await rendered.findAllByText(option))[0]);
+  await userEvent.click(statusSelect);
+  await userEvent.click((await rendered.findAllByText(option))[0]);
 };
 
 const setProjectFilter = async (rendered: RenderResult, option: string) => {
   const statusSelect = rendered.getAllByTestId('select')[1];
-  userEvent.click(statusSelect);
+  await userEvent.click(statusSelect);
   const options = await rendered.findAllByText(option);
-  userEvent.click(options[options.length - 1]);
+  await userEvent.click(options[options.length - 1]);
 };
 
 describe('BuildListFilter', () => {
@@ -82,7 +82,7 @@ describe('BuildListFilter', () => {
     expect(await rendered.findByText('Status')).toBeInTheDocument();
     expect(await rendered.findByText('Project')).toBeInTheDocument();
 
-    userEvent.click(rendered.getByLabelText('hide filters'));
+    await userEvent.click(rendered.getByLabelText('hide filters'));
     expect(rendered.queryByText('DatePicker')).toBeNull();
     expect(rendered.queryByText('Status')).toBeNull();
     expect(rendered.queryByText('Project')).toBeNull();
@@ -91,7 +91,7 @@ describe('BuildListFilter', () => {
   it('should load projects', async () => {
     const callback = jest.fn();
     const rendered = await renderWithFiltersVisible(callback);
-    userEvent.click((await rendered.findAllByText('All'))[1]);
+    await userEvent.click((await rendered.findAllByText('All'))[1]);
 
     expect(
       await rendered.findByText(client.mockBuild.projectName),
@@ -143,7 +143,7 @@ describe('BuildListFilter', () => {
     await setProjectFilter(rendered, client.mockBuild.projectName);
 
     callback.mockClear();
-    userEvent.click(await rendered.findByText('Clear all'));
+    await userEvent.click(await rendered.findByText('Clear all'));
 
     expect(callback).toHaveBeenCalledWith(initialValues);
     expect(await rendered.findByText('Filters (0)')).toBeInTheDocument();

plugins/xcmetrics/src/components/DatePicker/DatePicker.test.tsx

@@ -33,7 +33,7 @@ describe('DatePicker', () => {
     );
     const input = rendered.getByLabelText(label);
 
-    userEvent.type(input, '2020-02-02');
+    await userEvent.type(input, '2020-02-02');
     expect(callback).toBeCalledWith('2020-02-02');
   });
 
@@ -45,7 +45,7 @@ describe('DatePicker', () => {
     );
     const input = rendered.getByLabelText(label);
 
-    userEvent.type(input, 'test');
+    await userEvent.type(input, 'test');
     expect(callback).not.toHaveBeenCalled();
   });
 });

plugins/xcmetrics/src/components/OverviewTrends/OverviewTrends.test.tsx

@@ -53,8 +53,8 @@ describe('OverviewTrends', () => {
       </TestApiProvider>,
     );
 
-    userEvent.click(rendered.getByText('14 days'));
-    userEvent.click(await rendered.findByText('30 days'));
+    await userEvent.click(rendered.getByText('14 days'));
+    await userEvent.click(await rendered.findByText('30 days'));
     expect(await rendered.findByText('30 days')).toBeInTheDocument();
   });
 

plugins/xcmetrics/src/components/XcmetricsLayout/XcmetricsLayout.test.tsx

@@ -51,7 +51,7 @@ describe('XcmetricsLayout', () => {
       </TestApiProvider>,
     );
 
-    userEvent.click(rendered.getByText('Builds'));
+    await userEvent.click(rendered.getByText('Builds'));
     expect(await rendered.findByText('BuildList')).toBeInTheDocument();
   });
 });