[Feature]: allow html in html-report's annotation description

[ppath]

🚀 Feature Request

Allow HTML rendering for annotation descriptions.

Maybe something like:

---- a/packages/html-reporter/src/testCaseView.tsx
+++ b/packages/html-reporter/src/testCaseView.tsx
@@ -69,14 +69,14 @@ function renderAnnotationDescription(description: string) {
     if (['http:', 'https:'].includes(new URL(description).protocol))
       return <a href={description} target='_blank' rel='noopener noreferrer'>{description}</a>;
   } catch {}
-  return description;
+  return <span dangerouslySetInnerHTML={{ __html: description }}></span>;
 }
 
 function TestCaseAnnotationView({ annotation: { type, description } }: { annotation: TestCaseAnnotation }) {
   return (
     <div className='test-case-annotation'>
       <span style={{ fontWeight: 'bold' }}>{type}</span>
-      {description && <span>: {renderAnnotationDescription(description)}</span>}
+      {description && <>: {renderAnnotationDescription(description)}</>}
     </div>
   );
 }

here:

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

Line 67 in 20a23b3

function renderAnnotationDescription(description: string) {

Example

No response

Motivation

Make annotation descriptions of complex format human readable.