1 files changed, 56 insertions, 0 deletions
diff --git a/devtools/client/inspector/compatibility/test/node/components/components-compatibility-UnsupportedBrowserList.test.js b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-UnsupportedBrowserList.test.js
new file mode 100644
index 0000000000..ca18480638
--- /dev/null
+++ b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-UnsupportedBrowserList.test.js
@@ -0,0 +1,56 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Unit tests for the BrowserList component.
+ */
+
+const { shallow } = require("enzyme");
+const React = require("react");
+
+const UnsupportedBrowserList = React.createFactory(
+  require("resource://devtools/client/inspector/compatibility/components/UnsupportedBrowserList.js")
+);
+
+describe("UnsupportedBrowserList component", () => {
+  it("renders the browsers", () => {
+    const list = shallow(
+      UnsupportedBrowserList({
+        browsers: [
+          { id: "firefox", name: "Firefox", version: "69", status: "beta" },
+          { id: "firefox", name: "Firefox", version: "70", status: "nightly" },
+          { id: "test-browser", name: "Test Browser", version: "1" },
+          { id: "test-browser", name: "Test Browser", version: "2" },
+          { id: "sample-browser", name: "Sample Browser", version: "100" },
+        ],
+      })
+    );
+    expect(list).toMatchSnapshot();
+  });
+
+  it("does not show ESR version if newer version is not supported", () => {
+    const list = shallow(
+      UnsupportedBrowserList({
+        browsers: [
+          { id: "firefox", name: "Firefox", version: "102", status: "esr" },
+          { id: "firefox", name: "Firefox", version: "112", status: "current" },
+        ],
+      })
+    );
+    expect(list).toMatchSnapshot();
+  });
+
+  it("shows ESR version if newer version is supported", () => {
+    const list = shallow(
+      UnsupportedBrowserList({
+        browsers: [
+          { id: "firefox", name: "Firefox", version: "102", status: "esr" },
+          { id: "test-browser", name: "Test Browser", version: "1" },
+        ],
+      })
+    );
+    expect(list).toMatchSnapshot();
+  });
+});