add tooltip about results totals

web-platform-tests · Dec 7, 2024 · c838b81 · c838b81
1 parent 405e268
commit c838b81
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/webapp/views/wpt-results.js b/webapp/views/wpt-results.js
@@ -176,6 +176,11 @@ class WPTResults extends AmendMetadataMixin(Pluralizer(WPTColors(WPTFlags(PathIn
       .pointer {
         cursor: help;
       }
+      .interop-totals {
+        cursor: help;
+        border-bottom: 1px dotted #000;
+        text-decoration: none;
+      }
       
       .channel-area {
         display: flex;
@@ -359,7 +364,16 @@ class WPTResults extends AmendMetadataMixin(Pluralizer(WPTColors(WPTFlags(PathIn
                 </td>
                 <template is="dom-repeat" items="[[displayedTotals]]" as="columnTotal">
                   <td class\$="numbers [[ getTotalsClass(columnTotal) ]]">
-                    <span class\$="total [[ getTotalsClass(columnTotal) ]]">{{ getTotalDisplay(columnTotal) }}</span>
+                    <template is="dom-if" if="[[ isInteropView() ]]">
+                      <span class\$="total [[ getTotalsClass(columnTotal) ]]">
+                        <span class="interop-totals" title="This number may contain slight differences compared to the Interop Dashboard. Please reference the Interop Dashboard for accurate interop scores.">
+                          {{ getTotalDisplay(columnTotal) }}
+                        </span>
+                      </span>
+                    </template>
+                    <template is="dom-if" if="[[ !isInteropView() ]]">
+                      <span class\$="total [[ getTotalsClass(columnTotal) ]]">{{ getTotalDisplay(columnTotal) }}</span>
+                    </template>
                   </td>
                 </template>
               </tr>