[Feature]: show test annotation types in html-report's testFileView

[ppath]

🚀 Feature Request

Show test annotation types in the html report's testFileView (ie. initial test listing view). The annotation description can then be viewed inside the dedicated test case view.

My suggestion is to include the annotation type as a label, as it happens for test tags. Maybe something like:

-              <LabelsClickView labels={test.tags} />
+              <LabelsClickView labels={[
+                ...test.tags,
+                ...test.annotations.map(annotation => annotation.type),
+              ]} />

here:

playwright/packages/html-reporter/src/testFileView.tsx

Line 55 in 20a23b3

<LabelsClickView labels={test.tags} />

If the annotation is being added dynamically during the failed run of a flaky test, then the label should still appear. This behavior will be consistent with that of the "image diff" and "trace" icons on flaky tests.

Example

No response

Motivation

Since the annotations can be added dynamically, we can use them for marking tests based on the run behavior. These marks can be very useful to being able to be viewed and/or filtered in the test list.

[Skn0tt]

These marks can be very useful to being able to be viewed and/or filtered in the test list.

It's already possible to filter by annotations with the annot: filter in the test list. Try it out, annot:issue will show all tests that have an annotation of type issue.