[tools 1/2] winetest/build-patterns: Use CSS to highlight lines with new failure modes.

[Francois Gouget]

This also makes it possible to programmatically manipulate the pattern
line labels.

Signed-off-by: Francois Gouget <fgouget(a)codeweavers.com>
---
 winetest/build-patterns | 5 ++---
 winetest/report.css     | 2 ++
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/winetest/build-patterns b/winetest/build-patterns
index 49b08e3cf..aa6a6e495 100755
--- a/winetest/build-patterns
+++ b/winetest/build-patterns
@@ -1113,9 +1113,8 @@ sub write_pattern_line($$$)
                      date_range($range_start, $range_end),
                      $range_title, $range_symbol x $range_count;
     }
-    my $label = $reportdir;
-    $label = "<b>$label</b>" if ($has_newmode);
-    print $html "</div> $label\n</div>";
+    my $newmode = $has_newmode ? " newmode" : "";
+    print $html "</div> <span class='label$newmode'>$reportdir</span>\n</div>";
 }
 
 sub index2symbol($)
diff --git a/winetest/report.css b/winetest/report.css
index be49a0523..25f156d6f 100644
--- a/winetest/report.css
+++ b/winetest/report.css
@@ -91,6 +91,8 @@ div.pattern :link    { color: black; text-decoration: none; }
 div.pattern :visited { color: black; text-decoration: none; }
 div.pattern :hover   { color: black; text-decoration: underline; }
 
+.newmode { font-weight: bold; }
+
 .patA { /* no such test in this build  */
     background-color: lightgrey;
 }
-- 
2.30.2

[tools 2/2] testbot/build-patterns: Colorize expanded pattern lines.

[Francois Gouget]

This makes it easier to identify which pattern lines were previously
hidden when there are a lot of them.

Signed-off-by: Francois Gouget <fgouget(a)codeweavers.com>
---
 winetest/patterns.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/winetest/patterns.js b/winetest/patterns.js
index 042620b8f..65e9cb82e 100644
--- a/winetest/patterns.js
+++ b/winetest/patterns.js
@@ -34,6 +34,11 @@ function expandTest(test)
 {
     test.patlines.forEach(patline => {
         patline.dom.style.display = patline.display;
+        if (!patline.cb.checked)
+        {
+            const label = patline.dom.querySelector('.label');
+            label.style.color = 'darkblue';
+        }
     });
     test.domexpand.innerHTML = '[-]';
     test.domexpand.title = "Apply filters";
@@ -106,6 +111,8 @@ function refreshPage(changes, rerun_checked)
         {
             cb.patlines.forEach(patline => {
                 patline.dom.style.display = patline.display;
+                const label = patline.dom.querySelector('.label');
+                label.style.removeProperty('color');
                 const test = patline.test;
                 test.linecount++;
                 if (test.linecount == 1 && test.id != "summary")
-- 
2.30.2