Merge pull request #345 from ueokande/e2e-test

add e2e test cases

QA.md

@@ -21,16 +21,10 @@ The behaviors of the console are tested in [Console section](#consoles).
 
 #### Tabs
 
-- [ ] <kbd>d</kbd>: delete current tab, unable to remove pinnned tab
 - [ ] <kbd>!d</kbd>: delete current tab and pinned tab
 - [ ] <kbd>u</kbd>: reopen close tab
-- [ ] <kbd>K</kbd>, <kbd>J</kbd>: select prev and next tab
-- [ ] <kbd>g0</kbd>, <kbd>g$</kbd>: select first and last tab
 - [ ] <kbd>r</kbd>: reload current tab
 - [ ] <kbd>R</kbd>: reload current tab without cache
-- [ ] <kbd>zd</kbd>: duplicate current tab
-- [ ] <kbd>zp</kbd>: toggle pin/unpin state on current tab
-- [ ] <kbd>Ctrl</kbd>+<kbd>6</kbd>: select previous selected tab
 
 #### Navigation
 

e2e/ambassador/src/background/index.js

@@ -1,6 +1,6 @@
 import {
   WINDOWS_CREATE, WINDOWS_REMOVE, WINDOWS_GET,
-  TABS_CREATE,
+  TABS_CREATE, TABS_SELECT_AT,
   EVENT_KEYPRESS, EVENT_KEYDOWN, EVENT_KEYUP,
   SCROLL_GET, SCROLL_SET,
 } from '../shared/messages';
@@ -20,6 +20,11 @@ receiveContentMessage((message) => {
       url: message.url,
       windowId: message.windowId,
     });
+  case TABS_SELECT_AT:
+    return tabs.selectAt({
+      windowId: message.windowId,
+      index: message.index,
+    });
   case EVENT_KEYPRESS:
   case EVENT_KEYDOWN:
   case EVENT_KEYUP:

e2e/ambassador/src/background/tabs.js

@@ -13,6 +13,14 @@ const create = (props = {}) => {
   });
 };
 
+const selectAt = (props = {}) => {
+  return browser.tabs.query({ windowId: props.windowId }).then((tabs) => {
+    let target = tabs[props.index];
+    return browser.tabs.update(target.id, { active: true });
+  });
+};
+
+
 export {
-  create,
+  create, selectAt
 };

e2e/ambassador/src/client/tabs.js

@@ -1,4 +1,6 @@
-import { TABS_CREATE } from '../shared/messages';
+import {
+  TABS_CREATE, TABS_SELECT_AT,
+} from '../shared/messages';
 import * as ipc from './ipc';
 
 const create = (windowId, url) => {
@@ -9,4 +11,12 @@ const create = (windowId, url) => {
   });
 };
 
-export { create };
+const selectAt = (windowId, index) => {
+  return ipc.send({
+    type: TABS_SELECT_AT,
+    windowId,
+    index,
+  });
+};
+
+export { create, selectAt };

e2e/ambassador/src/shared/messages.js

@@ -4,6 +4,7 @@ const WINDOWS_CREATE = 'windows.create';
 const WINDOWS_REMOVE = 'windows.remove';
 const WINDOWS_GET = 'windows.get';
 const TABS_CREATE = 'tabs.create';
+const TABS_SELECT_AT = 'tabs.selectAt';
 const EVENT_KEYPRESS = 'event.keypress';
 const EVENT_KEYDOWN = 'event.keydown';
 const EVENT_KEYUP = 'event.keyup';
@@ -19,6 +20,7 @@ export {
   WINDOWS_GET,
 
   TABS_CREATE,
+  TABS_SELECT_AT,
 
   EVENT_KEYPRESS,
   EVENT_KEYDOWN,

e2e/contents/tab.test.js

@@ -3,18 +3,18 @@ import * as windows from "../ambassador/src/client/windows";
 import * as tabs from "../ambassador/src/client/tabs";
 import * as keys from "../ambassador/src/client/keys";
 
-const SERVER_URL = "localhost:11111";
+const SERVER_URL = "localhost:11111/";
 
 describe("tab test", () => {
   let targetWindow;
 
-  before(() => {
+  beforeEach(() => {
-    return windows.create().then((win) => {
+    return windows.create(SERVER_URL).then((win) => {
       targetWindow = win;
     });
   });
 
-  after(() => {
+  afterEach(() => {
     return windows.remove(targetWindow.id);
   });
 
@@ -51,4 +51,166 @@ describe("tab test", () => {
       expect(actual.tabs).to.have.lengthOf(before.tabs.length + 1);
     });
   })
+
+  it('makes pinned by zd', () => {
+    let before;
+    let targetTab;
+    return tabs.create(targetWindow.id, SERVER_URL).then((tab) => {
+      targetTab = tab;
+      return windows.get(targetWindow.id)
+    }).then((win) => {;
+      before = win;
+      return keys.press(targetTab.id, 'z');
+    }).then(() => {
+      return keys.press(targetTab.id, 'p');
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((actual) => {
+      expect(actual.tabs[0].pinned).to.be.true;
+    });
+  })
+
+  it('selects previous tab by K', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 2);
+    }).then((tab) => {
+      return keys.press(tab.id, 'K', { shiftKey: true });
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[1].active).to.be.true;
+    });
+  });
+
+  it('selects previous tab by K rotatory', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 0);
+    }).then((tab) => {
+      return keys.press(tab.id, 'K', { shiftKey: true });
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[3].active).to.be.true;
+    });
+  });
+
+  it('selects next tab by J', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 2);
+    }).then((tab) => {
+      return keys.press(tab.id, 'J', { shiftKey: true });
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[3].active).to.be.true;
+    });
+  });
+
+  it('selects previous tab by J rotatory', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 3);
+    }).then((tab) => {
+      return keys.press(tab.id, 'J', { shiftKey: true });
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[0].active).to.be.true;
+    });
+  });
+
+  it('selects first tab by g0', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 2);
+    }).then((tab) => {
+      return keys.press(tab.id, 'g').then(() => tab);
+    }).then((tab) => {
+      return keys.press(tab.id, '0');
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[0].active).to.be.true;
+    });
+  });
+
+  it('selects last tab by g$', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 2);
+    }).then((tab) => {
+      return keys.press(tab.id, 'g').then(() => tab);
+    }).then((tab) => {
+      return keys.press(tab.id, '$');
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[3].active).to.be.true;
+    });
+  });
+
+  it('selects last selected tab by <C-6>', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#2')
+    }).then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#3');
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 1);
+    }).then(() => {
+      return tabs.selectAt(targetWindow.id, 3);
+    }).then((tab) => {
+      return keys.press(tab.id, '6', { ctrlKey: true });
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs[1].active).to.be.true;
+    });
+  });
+
+  it('deletes tab by d', () => {
+    return Promise.resolve().then(() => {
+      return tabs.create(targetWindow.id, SERVER_URL + '#1');
+    }).then((tab) => {
+      return keys.press(tab.id, 'd');
+    }).then(() => {
+      return windows.get(targetWindow.id);
+    }).then((win) => {
+      expect(win.tabs).to.have.lengthOf(1);
+    });
+  });
 });