Bug 1734427 - [devtools] Fix CSSStyleSheet Rep title. r=Honza.

Differential Revision: https://phabricator.services.mozilla.com/D127803

devtools/client/shared/components/reps/reps/stylesheet.js

@@ -46,13 +46,17 @@ define(function(require, exports, module) {
     return {
       "data-link-actor-id": grip.actor,
       className: "objectBox objectBox-object",
-      title: shouldRenderTooltip ? `StyleSheet ${location}` : null,
+      title: shouldRenderTooltip
+        ? `${getGripType(grip, false)} ${location}`
+        : null,
     };
   }
 
   function getTitle(grip) {
-    const title = "StyleSheet ";
-    return span({ className: "objectBoxTitle" }, title);
+    return span(
+      { className: "objectBoxTitle" },
+      `${getGripType(grip, false)} `
+    );
   }
 
   function getLocation(grip) {

devtools/client/shared/components/test/node/components/reps/stylesheet.test.js

@@ -31,10 +31,10 @@ describe("Test StyleSheet", () => {
     );
 
     expect(renderedComponent.text()).toEqual(
-      "StyleSheet https://example.com/styles.css"
+      "CSSStyleSheet https://example.com/styles.css"
     );
     expect(renderedComponent.prop("title")).toEqual(
-      "StyleSheet https://example.com/styles.css"
+      "CSSStyleSheet https://example.com/styles.css"
     );
     expectActorAttribute(renderedComponent, stub.actor);
   });