1 files changed, 79 insertions, 0 deletions
diff --git a/remote/test/puppeteer/test/src/touchscreen.spec.ts b/remote/test/puppeteer/test/src/touchscreen.spec.ts
new file mode 100644
index 0000000000..28a18ec449
--- /dev/null
+++ b/remote/test/puppeteer/test/src/touchscreen.spec.ts
@@ -0,0 +1,79 @@
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import expect from 'expect';
+
+import {getTestState, setupTestBrowserHooks} from './mocha-utils.js';
+
+declare const allEvents: Array<{type: string}>;
+
+describe('Touchscreen', () => {
+  setupTestBrowserHooks();
+
+  describe('Touchscreen.prototype.tap', () => {
+    it('should work', async () => {
+      const {page, server, isHeadless} = await getTestState();
+      await page.goto(server.PREFIX + '/input/touchscreen.html');
+
+      await page.tap('button');
+      expect(
+        (
+          await page.evaluate(() => {
+            return allEvents;
+          })
+        ).filter(({type}) => {
+          return type !== 'pointermove' || isHeadless;
+        })
+      ).toMatchObject([
+        {height: 1, type: 'pointerdown', width: 1, x: 5, y: 5},
+        {touches: [[5, 5, 0.5, 0.5]], type: 'touchstart'},
+        {height: 1, type: 'pointerup', width: 1, x: 5, y: 5},
+        {touches: [[5, 5, 0.5, 0.5]], type: 'touchend'},
+        {height: 1, type: 'click', width: 1, x: 5, y: 5},
+      ]);
+    });
+  });
+
+  describe('Touchscreen.prototype.touchMove', () => {
+    it('should work', async () => {
+      const {page, server, isHeadless} = await getTestState();
+      await page.goto(server.PREFIX + '/input/touchscreen.html');
+
+      await page.touchscreen.touchStart(0, 0);
+      await page.touchscreen.touchMove(10, 10);
+      await page.touchscreen.touchMove(15.5, 15);
+      await page.touchscreen.touchMove(20, 20.4);
+      await page.touchscreen.touchMove(40, 30);
+      await page.touchscreen.touchEnd();
+      expect(
+        (
+          await page.evaluate(() => {
+            return allEvents;
+          })
+        ).filter(({type}) => {
+          return type !== 'pointermove' || isHeadless;
+        })
+      ).toMatchObject(
+        [
+          {type: 'pointerdown', x: 0, y: 0, width: 1, height: 1},
+          {type: 'touchstart', touches: [[0, 0, 0.5, 0.5]]},
+          {type: 'pointermove', x: 10, y: 10, width: 1, height: 1},
+          {type: 'touchmove', touches: [[10, 10, 0.5, 0.5]]},
+          {type: 'pointermove', x: 16, y: 15, width: 1, height: 1},
+          {type: 'touchmove', touches: [[16, 15, 0.5, 0.5]]},
+          {type: 'pointermove', x: 20, y: 20, width: 1, height: 1},
+          {type: 'touchmove', touches: [[20, 20, 0.5, 0.5]]},
+          {type: 'pointermove', x: 40, y: 30, width: 1, height: 1},
+          {type: 'touchmove', touches: [[40, 30, 0.5, 0.5]]},
+          {type: 'pointerup', x: 40, y: 30, width: 1, height: 1},
+          {type: 'touchend', touches: [[40, 30, 0.5, 0.5]]},
+        ].filter(({type}) => {
+          return type !== 'pointermove' || isHeadless;
+        })
+      );
+    });
+  });
+});