1 files changed, 348 insertions, 0 deletions
diff --git a/devtools/client/inspector/compatibility/test/node/components/__snapshots__/components-compatibility-IssueItem.test.js.snap b/devtools/client/inspector/compatibility/test/node/components/__snapshots__/components-compatibility-IssueItem.test.js.snap
new file mode 100644
index 0000000000..3d219629e9
--- /dev/null
+++ b/devtools/client/inspector/compatibility/test/node/components/__snapshots__/components-compatibility-IssueItem.test.js.snap
@@ -0,0 +1,348 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`IssueItem component renders a deprecated issue of CSS property 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--deprecated"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-deprecated"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-deprecated
+      </span>
+    </Localized>
+  </div>
+</li>
+`;
+
+exports[`IssueItem component renders a prefixNeeded issue of CSS property 1`] = `
+<li
+  className="compatibility-issue-item"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-prefixneeded"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-prefixneeded
+      </span>
+    </Localized>
+  </div>
+  <ul
+    className="compatibility-issue-item__aliases"
+  >
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-1"
+    >
+      test-alias-1
+    </li>
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-2"
+    >
+      test-alias-2
+    </li>
+  </ul>
+</li>
+`;
+
+exports[`IssueItem component renders an experimental issue of CSS property 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--experimental"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-experimental"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-experimental
+      </span>
+    </Localized>
+  </div>
+</li>
+`;
+
+exports[`IssueItem component renders an issue which has deprecated and experimental 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--deprecated compatibility-issue-item--experimental"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-deprecated-experimental"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-deprecated-experimental
+      </span>
+    </Localized>
+  </div>
+  <ul
+    className="compatibility-issue-item__aliases"
+  >
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-1"
+    >
+      test-alias-1
+    </li>
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-2"
+    >
+      test-alias-2
+    </li>
+  </ul>
+</li>
+`;
+
+exports[`IssueItem component renders an issue which has deprecated and prefixNeeded 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--deprecated"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-deprecated-prefixneeded"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-deprecated-prefixneeded
+      </span>
+    </Localized>
+  </div>
+  <ul
+    className="compatibility-issue-item__aliases"
+  >
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-1"
+    >
+      test-alias-1
+    </li>
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-2"
+    >
+      test-alias-2
+    </li>
+  </ul>
+</li>
+`;
+
+exports[`IssueItem component renders an issue which has deprecated, experimental and prefixNeeded 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--deprecated compatibility-issue-item--experimental"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-deprecated-experimental-prefixneeded"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-deprecated-experimental-prefixneeded
+      </span>
+    </Localized>
+  </div>
+  <ul
+    className="compatibility-issue-item__aliases"
+  >
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-1"
+    >
+      test-alias-1
+    </li>
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-2"
+    >
+      test-alias-2
+    </li>
+  </ul>
+</li>
+`;
+
+exports[`IssueItem component renders an issue which has experimental and prefixNeeded 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--experimental"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <Localized
+      id="compatibility-issue-experimental-prefixneeded"
+    >
+      <span
+        className="compatibility-issue-item__causes"
+      >
+        compatibility-issue-experimental-prefixneeded
+      </span>
+    </Localized>
+  </div>
+  <ul
+    className="compatibility-issue-item__aliases"
+  >
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-1"
+    >
+      test-alias-1
+    </li>
+    <li
+      className="compatibility-issue-item__alias"
+      key="test-alias-2"
+    >
+      test-alias-2
+    </li>
+  </ul>
+</li>
+`;
+
+exports[`IssueItem component renders an issue which has nodes that caused this issue 1`] = `
+<li
+  className="compatibility-issue-item"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+  </div>
+  <NodePane
+    nodes={
+      Array [
+        Object {
+          "actorID": "test-actor",
+          "attributes": Array [],
+          "nodeName": "test-element",
+          "nodeType": 1,
+        },
+      ]
+    }
+  />
+</li>
+`;
+
+exports[`IssueItem component renders an unsupported issue of CSS property 1`] = `
+<li
+  className="compatibility-issue-item compatibility-issue-item--unsupported"
+  key="test-property"
+>
+  <div
+    className="compatibility-issue-item__description"
+  >
+    <a
+      className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
+      href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+      onClick={[Function]}
+      title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
+    >
+      test-property
+    </a>
+    <UnsupportedBrowserList
+      browsers={
+        Array [
+          Object {
+            "id": "firefox",
+            "name": "Firefox",
+            "status": "nightly",
+            "version": "70",
+          },
+        ]
+      }
+    />
+  </div>
+</li>
+`;