Use css style on component testing #2701
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Some component tests rely on css class in order to determine the component properties. For example in 56a978b the
toBeVisible()
matcher look for styledisplay: none
to be applied to the element or one of its parents.This PR proposes the
<WithStyle>
test utility.<WithStyle>
is a higher-order component that prepends the application css to the component to be rendered. It's meant to be used only on tests that require such ability (for keeping the test footprint small).In order to work the application css must be built already, thus a
pretest
script is added to package.json.Furthermore, the package.json has been refactored a bit to make use of npm variables (not required, it can be reverted).