Bug 1093953 - (Part 2) Update test fixtures and add new test for CSS warnings in console. r=Honza

Depends on D28457

This commit separates the test-related changes from part one in D28457.

It updates the test fixtures to include the newly introduced `cssSelectors` field for messages used in tests.

It adds a test file for the newly introduced `CSSWarning` React component which is mostly a trimmed-down clone of the test for `PageError` component from which the component was forked. For now, just the basic toggle behavior of the component is tested. The test for calling the server to query DOM elements is not yet instrumented.

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

--HG--
extra : moz-landing-system : lando

devtools/client/webconsole/test/components/css-warning.test.js

@@ -0,0 +1,103 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+// Test utils.
+const expect = require("expect");
+const { render, mount } = require("enzyme");
+const sinon = require("sinon");
+
+// React
+const { createFactory } = require("devtools/client/shared/vendor/react");
+const Provider = createFactory(require("react-redux").Provider);
+const { setupStore } = require("devtools/client/webconsole/test/helpers");
+
+// Components under test.
+const CSSWarning = require("devtools/client/webconsole/components/message-types/CSSWarning");
+const {
+  MESSAGE_OPEN,
+  MESSAGE_CLOSE,
+} = require("devtools/client/webconsole/constants");
+
+// Test fakes.
+const { stubPreparedMessages } = require("devtools/client/webconsole/test/fixtures/stubs/index");
+const serviceContainer = require("devtools/client/webconsole/test/fixtures/serviceContainer");
+
+describe("CSSWarning component:", () => {
+  it("renders", () => {
+    const message = stubPreparedMessages.get(
+      "Unknown property ‘such-unknown-property’.  Declaration dropped."
+    );
+    const wrapper = render(CSSWarning({
+      message,
+      serviceContainer,
+      timestampsVisible: true,
+    }));
+    const { timestampString } = require("devtools/client/webconsole/webconsole-l10n");
+
+    expect(wrapper.find(".timestamp").text()).toBe(timestampString(message.timeStamp));
+
+    expect(wrapper.find(".message-body").text())
+      .toBe("Unknown property ‘such-unknown-property’.  Declaration dropped.");
+
+    // There shouldn't be a matched elements label rendered by default.
+    const elementLabel = wrapper.find(`.elements-label`);
+    expect(elementLabel.length).toBe(0);
+
+    // There should be a location.
+    const locationLink = wrapper.find(`.message-location`);
+    expect(locationLink.length).toBe(1);
+    expect(locationLink.text()).toBe("test-css-message.html:3:25");
+  });
+
+  it("closes an open message when the collapse button is clicked", () => {
+    const store = setupStore();
+    store.dispatch = sinon.spy();
+    const message = stubPreparedMessages.get(
+      "Unknown property ‘such-unknown-property’.  Declaration dropped."
+    );
+
+    const wrapper = mount(Provider({store},
+      CSSWarning({
+        message,
+        open: true,
+        dispatch: store.dispatch,
+        serviceContainer,
+      })
+    ));
+
+    wrapper.find(".collapse-button[aria-expanded='true']").simulate("click");
+
+    const call = store.dispatch.getCall(0);
+    expect(call.args[0]).toEqual({
+      id: message.id,
+      type: MESSAGE_CLOSE,
+    });
+  });
+
+  it("opens a closed message when the collapse button is clicked", () => {
+    const store = setupStore();
+    store.dispatch = sinon.spy();
+    const message = stubPreparedMessages.get(
+      "Unknown property ‘such-unknown-property’.  Declaration dropped."
+    );
+
+    const wrapper = mount(Provider({store},
+      CSSWarning({
+        message,
+        open: false,
+        payload: {}, // fake the existence of a payload to test just MESSAGE_OPEN action
+        dispatch: store.dispatch,
+        serviceContainer,
+      })
+    ));
+
+    wrapper.find(".collapse-button[aria-expanded='false']").simulate("click");
+
+    const call = store.dispatch.getCall(0);
+    expect(call.args[0]).toEqual({
+      id: message.id,
+      type: MESSAGE_OPEN,
+    });
+  });
+});

devtools/client/webconsole/test/components/message-container.test.js

@@ -11,6 +11,7 @@ const { createFactory } = require("devtools/client/shared/vendor/react");
 let { MessageContainer, getMessageComponent } = require("devtools/client/webconsole/components/MessageContainer");
 MessageContainer = createFactory(MessageContainer);
 const ConsoleApiCall = require("devtools/client/webconsole/components/message-types/ConsoleApiCall");
+const CSSWarning = require("devtools/client/webconsole/components/message-types/CSSWarning");
 const EvaluationResult = require("devtools/client/webconsole/components/message-types/EvaluationResult");
 const PageError = require("devtools/client/webconsole/components/message-types/PageError");
 
@@ -43,7 +44,7 @@ describe("MessageContainer component:", () => {
         message: stubPreparedMessages.get("ReferenceError: asdf is not defined"),
       },
       {
-        component: PageError,
+        component: CSSWarning,
         message: stubPreparedMessages.get(
           "Unknown property ‘such-unknown-property’.  Declaration dropped."
         ),

devtools/client/webconsole/test/fixtures/stubs/consoleApi.js

@@ -39,6 +39,7 @@ stubPreparedMessages.set(`console.log('foobar', 'test')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -74,6 +75,7 @@ stubPreparedMessages.set(`console.log(undefined)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -107,6 +109,7 @@ stubPreparedMessages.set(`console.warn('danger, will robinson!')`, new ConsoleMe
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -142,6 +145,7 @@ stubPreparedMessages.set(`console.log(NaN)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -177,6 +181,7 @@ stubPreparedMessages.set(`console.log(null)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -210,6 +215,7 @@ stubPreparedMessages.set(`console.log('鼬')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -243,6 +249,7 @@ stubPreparedMessages.set(`console.clear()`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -274,6 +281,7 @@ stubPreparedMessages.set(`console.count('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -338,6 +346,7 @@ stubPreparedMessages.set(`console.assert(false, {message: 'foobar'})`, new Conso
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -371,6 +380,7 @@ stubPreparedMessages.set(`console.log('hello \nfrom \rthe \"string world!')`, ne
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -404,6 +414,7 @@ stubPreparedMessages.set(`console.log('úṇĩçödê țĕșť')`, new ConsoleMe
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -449,6 +460,7 @@ stubPreparedMessages.set(`console.dirxml(window)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -500,6 +512,7 @@ stubPreparedMessages.set(`console.log('myarray', ['red', 'green', 'blue'])`, new
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -543,6 +556,7 @@ stubPreparedMessages.set(`console.log('myregex', /a.b.c/)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -593,6 +607,7 @@ stubPreparedMessages.set(`console.table(['red', 'green', 'blue']);`, new Console
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -662,6 +677,7 @@ stubPreparedMessages.set(`console.log('myobject', {red: 'redValue', green: 'gree
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -695,6 +711,7 @@ stubPreparedMessages.set(`console.debug('debug message');`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -728,6 +745,7 @@ stubPreparedMessages.set(`console.info('info message');`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -769,6 +787,7 @@ stubPreparedMessages.set(`console.error('error message');`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -825,6 +844,7 @@ stubPreparedMessages.set(`console.log('mymap')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -875,6 +895,7 @@ stubPreparedMessages.set(`console.log('myset')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -928,6 +949,7 @@ stubPreparedMessages.set(`console.trace()`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1025,6 +1047,7 @@ stubPreparedMessages.set(`console.trace('bar', {'foo': 'bar'}, [1,2,3])`, new Co
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1056,6 +1079,7 @@ stubPreparedMessages.set(`console.time('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1087,6 +1111,7 @@ stubPreparedMessages.set(`timerAlreadyExists`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1120,6 +1145,7 @@ stubPreparedMessages.set(`console.timeLog('bar') - 1`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1178,6 +1204,7 @@ stubPreparedMessages.set(`console.timeLog('bar') - 2`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1209,6 +1236,7 @@ stubPreparedMessages.set(`console.timeEnd('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1240,6 +1268,7 @@ stubPreparedMessages.set(`timeEnd.timerDoesntExist`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1271,6 +1300,7 @@ stubPreparedMessages.set(`timeLog.timerDoesntExist`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1304,6 +1334,7 @@ stubPreparedMessages.set(`console.table('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1354,6 +1385,7 @@ stubPreparedMessages.set(`console.table(['a', 'b', 'c'])`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1387,6 +1419,7 @@ stubPreparedMessages.set(`console.group('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1418,6 +1451,7 @@ stubPreparedMessages.set(`console.groupEnd('bar')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1451,6 +1485,7 @@ stubPreparedMessages.set(`console.groupCollapsed('foo')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1482,6 +1517,7 @@ stubPreparedMessages.set(`console.groupEnd('foo')`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1515,6 +1551,7 @@ stubPreparedMessages.set(`console.group()`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1546,6 +1583,7 @@ stubPreparedMessages.set(`console.groupEnd()`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1580,6 +1618,7 @@ stubPreparedMessages.set(`console.log(%cfoobar)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [
     "color:blue; font-size:1.3em; background:url('http://example.com/test'); position:absolute; top:10px; ",
     "color:red; line-height: 1.5; background:url('http://example.com/test')"
@@ -1618,6 +1657,7 @@ stubPreparedMessages.set(`console.log("%cHello%c|%cWorld")`, new ConsoleMessage(
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [
     "color:red",
     "",
@@ -1656,6 +1696,7 @@ stubPreparedMessages.set(`console.group(%cfoo%cbar)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [
     "color:blue;font-size:1.3em;background:url('http://example.com/test');position:absolute;top:10px",
     "color:red;background:url('http://example.com/test')"
@@ -1690,6 +1731,7 @@ stubPreparedMessages.set(`console.groupEnd(%cfoo%cbar)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1724,6 +1766,7 @@ stubPreparedMessages.set(`console.groupCollapsed(%cfoo%cbaz)`, new ConsoleMessag
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [
     "color:blue;font-size:1.3em;background:url('http://example.com/test');position:absolute;top:10px",
     "color:red;background:url('http://example.com/test')"
@@ -1758,6 +1801,7 @@ stubPreparedMessages.set(`console.groupEnd(%cfoo%cbaz)`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1832,6 +1876,7 @@ stubPreparedMessages.set(`console.dir({C, M, Y, K})`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1863,6 +1908,7 @@ stubPreparedMessages.set(`console.count | default: 1`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1894,6 +1940,7 @@ stubPreparedMessages.set(`console.count | default: 2`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1925,6 +1972,7 @@ stubPreparedMessages.set(`console.count | test counter: 1`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1956,6 +2004,7 @@ stubPreparedMessages.set(`console.count | test counter: 2`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -1987,6 +2036,7 @@ stubPreparedMessages.set(`console.count | default: 3`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -2020,6 +2070,7 @@ stubPreparedMessages.set(`console.count | clear`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -2051,6 +2102,7 @@ stubPreparedMessages.set(`console.count | default: 4`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -2082,6 +2134,7 @@ stubPreparedMessages.set(`console.count | test counter: 3`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -2113,6 +2166,7 @@ stubPreparedMessages.set(`console.countReset | test counter: 0`, new ConsoleMess
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,
@@ -2144,6 +2198,7 @@ stubPreparedMessages.set(`console.countReset | counterDoesntExist`, new ConsoleM
   "groupId": null,
   "errorMessageName": null,
   "exceptionDocURL": null,
+  "cssSelectors": "",
   "userProvidedStyles": [],
   "notes": null,
   "indent": 0,

devtools/client/webconsole/test/fixtures/stubs/cssMessage.js

@@ -35,6 +35,7 @@ stubPreparedMessages.set(`Unknown property ‘such-unknown-property’.  Declara
   },
   "groupId": null,
   "errorMessageName": "",
+  "cssSelectors": "p",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -65,6 +66,7 @@ stubPreparedMessages.set(`Error in parsing value for ‘padding-top’.  Declara
   },
   "groupId": null,
   "errorMessageName": "",
+  "cssSelectors": "p",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -93,7 +95,8 @@ stubPackets.set(`Unknown property ‘such-unknown-property’.  Declaration drop
     "private": false,
     "stacktrace": null,
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": "p"
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"
@@ -119,7 +122,8 @@ stubPackets.set(`Error in parsing value for ‘padding-top’.  Declaration drop
     "private": false,
     "stacktrace": null,
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": "p"
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"

devtools/client/webconsole/test/fixtures/stubs/evaluationResult.js

@@ -41,6 +41,7 @@ stubPreparedMessages.set(`new Date(0)`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -74,6 +75,7 @@ stubPreparedMessages.set(`asdf()`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": "JSMSG_NOT_DEFINED",
   "exceptionDocURL": "https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_defined?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -107,6 +109,7 @@ stubPreparedMessages.set(`1 + @`, new ConsoleMessage({
   "groupId": null,
   "errorMessageName": "JSMSG_ILLEGAL_CHARACTER",
   "exceptionDocURL": "https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Illegal_character?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -154,6 +157,7 @@ stubPreparedMessages.set(`inspect({a: 1})`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -181,6 +185,7 @@ stubPreparedMessages.set(`cd(document)`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -207,6 +212,7 @@ stubPreparedMessages.set(`undefined`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -239,6 +245,7 @@ stubPreparedMessages.set(`longString message Error`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -266,6 +273,7 @@ stubPreparedMessages.set(`eval throw ""`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -293,6 +301,7 @@ stubPreparedMessages.set(`eval throw "tomato"`, new ConsoleMessage({
   "stacktrace": null,
   "frame": null,
   "groupId": null,
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,

devtools/client/webconsole/test/fixtures/stubs/pageError.js

@@ -72,6 +72,7 @@ stubPreparedMessages.set(`ReferenceError: asdf is not defined`, new ConsoleMessa
   "groupId": null,
   "errorMessageName": "JSMSG_NOT_DEFINED",
   "exceptionDocURL": "https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Not_defined?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -118,6 +119,7 @@ stubPreparedMessages.set(`SyntaxError: redeclaration of let a`, new ConsoleMessa
   "groupId": null,
   "errorMessageName": "JSMSG_REDECLARED_VAR",
   "exceptionDocURL": "https://developer.mozilla.org/docs/Web/JavaScript/Reference/Errors/Redeclared_parameter?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": [
     {
@@ -185,6 +187,7 @@ stubPreparedMessages.set(`TypeError longString message`, new ConsoleMessage({
   },
   "groupId": null,
   "errorMessageName": "",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -237,6 +240,7 @@ stubPreparedMessages.set(`throw ""`, new ConsoleMessage({
   },
   "groupId": null,
   "errorMessageName": "JSMSG_UNCAUGHT_EXCEPTION",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -289,6 +293,7 @@ stubPreparedMessages.set(`throw "tomato"`, new ConsoleMessage({
   },
   "groupId": null,
   "errorMessageName": "JSMSG_UNCAUGHT_EXCEPTION",
+  "cssSelectors": "",
   "userProvidedStyles": null,
   "notes": null,
   "indent": 0,
@@ -354,7 +359,8 @@ stubPackets.set(`ReferenceError: asdf is not defined`, {
       }
     ],
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": ""
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"
@@ -406,7 +412,8 @@ stubPackets.set(`SyntaxError: redeclaration of let a`, {
         }
       }
     ],
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": ""
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"
@@ -459,7 +466,8 @@ stubPackets.set(`TypeError longString message`, {
       }
     ],
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": ""
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"
@@ -507,7 +515,8 @@ stubPackets.set(`throw ""`, {
       }
     ],
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": ""
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"
@@ -555,7 +564,8 @@ stubPackets.set(`throw "tomato"`, {
       }
     ],
     "notes": null,
-    "chromeContext": false
+    "chromeContext": false,
+    "cssSelectors": ""
   },
   "type": "pageError",
   "from": "server1.conn0.child1/consoleActor2"