Update tooltips for the SelectorStats table

1. clarifying the elapsed time in computing style recalculation. 2.
replace `element(s)` with `node(s)` which was used interchangeably
before. 3. fix a typo `defintion` with `definition` 4. clarifying the
invalidation count. A node can be invalidated multiple times and by
multiple selectors.

Bug: 379886422
Change-Id: I85aeec7f546c6bb2bba6cd74b4d24ebb6e022162
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6762175
Reviewed-by: Sulekha Kulkarni <[email protected]>
Commit-Queue: Guangyue Xu <[email protected]>
Reviewed-by: Paul Irish <[email protected]>

Author: Guangyue Xu

front_end/panels/timeline/TimelineSelectorStatsView.ts

@@ -32,7 +32,7 @@ const UIStrings = {
   /**
    *@description Tooltip description 'Elapsed (ms)'
    */
-  elapsedExplanation: 'Elapsed time spent computing a style rule in micro seconds',
+  elapsedExplanation: 'Elapsed time spent matching a selector against the DOM in milliseconds.',
   /**
    *@description Column name and percentage of slow mach non-matches computing a style rule
    */
@@ -49,23 +49,23 @@ const UIStrings = {
   /**
    *@description Tooltip description 'Match attempts'
    */
-  matchAttemptsExplanation: 'Count of elements that the engine attempted to match against a style rule',
+  matchAttemptsExplanation: 'Count of nodes that the engine attempted to match against a style rule.',
   /**
    *@description Column name for count of elements that matched a style rule
    */
   matchCount: 'Match count',
   /**
    *@description Tooltip description 'Match count'
    */
-  matchCountExplanation: 'Count of elements that matched a style rule',
+  matchCountExplanation: 'Count of nodes that matched a style rule.',
   /**
    *@description Column name for a style rule's CSS selector text
    */
   selector: 'Selector',
   /**
    *@description Tooltip description 'Selector'
    */
-  selectorExplanation: 'CSS selector text of a style rule',
+  selectorExplanation: 'CSS selector text of a style rule.',
   /**
    *@description Column name for a style rule's CSS selector text
    */
@@ -74,7 +74,7 @@ const UIStrings = {
    *@description Tooltip description 'Style Sheet'
    */
   styleSheetIdExplanation:
-      'Links to the selector rule defintion in the style sheets. Note that a selector rule could be defined in multiple places in a style sheet or defined in multiple style sheets. Selector rules from browser user-agent style sheet or dynamic style sheets don\'t have a link.',
+      'Links to the selector rule definition in the style sheets. Note that a selector rule could be defined in multiple places in a style sheet or defined in multiple style sheets. Selector rules from browser user-agent style sheet or dynamic style sheets don\'t have a link.',
   /**
    *@description A context menu item in data grids to copy entire table to clipboard
    */
@@ -110,7 +110,7 @@ const UIStrings = {
    *@description Tooltip description 'Invalidation count'
    */
   invalidationCountExplanation:
-      'Aggregated count of invalidations on nodes and subsequently had style recalculated, all of which are matched by this selector. Note that a node can be invalidated multiple times.',
+      'Aggregated count of invalidations on nodes and subsequently had style recalculated, all of which are matched by this selector. Note that a node can be invalidated multiple times and by multiple selectors.',
 } as const;
 const str_ = i18n.i18n.registerUIStrings('panels/timeline/TimelineSelectorStatsView.ts', UIStrings);
 const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);