[Bug] Can't use "type" command within shadow DOM about cypress-shadow-dom HOT 6 CLOSED

HI @sangmai350
Thanks for submitting the first issue!

I believe the code you wrote is not quite correct as you're using regular cypress commands for lookup.
I believe it should look somehow like:

cy.shadowGet('iframe body .input .wrp input').type(''123123);

you can also try like

cy.shadowGet('iframe body .input .wrp input')
  .then($el => cy.wrap($el).type(''123123));

Please keep in mind if you have nested shadow elements, all of their selectors must appear in query for shadowGet – otherwise it'll be unable to get to their shadow roots.

Also, it might happen that cy.type command works with only elements attached to real DOM – in that case we'll need to implement a tiny custom command to support that. I would expect that case, but first need to ensure it's really needed, so please check that code example above and let me know if that works.

UPD: Alternative I thought about just letting cypress base commands to work not only with attached DOM elements, but that either may bring extra set of documentation about that or generally inconsistency (as not all the commands might be switched).

from cypress-shadow-dom.

Curently error that i got when try to replicate your comments. Can you please take a look?

from cypress-shadow-dom.

@sangmai350
Right, totally forgot the context piece:
cy.document().shadowGet
so shadowGet works within the document context only (as per docs)

from cypress-shadow-dom.

And regarding .type command itself – it may appear that it'll work only with passing force: true option

from cypress-shadow-dom.

@all-contributors add @sangmai350 for bug

from cypress-shadow-dom.

@abramenal

I've put up a pull request to add @sangmai350! 🎉

from cypress-shadow-dom.