Handling of Shadow DOM Element using Cypress with different approaches.
Shadow DOM allows developers to encapsulate their custom HTML elements and styles from the rest of the page.
To handle shadow DOM elements in Cypress, we need to use some custom commands and utilities that can pierce through the shadow boundary and locate the elements we want to test.