1 files changed, 47 insertions, 0 deletions
diff --git a/devtools/client/inspector/compatibility/test/browser/browser_compatibility_unsupported-browsers_some.js b/devtools/client/inspector/compatibility/test/browser/browser_compatibility_unsupported-browsers_some.js
new file mode 100644
index 0000000000..6359b34e31
--- /dev/null
+++ b/devtools/client/inspector/compatibility/test/browser/browser_compatibility_unsupported-browsers_some.js
@@ -0,0 +1,47 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test whether some of browsers are unsupported.
+
+const {
+  updateTargetBrowsers,
+} = require("resource://devtools/client/inspector/compatibility/actions/compatibility.js");
+
+const TEST_URI = `
+  <style>
+  body {
+    border-block-color: lime;
+  }
+  </style>
+  <body></body>
+`;
+
+const TARGET_BROWSERS = [
+  { id: "firefox", name: "Firefox", version: "1" },
+  { id: "firefox", name: "Firefox", version: "70" },
+  { id: "firefox_android", name: "Firefox Android", version: "1" },
+  { id: "firefox_android", name: "Firefox Android", version: "70" },
+];
+
+add_task(async function () {
+  await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
+  const { inspector, selectedElementPane } = await openCompatibilityView();
+
+  info("Update the target browsers for this test");
+  await inspector.store.dispatch(updateTargetBrowsers(TARGET_BROWSERS));
+
+  info("Check the content of the issue item");
+  const expectedIssues = [
+    {
+      property: "border-block-color",
+      unsupportedBrowsers: [
+        { id: "firefox", name: "Firefox", version: "1" },
+        { id: "firefox_android", name: "Firefox Android", version: "1" },
+      ],
+      url: "https://developer.mozilla.org/docs/Web/CSS/border-block-color",
+    },
+  ];
+  await assertIssueList(selectedElementPane, expectedIssues);
+});