1 files changed, 66 insertions, 0 deletions
diff --git a/toolkit/devtools/responsivedesign/test/browser_responsiveui_touch.js b/toolkit/devtools/responsivedesign/test/browser_responsiveui_touch.js
new file mode 100644
index 000000000..9fd8b866f
--- /dev/null
+++ b/toolkit/devtools/responsivedesign/test/browser_responsiveui_touch.js
@@ -0,0 +1,66 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+function test() {
+  let url = "http://mochi.test:8888/browser/browser/devtools/responsivedesign/test/touch.html";
+
+  let mgr = ResponsiveUI.ResponsiveUIManager;
+
+  waitForExplicitFinish();
+
+  gBrowser.selectedTab = gBrowser.addTab();
+  gBrowser.selectedBrowser.addEventListener("load", function onload() {
+    gBrowser.selectedBrowser.removeEventListener("load", onload, true);
+    waitForFocus(startTest, content);
+  }, true);
+
+  content.location = url;
+
+  function startTest() {
+    mgr.once("on", function() {executeSoon(testWithNoTouch)});
+    mgr.once("off", function() {executeSoon(finishUp)});
+    mgr.toggle(window, gBrowser.selectedTab);
+  }
+
+  function testWithNoTouch() {
+    let div = content.document.querySelector("div");
+    let x = 2, y = 2;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousedown", isSynthesized: false}, content);
+    x += 20; y += 10;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousemove", isSynthesized: false}, content);
+    is(div.style.transform, "", "touch didn't work");
+    EventUtils.synthesizeMouse(div, x, y, {type: "mouseup", isSynthesized: false}, content);
+    testWithTouch();
+  }
+
+  function testWithTouch() {
+    mgr.getResponsiveUIForTab(gBrowser.selectedTab).enableTouch();
+    let div = content.document.querySelector("div");
+    let x = 2, y = 2;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousedown", isSynthesized: false}, content);
+    x += 20; y += 10;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousemove", isSynthesized: false}, content);
+    is(div.style.transform, "translate(20px, 10px)", "touch worked");
+    EventUtils.synthesizeMouse(div, x, y, {type: "mouseup", isSynthesized: false}, content);
+    is(div.style.transform, "none", "end event worked");
+    mgr.toggle(window, gBrowser.selectedTab);
+  }
+
+  function testWithTouchAgain() {
+    mgr.getResponsiveUIForTab(gBrowser.selectedTab).disableTouch();
+    let div = content.document.querySelector("div");
+    let x = 2, y = 2;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousedown", isSynthesized: false}, content);
+    x += 20; y += 10;
+    EventUtils.synthesizeMouse(div, x, y, {type: "mousemove", isSynthesized: false}, content);
+    is(div.style.transform, "", "touch didn't work");
+    EventUtils.synthesizeMouse(div, x, y, {type: "mouseup", isSynthesized: false}, content);
+    finishUp();
+  }
+
+
+  function finishUp() {
+    gBrowser.removeCurrentTab();
+    finish();
+  }
+}