1 files changed, 51 insertions, 0 deletions
diff --git a/devtools/client/responsive/test/browser/browser_device_modal_exit.js b/devtools/client/responsive/test/browser/browser_device_modal_exit.js
new file mode 100644
index 0000000000..5edc78f5e3
--- /dev/null
+++ b/devtools/client/responsive/test/browser/browser_device_modal_exit.js
@@ -0,0 +1,51 @@
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Test submitting display device changes on the device modal
+
+const TEST_URL = "data:text/html;charset=utf-8,";
+
+addRDMTask(
+  TEST_URL,
+  async function ({ ui }) {
+    const { document, store } = ui.toolWindow;
+
+    await openDeviceModal(ui);
+
+    const preferredDevicesBefore = _loadPreferredDevices();
+
+    info("Check the first unchecked device and exit the modal.");
+    const uncheckedCb = [
+      ...document.querySelectorAll(".device-input-checkbox"),
+    ].filter(cb => !cb.checked)[0];
+    const value = uncheckedCb.value;
+    uncheckedCb.click();
+    document.getElementById("device-close-button").click();
+
+    ok(
+      !store.getState().devices.isModalOpen,
+      "The device modal is closed on exit."
+    );
+
+    info("Check that the device list remains unchanged after exitting.");
+    const preferredDevicesAfter = _loadPreferredDevices();
+
+    is(
+      preferredDevicesAfter.added.size - preferredDevicesBefore.added.size,
+      1,
+      "Got expected number of added devices."
+    );
+    is(
+      preferredDevicesBefore.removed.size,
+      preferredDevicesAfter.removed.size,
+      "Got expected number of removed devices."
+    );
+    ok(
+      !preferredDevicesAfter.removed.has(value),
+      value + " was not added to removed device list."
+    );
+  },
+  { waitForDeviceList: true }
+);