1 files changed, 47 insertions, 0 deletions
diff --git a/devtools/client/inspector/compatibility/test/node/components/components-compatibility-IssueList.test.js b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-IssueList.test.js
new file mode 100644
index 0000000000..91431771b9
--- /dev/null
+++ b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-IssueList.test.js
@@ -0,0 +1,47 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Unit tests for the IssueList component.
+ */
+
+const { shallow } = require("enzyme");
+const React = require("react");
+
+const {
+  COMPATIBILITY_ISSUE_TYPE,
+} = require("resource://devtools/shared/constants.js");
+const IssueList = React.createFactory(
+  require("resource://devtools/client/inspector/compatibility/components/IssueList.js")
+);
+
+describe("IssueList component", () => {
+  it("renders some issues", () => {
+    const list = shallow(
+      IssueList({
+        issues: [
+          {
+            type: COMPATIBILITY_ISSUE_TYPE.CSS_PROPERTY,
+            property: "border-block-color",
+            url: "https://developer.mozilla.org/docs/Web/CSS/border-block-color",
+            deprecated: false,
+            experimental: true,
+            unsupportedBrowsers: [],
+          },
+          {
+            type: COMPATIBILITY_ISSUE_TYPE.CSS_PROPERTY_ALIASES,
+            property: "user-modify",
+            url: "https://developer.mozilla.org/docs/Web/CSS/user-modify",
+            aliases: ["user-modify"],
+            deprecated: true,
+            experimental: false,
+            unsupportedBrowsers: [],
+          },
+        ],
+      })
+    );
+    expect(list).toMatchSnapshot();
+  });
+});