Avoid issues causing flaky tests with pointer events

When clicking on multiselects sometimes user event complained about
`pointer-events` css property being `none`. Avoid this issue by not
checking for `pointer-event` at all.

src/web/components/testing.js

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
+import {PointerEventsCheckLevel} from '@testing-library/user-event';
+
 import {isDefined} from 'gmp/utils/identity';
 
 import {
@@ -72,7 +74,7 @@ export const getSelectElements = element => {
 export const openSelectElement = async select => {
   await act(async () => {
     select = select || getSelectElement();
-    await userEvent.click(select);
+    await clickElement(select);
   });
 };
 
@@ -81,7 +83,9 @@ export const openSelectElement = async select => {
  */
 export const clickElement = async element => {
   await act(async () => {
-    await userEvent.click(element);
+    await userEvent.click(element, {
+      pointerEventsCheck: PointerEventsCheckLevel.Never,
+    });
   });
 };
 

src/web/utils/testing.jsx

@@ -32,7 +32,7 @@ import {
   queryAllByAttribute,
   getElementError,
 } from '@testing-library/react/pure';
-import userEvent from '@testing-library/user-event';
+import userEvent, {PointerEventsCheckLevel} from '@testing-library/user-event';
 
 import {ThemeProvider, theme} from '@greenbone/opensight-ui-components';
 
@@ -108,7 +108,9 @@ export const render = ui => {
     <Main>{ui}</Main>,
   );
   return {
-    userEvent: userEvent.setup(),
+    userEvent: userEvent.setup({
+      pointerEventsCheck: PointerEventsCheckLevel.Never,
+    }),
     baseElement,
     container,
     element: hasValue(container) ? container.firstChild : undefined,