Add e2e test cases for [[/]]

jh-changes
Shin'ya Ueoka 7 years ago
parent d844440a30
commit 28da164e5c
  1. 5
      QA.md
  2. 68
      e2e/contents/navigate.test.js
  3. 55
      e2e/web-server/index.js

@ -25,11 +25,6 @@ The behaviors of the console are tested in [Console section](#consoles).
- [ ] <kbd>r</kbd>: reload current tab - [ ] <kbd>r</kbd>: reload current tab
- [ ] <kbd>R</kbd>: reload current tab without cache - [ ] <kbd>R</kbd>: reload current tab without cache
#### Navigation
- [ ] <kbd>[</kbd><kbd>[</kbd>, <kbd>]</kbd><kbd>]</kbd>: Open next/prev link in `<link>` tags.
- [ ] <kbd>[</kbd><kbd>[</kbd>, <kbd>]</kbd><kbd>]</kbd>: find prev and next links and open it
#### Misc #### Misc
- [ ] <kbd>y</kbd>: yank current URL and show a message - [ ] <kbd>y</kbd>: yank current URL and show a message

@ -70,13 +70,13 @@ describe("navigate test", () => {
}).then(() => { }).then(() => {
return keys.press(targetTab.id, 'H', { shiftKey: true }); return keys.press(targetTab.id, 'H', { shiftKey: true });
}).then(() => { }).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 2000) }); return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => { }).then(() => {
return tabs.get(targetTab.id); return tabs.get(targetTab.id);
}).then((tab) => { }).then((tab) => {
expect(tab.url, 'go back in history').to.be.equal(CLIENT_URL + '/#navigate'); expect(tab.url, 'go back in history').to.be.equal(CLIENT_URL + '/#navigate');
}).then(() => { }).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 2000) }); return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => { }).then(() => {
return keys.press(targetTab.id, 'L', { shiftKey: true }); return keys.press(targetTab.id, 'L', { shiftKey: true });
}).then(() => { }).then(() => {
@ -85,4 +85,68 @@ describe("navigate test", () => {
expect(tab.url, 'go next in history').to.be.equal(CLIENT_URL + '/#'); expect(tab.url, 'go next in history').to.be.equal(CLIENT_URL + '/#');
}); });
}); });
it('goes previous page by <a>', () => {
let targetTab;
return tabs.create(targetWindow.id, CLIENT_URL + '/a-pagenation?page=10').then((tab) => {
targetTab = tab;
return keys.press(targetTab.id, '[');
}).then(() => {
return keys.press(targetTab.id, '[');
}).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => {
return tabs.get(targetTab.id);
}).then((tab) => {
expect(tab.url).to.be.equal(CLIENT_URL + '/a-pagenation?page=9');
});
})
it('goes next page by <a>', () => {
let targetTab;
return tabs.create(targetWindow.id, CLIENT_URL + '/a-pagenation?page=10').then((tab) => {
targetTab = tab;
return keys.press(targetTab.id, ']');
}).then(() => {
return keys.press(targetTab.id, ']');
}).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => {
return tabs.get(targetTab.id);
}).then((tab) => {
expect(tab.url).to.be.equal(CLIENT_URL + '/a-pagenation?page=11');
});
})
it('goes previous page by <link>', () => {
let targetTab;
return tabs.create(targetWindow.id, CLIENT_URL + '/link-pagenation?page=10').then((tab) => {
targetTab = tab;
return keys.press(targetTab.id, '[');
}).then(() => {
return keys.press(targetTab.id, '[');
}).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => {
return tabs.get(targetTab.id);
}).then((tab) => {
expect(tab.url).to.be.equal(CLIENT_URL + '/link-pagenation?page=9');
});
})
it('goes next page by <link>', () => {
let targetTab;
return tabs.create(targetWindow.id, CLIENT_URL + '/link-pagenation?page=10').then((tab) => {
targetTab = tab;
return keys.press(targetTab.id, ']');
}).then(() => {
return keys.press(targetTab.id, ']');
}).then(() => {
return new Promise(resolve => { setTimeout(() => resolve(), 10) });
}).then(() => {
return tabs.get(targetTab.id);
}).then((tab) => {
expect(tab.url).to.be.equal(CLIENT_URL + '/link-pagenation?page=11');
});
})
}); });

@ -1,3 +1,5 @@
'use strict';
var serverUrl = require('./url'); var serverUrl = require('./url');
var http = require('http'); var http = require('http');
var url = require('url'); var url = require('url');
@ -7,15 +9,66 @@ const handleScroll = (req, res) => {
res.end('<!DOCTYPEhtml><html lang="en"><body style="width:10000px; height:10000px"></body></html">'); res.end('<!DOCTYPEhtml><html lang="en"><body style="width:10000px; height:10000px"></body></html">');
}; };
const handleAPagenation = (req, res) => {
let u = url.parse(req.url);
let params = new url.URLSearchParams(u.search);
let page = params.get('page') === null ? null : Number(params.get('page'));
if (page === null || isNaN(page)) {
return handle404(req, res);
}
let body = '';
let nextLink = u.pathname + '?page=' + (page + 1);
let prevLink = u.pathname + '?page=' + (page - 1);
if (page > 1) {
body += '<a href="' + prevLink + '">prev</a> | ';
}
body += '<a href="' + nextLink + '">next</a>';
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('<!DOCTYPEhtml><html lang="en"><body">' + body + '</body></html">');
};
const handleLinkPagenation = (req, res) => {
let u = url.parse(req.url);
let params = new url.URLSearchParams(u.search);
let page = params.get('page') === null ? null : Number(params.get('page'));
if (page === null || isNaN(page)) {
return handle404(req, res);
}
let head = '';
let nextLink = u.pathname + '?page=' + (page + 1);
let prevLink = u.pathname + '?page=' + (page - 1);
if (page > 1) {
head += '<link rel="prev" href="' + prevLink + '"></link>';
}
head += '<link rel="next" href="' + nextLink + '"></link>';
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('<!DOCTYPEhtml><html lang="en"><head>' + head + '</head><body"></body></html">');
};
const handle404 = (req, res) => { const handle404 = (req, res) => {
res.writeHead(404, {'Content-Type': 'text/plain'}); res.writeHead(404, {'Content-Type': 'text/plain'});
res.end('not found') res.end('not found')
}; };
http.createServer(function (req, res) { http.createServer(function (req, res) {
if (req.method !== 'GET') {
handle404(req, res);
}
let u = url.parse(req.url); let u = url.parse(req.url);
if (req.method === 'GET' && u.pathname === '/scroll') { if (u.pathname === '/scroll') {
handleScroll(req, res); handleScroll(req, res);
} else if (u.pathname === '/a-pagenation') {
handleAPagenation(req, res);
} else if (u.pathname === '/link-pagenation') {
handleLinkPagenation(req, res);
} else { } else {
handle404(req, res); handle404(req, res);
} }