Patternfly-react: PF4: Shadow DOM breaks selenium tests

[quarckster]

Examples in https://www.patternfly.org/v4/documentation/react/components/ use Shadow DOM. Tests in https://github.com/RedHatQE/widgetastic.patternfly4 failed because Selenium doesn't support Shadow DOM yet.

[rachael-phillips]

Hey @redallen making you aware of this one

[jschuler]

Hi @quarckster, would it be possible to access the element as described in this article?
https://medium.com/rate-engineering/a-guide-to-working-with-shadow-dom-using-selenium-b124992559f

[jschuler]

I could also think of passing a URL attribute that turns off shadow dom

[quarckster]

@jschuler that could make things much easier!

[psav]

@quarckster I was wondering if the OUIA attribute is assigned to the outer container, assuming one shadow dom per component, we could easily access the innards

[quarckster]

@psav I don't think so because shadow host != component root.

[psav]

That's a shame :)

[jschuler]

@quarckster Would you be able to append ?shadow=false to every link on the page?

[quarckster]

Yes, that will work I just need to change that line https://github.com/RedHatQE/widgetastic.patternfly4/blob/master/testing/conftest.py#L38

[jschuler]

@quarckster this change is in staging now.
https://staging.patternfly.org/v4/documentation/react/components/alert/?shadow=false
Let me know if this doesn't work for you.

[quarckster]

@jschuler Thanks. It works!

[quarckster]

@redallen @jschuler can you please tell when the changes will go https://patternfly.org?

[redallen]

@quarckster It's been promoted now.