Add Custom Data-Attributes to Components for OUIA Compatibility

[redallen]

Custom data- attributes on our components can help QE teams with integration tests. One suggestion is OUIA. Investigate how to include such attributes behind a Local Storage flag (for now).

This runtime could be useful for consumers who wish to run their own integration tests that locate PF4 components by data- attributes.

On the other hand, this is a violation of KISS in our main dist where dead code for these extraneous attributes will exist for a runtime most consumers never use and certainly won't want to ship in production. Webpack will not tree-shake the code because it has no idea what localStorage will be at runtime.

We could release a separate react-core-test package with these attributes for every major release, or ship a new module type like amd and require integration tests use that unpopular module type that doesn't include the data- attributes.

Open to discussion.

[rachael-phillips]

@redallen do you have an update on this one?

[rachael-phillips]

@dgutride can you add a list of components here of what will need to be delivered? We're trying to understand the stopping point of this effort and when it is complete.

[quarckster]

@rachael-phillips we would like to have this list of components to be OUIA compatible:
Alert
Breadcrumb
Button
Context Selector
Donut Chart
Dropdown
FormSelect
Nav
Pagination
Select
Switch
Table
Tabs
Switch has already an opened PR #2304 .

[rachael-phillips]

@quarckster thank you! Would it make the most sense to open separate issues to track this work or do you want to track it all here in this issue?

[quarckster]

@rachael-phillips I plan to open separate PRs for each component.