Add e2e test cases for [[/]]
This commit is contained in:
parent
d844440a30
commit
28da164e5c
3 changed files with 120 additions and 8 deletions
5
QA.md
5
QA.md
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue