[Story] Consistent unit test framework

[tthvo]

Describe the feature

Right now, our unit framework needs refactoring to be more consistent the way we extract elements. With this, we can also move localization step into a single place.

Some new test setups also need documenting. For example, test with different screen sizes, test with a specific locale, etc.

Tasks

• [Task] Revamp unit test framework to isolate snapshot testing #661
• [Task] Need for better unit test coverage #665
• [Task] Fix tests' warnings on missing wrapping act #792
• Extract common logic (i.e. look for buttons, texts, or dropdowns) into utility module, similar to Common.tsx.
• Document how to test console with different screen sizes.
• If possible, fix can't update on unmounted component warnings. Mostly relating <Select /> component.

[tthvo]

This looks like it could help us with visual testing. Storybook is actually also included as a dev deps when creating project with PF seed.

https://storybook.js.org/tutorials/visual-testing-handbook/react/en/workflow/

[andrewazores]

Storybook is actually also included as a dev deps when creating project with PF seed.

Indeed:

#143

We can bring it back if we're actually going to start using it.

[tthvo]

Adding here as a note for future work:

#914 (comment)

[tthvo]

https://github.com/patternfly/patternfly-next-react-demo-app#running-tests