Add OUIA IDs for some components testing page

[LightOfHeaven1994]

What: Closes #

Additional issues:

[patternfly-build]

Preview: https://patternfly-react-pr-8893.surge.sh

A11y report: https://patternfly-react-pr-8893-a11y.surge.sh

[LightOfHeaven1994]

I went through all changes I made in generated page here and haven't found any issues. All OUIA IDs are in place (instead of autogenerated values we have some real now for a few components).

[nicolethoen]

I don't think we need to add the ouiaId prop to each example - UI developers would not be using the ouaid prop except in testing, right?

As long as the ouiaId is listed in the component props tables at the bottom of the generated docs, that should cover us.
I can see the Alert docs do include ouiaId in the props table

[LightOfHeaven1994]

@nicolethoen I'm setting OUIA IDs only for some examples for being able to use them in testing page https://patternfly-react-main.surge.sh/ .
Right now if you open any Alert on a testing page you will see this HTML code (note that data-ouia-component-id is already here, it's just autogenerated):

<div class="pf-c-alert" aria-label="Default Alert" data-ouia-component-type="PF4/Alert" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Alert-default-1">

I'm just specifying some OUIA IDs (avoid autogeneration). It's not going to affect anything at all as it's only for doc/testing page. But we are going to use these ids to testing patternfly widgets that we make here https://github.com/RedHatQE/widgetastic.patternfly4

[nicolethoen]

@tlabaj might have more background on how our examples should be updated or not.

@LightOfHeaven1994 do you use the snippets from our example code in ouia tests?

[LightOfHeaven1994]

@nicolethoen in our tests we spin up Selenium container and navigate to your testing page and interacting with PF components using widgets (wrappers for your component in python for QE usage). For example, menu items selection https://github.com/RedHatQE/widgetastic.patternfly4/blob/master/testing/test_menu.py#L39

[nicolethoen]

I'm good with this - so long as @tlabaj is okay with it.

[tlabaj]

LGTM. This just needs a rebase then we can merge.

[LightOfHeaven1994]

@tlabaj rebased, thanks!

[patternfly-build]

Your changes have been released in:

• @patternfly/react-code-editor@5.0.0-alpha.63
• @patternfly/react-core@5.0.0-alpha.62
• @patternfly/react-docs@6.0.0-alpha.68
• demo-app-ts@5.0.0-alpha.46
• @patternfly/react-table@5.0.0-alpha.64

Thanks for your contribution! 🎉