'Playwright Test - work in 4 browsers(Chrome, Microsoft Edge, Firefox, Webkit), toggle button problems

The test passes successfully for Chrome and Microsoft Edge browsers and gives an error for Firefox and Webkit browsers. When running the same test at the same time.

Gives this error:

waiting for element to be visible, enabled and stable
        element is not stable - waiting...
      element is visible, enabled and stable
      scrolling into view if needed
      done scrolling
      performing click action
      <div class="react-switch-handle"></div> intercepts pointer events
    retrying click action, attempt #138
      waiting 500ms
 waiting 500ms
      waiting for element to be visible, enabled and stable
        element is not stable - waiting...
      element is visible, enabled and stable
      scrolling into view if needed
      done scrolling
      performing click action
      <div class="breadcrumb">…</div> intercepts pointer events
    retrying click action, attempt #137

(https://i.stack.imgur.com/o1rwi.png) - this toggle button.



Solution 1:[1]

The error is saying that there is a div with a class breadcrumb that is fully (or partially) covering the element your are trying to click on.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 hardkoded