I have an angular app and some elements can not find with cypress

Question

enter image description hereI am using cypress to automate our angular app but it is not finding some elements which are under a special div it is behaving like it is iframe outside this div i can locate elements. I checked there is no iframe tag. is there some other features in angular which behaves like iframe .enter image description here

Answer 1

It sounds like there is shadow DOM present.

Add this to cypress.json

{
  ...
  "includeShadowDom": true
}