Added error to HTML table

Author: estruyf

src/utils/getHtmlTable.ts

@@ -1,6 +1,9 @@
 import { TestCase } from "@playwright/test/reporter";
+import Convert from "ansi-to-html";
 
 export const getHtmlTable = (tests: TestCase[]): string => {
+  const convert = new Convert();
+
   const content: string[] = [];
 
   content.push(`<br>`);
@@ -11,6 +14,7 @@ export const getHtmlTable = (tests: TestCase[]): string => {
   content.push(`<th>Status</th>`);
   content.push(`<th>Duration</th>`);
   content.push(`<th>Retries</th>`);
+  content.push(`<th>Error</th>`);
   content.push(`</tr>`);
   content.push(`</thead>`);
   content.push(`<tbody>`);
@@ -26,6 +30,13 @@ export const getHtmlTable = (tests: TestCase[]): string => {
     );
     content.push(`<td>${result.duration / 1000}s</td>`);
     content.push(`<td>${result.retry}</td>`);
+    content.push(
+      `<td>${
+        result.error && result.error.message
+          ? convert.toHtml(result.error.message!)
+          : ""
+      }</td>`
+    );
     content.push(`</tr>`);
   }