Make test result labels more stylable #2460
Open
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.
Context
Adding a custom stylesheet to a generated Allure Report is not too complicated, especially if one uses plugins.
What is much more challenging, however, is to customize the core sections of the report, because they don't include enough HTML markup to target with custom CSS rules.
This pull request aims to standardize CSS class names across the Test Result section:
.pane__section-title
– now used in eachpane__section
..pane__section-content
– a new CSS class which wraps in a generic way all the content inside those panes: severity, categories, tags, owner, duration, etc.Note
There is a minor change to conciliate
h3.pane__section-title
andspan.pane__section-title
– the inline titles inspan
will have::after
pseudo-element with a colon. This way we ensure that the colon is easy to add or remove in custom CSS styles.Checklist
Provide unit tests(not applicable to Handlebars changes, I guess)