add scroll tests

e2e/ambassador/src/client/keys.js

@@ -1,29 +1,31 @@
 import { EVENT_KEYPRESS, EVENT_KEYDOWN, EVENT_KEYUP } from '../shared/messages';
 import * as ipc from './ipc';
 
-const press = (tabId, key) => {
+const NEUTRAL_MODIFIERS = { shiftKey: false, altKey: false, ctrlKey: false };
-  return ipc.send({
+
+const press = (tabId, key, modifiers = NEUTRAL_MODIFIERS) => {
+  return ipc.send(Object.assign({}, modifiers, {
     type: EVENT_KEYPRESS,
     tabId,
     key,
-  });
+  }));
 };
 
-const down = (tabId, key) => {
+const down = (tabId, key, modifiers = NEUTRAL_MODIFIERS) => {
-  return ipc.send({
+  return ipc.send(Object.assign({}, modifiers, {
     type: EVENT_KEYDOWN,
     tabId,
     key,
-  });
+  }));
 };
 
 
-const up = (tabId, key) => {
+const up = (tabId, key, modifiers = NEUTRAL_MODIFIERS) => {
-  return ipc.send({
+  return ipc.send(Object.assign({}, modifiers, {
     type: EVENT_KEYUP,
     tabId,
     key,
-  });
+  }));
 };
 
 export { press, down, up };

e2e/ambassador/src/content/events.js

@@ -0,0 +1,31 @@
+const keypress = (opts) => {
+  let event = new KeyboardEvent('keypress', {
+    key: opts.key,
+    altKey: opts.altKey,
+    shiftKey: opts.shiftKey,
+    ctrlKey: opts.ctrlKey
+  });
+  document.body.dispatchEvent(event);
+};
+
+const keydown = (opts) => {
+  let event = new KeyboardEvent('keydown', {
+    key: opts.key,
+    altKey: opts.altKey,
+    shiftKey: opts.shiftKey,
+    ctrlKey: opts.ctrlKey
+  });
+  document.body.dispatchEvent(event);
+};
+
+const keyup = (opts) => {
+  let event = new KeyboardEvent('keyup', {
+    key: opts.key,
+    altKey: opts.altKey,
+    shiftKey: opts.shiftKey,
+    ctrlKey: opts.ctrlKey
+  });
+  document.body.dispatchEvent(event);
+};
+
+export { keypress, keydown, keyup };

e2e/ambassador/src/content/index.js

@@ -3,6 +3,7 @@ import {
   SCROLL_GET, SCROLL_SET,
 } from '../shared/messages';
 import * as ipc from './ipc';
+import * as events from './events';
 import * as scrolls from './scrolls';
 
 ipc.receivePageMessage((message) => {
@@ -12,16 +13,13 @@ ipc.receivePageMessage((message) => {
 ipc.receiveBackgroundMesssage((message) => {
   switch (message.type) {
   case EVENT_KEYPRESS:
-    document.body.dispatchEvent(
+    events.keypress(message);
-      new KeyboardEvent('keypress', { 'key': message.key }));
     break;
   case EVENT_KEYDOWN:
-    document.body.dispatchEvent(
+    events.keydown(message);
-      new KeyboardEvent('keydown', { 'key': message.key }));
     break;
   case EVENT_KEYUP:
-    document.body.dispatchEvent(
+    events.keyup(message);
-      new KeyboardEvent('keyup', { 'key': message.key }));
     break;
   case SCROLL_GET:
     return Promise.resolve(scrolls.get());

e2e/contents/scroll.test.js

@@ -23,8 +23,7 @@ describe("scroll test", () => {
     return windows.remove(targetWindow.id);
   });
 
-  describe('press k', () => {
+  it('scrolls up by k', () => {
-    it('scrolls up', () => {
     let before
     return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
       before = scroll;
@@ -35,10 +34,8 @@ describe("scroll test", () => {
       expect(actual.y).to.be.lessThan(before.y);
     });
   });
-  });
 
-  describe('press j', () => {
+  it('scrolls down by j', () => {
-    it('scrolls down', () => {
     let before
     return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
       before = scroll;
@@ -49,10 +46,8 @@ describe("scroll test", () => {
       expect(actual.y).to.be.greaterThan(before.y);
     });
   });
-  });
 
-  describe('press h', () => {
+  it('scrolls left by h', () => {
-    it('scrolls left', () => {
     let before
     return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
       before = scroll;
@@ -63,19 +58,46 @@ describe("scroll test", () => {
       expect(actual.x).to.be.lessThan(before.x);
     });
   });
-  });
 
-  describe('press l', () => {
+  it('scrolls top by gg', () => {
-    it('scrolls right', () => {
-      let before
     return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
-        before = scroll;
+      return keys.press(targetTab.id, 'g');
-        return keys.press(targetTab.id, 'l');
+    }).then(() => {
+      return keys.press(targetTab.id, 'g');
     }).then(() => {
       return scrolls.get(targetTab.id);
     }).then((actual) => {
-        expect(actual.x).to.be.greaterThan(before.x);
+      expect(actual.y).to.be.equals(0);
     });
   });
+
+  it('scrolls bottom by G', () => {
+    return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
+      return keys.press(targetTab.id, 'G', { shiftKey: true });
+    }).then(() => {
+      return scrolls.get(targetTab.id);
+    }).then((actual) => {
+      expect(actual.y).to.be.equals(actual.yMax);
+    });
+  });
+
+  it('scrolls bottom by 0', () => {
+    return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
+      return keys.press(targetTab.id, '0');
+    }).then(() => {
+      return scrolls.get(targetTab.id);
+    }).then((actual) => {
+      expect(actual.x).to.be.equals(0);
+    });
+  });
+
+  it('scrolls bottom by $', () => {
+    return scrolls.set(targetTab.id, 100, 100).then((scroll) => {
+      return keys.press(targetTab.id, '$');
+    }).then(() => {
+      return scrolls.get(targetTab.id);
+    }).then((actual) => {
+      expect(actual.x).to.be.equals(actual.xMax);
+    });
   });
 });