I am trying to automate a table test on a site written in angular, I can get cypress to find the field label but it just won't locate the actual quill editor inside the multiple-text element. I can successfully locate the editor if I just use Chrome devtools and xpath but am unable to do so in cypress. Any help would be very much appreciated.
This xpath correctly identifies the editor I'm attempting to access
//mat-label[contains(., "Game Notes")]/ancestor::form//div[contains(@class, "ql-editor")]
This is the cypress command
cy.contains('mat-label', label)
.should('be.visible')
.closest('form')
.find('.ql-editor')
.should('be.visible')
.type(text);