add tests to check that grip, grip-array, grip-map don't forward titl…

…e to children

src/test/mochitest/head.js

@@ -47,15 +47,15 @@ function shallowRenderComponent(component, props) {
  */
 function testRepRenderModes(modeTests, testName, componentUnderTest, gripStub,
   props = {}) {
-  modeTests.forEach(({mode, expectedOutput, message}) => {
+  modeTests.forEach(({mode, expectedOutput, message, title}) => {
     const modeString = typeof mode === "undefined" ? "no mode" : mode.toString();
     if (!message) {
       message = `${testName}: ${modeString} renders correctly.`;
     }
 
     const rendered = renderComponent(
       componentUnderTest.rep,
-      Object.assign({}, { object: gripStub, mode }, props)
+      Object.assign({}, { object: gripStub, mode, title }, props)
     );
     is(rendered.textContent, expectedOutput, message);
   });

src/test/mochitest/test_reps_grip-array.html

@@ -108,6 +108,13 @@
       {
         mode: MODE.LONG,
         expectedOutput: defaultOutput,
+      },
+      {
+        // Check the custom title with nested objects to make sure nested objects are not
+        // displayed with their parent's title.
+        mode: MODE.LONG,
+        title: "CustomTitle",
+        expectedOutput: `CustomTitle [ 1, "foo", Object ]`,
       }
     ];
 

src/test/mochitest/test_reps_grip-map.html

@@ -138,6 +138,13 @@
       {
         mode: MODE.LONG,
         expectedOutput: defaultOutput,
+      },
+      {
+        // Check the custom title with nested objects to make sure nested objects are not
+        // displayed with their parent's title.
+        mode: MODE.LONG,
+        title: "CustomTitle",
+        expectedOutput: `CustomTitle { Object: "value-a" }`,
       }
     ];
 

src/test/mochitest/test_reps_grip.html

@@ -460,6 +460,13 @@
       {
         mode: MODE.LONG,
         expectedOutput: defaultOutput,
+      },
+      {
+        // Check the custom title with nested objects to make sure nested objects are not
+        // displayed with their parent's title.
+        mode: MODE.LONG,
+        title: "CustomTitle",
+        expectedOutput: `CustomTitle { objProp: Object, strProp: "test string" }`,
       }
     ];