1 files changed, 39 insertions, 0 deletions
diff --git a/devtools/client/responsive/test/browser/browser_mouse_resize.js b/devtools/client/responsive/test/browser/browser_mouse_resize.js
new file mode 100644
index 0000000000..62aa1b1eae
--- /dev/null
+++ b/devtools/client/responsive/test/browser/browser_mouse_resize.js
@@ -0,0 +1,39 @@
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+const TEST_URL = "data:text/html;charset=utf-8,";
+
+addRDMTask(
+  TEST_URL,
+  async function ({ ui, manager }) {
+    const store = ui.toolWindow.store;
+
+    // Wait until the viewport has been added
+    await waitUntilState(store, state => state.viewports.length == 1);
+
+    await setViewportSize(ui, manager, 300, 300);
+
+    // Do horizontal + vertical resize
+    await testViewportResize(ui, ".viewport-resize-handle", [10, 10], [10, 10]);
+
+    // Do horizontal resize
+    await testViewportResize(
+      ui,
+      ".viewport-horizontal-resize-handle",
+      [-10, 10],
+      [-10, 0]
+    );
+
+    // Do vertical resize
+    await testViewportResize(
+      ui,
+      ".viewport-vertical-resize-handle",
+      [-10, -10],
+      [0, -10],
+      ui
+    );
+  },
+  { waitForDeviceList: true }
+);