Adapt tests

firefox-devtools · Mar 16, 2018 · 43aa5cf · 43aa5cf
1 parent 858a9a0
commit 43aa5cf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 37 deletions.
diff --git a/packages/devtools-reps/src/object-inspector/tests/component/__snapshots__/window.js.snap b/packages/devtools-reps/src/object-inspector/tests/component/__snapshots__/window.js.snap
@@ -32,14 +32,8 @@ exports[`ObjectInspector - dimTopLevelWindow renders collapsed top-level window
       className="node object-node"
       onClick={[Function]}
     >
-      <i
+      <img
         className="arrow"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<svg></svg>",
-          }
-        }
-        src={null}
       />
       <span
         className="object-label"
@@ -98,14 +92,8 @@ exports[`ObjectInspector - dimTopLevelWindow renders collapsed top-level window
       className="node object-node lessen"
       onClick={[Function]}
     >
-      <i
+      <img
         className="arrow"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<svg></svg>",
-          }
-        }
-        src={null}
       />
       <span
         className="object-label"
@@ -164,14 +152,8 @@ exports[`ObjectInspector - dimTopLevelWindow renders expanded top-level window w
       className="node object-node"
       onClick={[Function]}
     >
-      <i
+      <img
         className="arrow expanded"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<svg></svg>",
-          }
-        }
-        src={null}
       />
       <span
         className="object-label"
@@ -230,14 +212,8 @@ exports[`ObjectInspector - dimTopLevelWindow renders sub-level window 1`] = `
       className="node object-node"
       onClick={[Function]}
     >
-      <i
+      <img
         className="arrow expanded"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<svg></svg>",
-          }
-        }
-        src={null}
       />
       <span
         className="object-label"
@@ -264,14 +240,8 @@ exports[`ObjectInspector - dimTopLevelWindow renders sub-level window 1`] = `
       className="node object-node"
       onClick={[Function]}
     >
-      <i
+      <img
         className="arrow"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "<svg></svg>",
-          }
-        }
-        src={null}
       />
       <span
         className="object-label"

diff --git a/packages/devtools-reps/src/object-inspector/tests/test-utils.js b/packages/devtools-reps/src/object-inspector/tests/test-utils.js
@@ -26,8 +26,8 @@ function formatObjectInspector(wrapper: Object) {
   return wrapper.find(".tree-node")
     .map(node => {
       const indentStr = "|  ".repeat((node.prop("aria-level") || 1) - 1);
-      // We need to target i.arrow or Enzyme will also match the ArrowExpander component.
-      const arrow = node.find("i.arrow");
+      // Need to target img.arrow or Enzyme will also match the ArrowExpander component.
+      const arrow = node.find("img.arrow");
       let arrowStr = "  ";
       if (arrow.exists()) {
         arrowStr = arrow.hasClass("expanded") ? "▼ " : "▶︎ ";