Research creating a utility for testing components within a shadowRoot

[benelan]

Test type

New test util and/or commonTest

Which Component(s)

None specifically, but it should be generic enough for all

Unstable Tests

N/A

Test error, if applicable

N/A

PR skipped, if applicable

N/A

Additional Info

Sometimes issues occur that are only reproducible within a shadowRoot, e.g. #4305
In these cases we need to create a custom element in the e2e tests, e.g.

• dropdown
• label
• stepper
• tabs

It would be nice to be able to

• DRY the creation of a custom element into a test util
• Use the util to create a commonTest (like accessible) that tests some sort of generic workflow (maybe clicking, tabbing, passing in a method, etc). This needs research to see what (if anything) is possible to automate.
• If there is some way to create a test wrapper that runs the test as is, and then runs it again in a custom element's shadowRoot, that would be very helpful too. But there is more research needed.

Blocked Issues: #7471

[driskull]

If there is some way to create a test wrapper that runs the test as is, and then runs it again in a custom element's shadowRoot, that would be very helpful too. But there is more research needed.

I like this one the best I think. We could have a test function as a constant and run it in Jest it() as well as itShadow()