A fork of https://github.com/ueokande/vim-vixen
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
266 lines
7.1 KiB
266 lines
7.1 KiB
5 years ago
|
import express from 'express';
|
||
|
|
import * as path from 'path';
|
||
|
|
import * as assert from 'assert';
|
||
|
|
import * as http from 'http';
|
||
|
|
|
||
|
|
import eventually from './eventually';
|
||
|
|
import { Builder, Lanthan } from 'lanthan';
|
||
|
|
import { WebDriver, By, Key } from 'selenium-webdriver';
|
||
|
6 years ago
|
|
||
|
|
const newApp = () => {
|
||
|
|
let app = express();
|
||
|
|
|
||
|
5 years ago
|
app.get('/', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body><a href="hello">hello</a></body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
5 years ago
|
app.get('/follow-input', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body><input></body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
5 years ago
|
app.get('/area', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body>
|
||
|
|
<img
|
||
|
|
width="256" height="256" usemap="#map"
|
||
|
|
src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="
|
||
|
|
>
|
||
|
|
<map name="map">
|
||
|
|
<area shape="rect" coords="0,0,64,64" href="/">
|
||
|
|
<area shape="rect" coords="64,64,64,64" href="/">
|
||
|
|
<area shape="rect" coords="128,128,64,64" href="/">
|
||
|
|
</map>
|
||
|
|
</body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
|
/*
|
||
|
|
* test case: link2 is out of the viewport
|
||
|
|
* +-----------------+
|
||
|
|
* | [link1] |<--- window
|
||
|
|
* | |
|
||
|
|
* |=================|<--- viewport
|
||
|
|
* | [link2] |
|
||
|
|
* | |
|
||
|
|
* +-----------------+
|
||
|
|
*/
|
||
|
5 years ago
|
app.get('/test1', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body>
|
||
|
|
<div><a href="link1">link1</a></div>
|
||
|
|
<div style="min-height:3000px"></div>
|
||
|
|
<div><a href="link2">link2</a></div>
|
||
|
|
</body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
|
/*
|
||
|
|
* test case 2: link2 and link3 are out of window of the frame
|
||
|
|
* +-----------------+
|
||
|
|
* | +-----------+ |
|
||
|
|
* | | [link1] | |
|
||
|
|
* |=================|
|
||
|
|
* | | [link2] | |
|
||
|
|
* | +-----------+ |
|
||
|
|
* | |
|
||
|
|
* +-----------------+
|
||
|
|
*/
|
||
|
5 years ago
|
app.get('/test2', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body><iframe height="5000" src='/test2-frame'></body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
5 years ago
|
app.get('/test2-frame', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body>
|
||
|
|
<div><a href="link1">link1</a></div>
|
||
|
|
<div style="min-height:3000px"></div>
|
||
|
|
<div><a href="link2">link2</a></div>
|
||
|
|
</body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
|
/* test case 3: link2 is out of window of the frame
|
||
|
|
* +-----------------+
|
||
|
|
* | +-----------+ |
|
||
|
|
* | | [link1] | |
|
||
|
|
* | +-----------+ |
|
||
|
|
* | : [link2] : |
|
||
|
|
* | + - - - - - + |
|
||
|
|
* | |
|
||
|
|
* +-----------------+
|
||
|
|
*/
|
||
|
5 years ago
|
app.get('/test3', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body><iframe src='/test3-frame'></body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
5 years ago
|
app.get('/test3-frame', (_req, res) => {
|
||
|
6 years ago
|
res.send(`<!DOCTYPEhtml>
|
||
|
|
<html lang="en">
|
||
|
|
<body>
|
||
|
|
<div><a href="link1">link1</a></div>
|
||
|
|
<div style="min-height:3000px"></div>
|
||
|
|
<div><a href="link2">link2</a></div>
|
||
|
|
</body>
|
||
|
|
</html">`);
|
||
|
|
});
|
||
|
|
|
||
|
|
return app;
|
||
|
|
};
|
||
|
|
|
||
|
5 years ago
|
const waitForHints = async(webdriver: WebDriver): Promise<void> => {
|
||
|
6 years ago
|
await eventually(async() => {
|
||
|
5 years ago
|
let hints = await webdriver.findElements(By.css(`.vimvixen-hint`));
|
||
|
5 years ago
|
assert.ok(hints.length > 0);
|
||
|
6 years ago
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
describe('follow test', () => {
|
||
|
|
|
||
|
|
const port = 12321;
|
||
|
5 years ago
|
let http: http.Server;
|
||
|
|
let lanthan: Lanthan;
|
||
|
|
let webdriver: WebDriver;
|
||
|
|
let browser: any;
|
||
|
6 years ago
|
|
||
|
|
before(async() => {
|
||
|
|
http = newApp().listen(port);
|
||
|
5 years ago
|
lanthan = await Builder
|
||
|
|
.forBrowser('firefox')
|
||
|
|
.spyAddon(path.join(__dirname, '..'))
|
||
|
|
.build();
|
||
|
|
webdriver = lanthan.getWebDriver();
|
||
|
|
browser = lanthan.getWebExtBrowser();
|
||
|
6 years ago
|
});
|
||
|
|
|
||
|
|
after(async() => {
|
||
|
5 years ago
|
if (lanthan) {
|
||
|
|
await lanthan.quit();
|
||
|
|
}
|
||
|
|
if (http) {
|
||
|
|
http.close();
|
||
|
6 years ago
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(async() => {
|
||
|
|
let tabs = await browser.tabs.query({});
|
||
|
|
for (let tab of tabs.slice(1)) {
|
||
|
|
await browser.tabs.remove(tab.id);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should focus an input by f', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/follow-input`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
6 years ago
|
await body.sendKeys('f');
|
||
|
5 years ago
|
await waitForHints(webdriver);
|
||
|
6 years ago
|
await body.sendKeys('a');
|
||
|
|
|
||
|
5 years ago
|
let tagName = await webdriver.executeScript(() => document.activeElement!!.tagName) as string;
|
||
|
6 years ago
|
assert.equal(tagName.toLowerCase(), 'input');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should open a link by f', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys('f');
|
||
|
|
await waitForHints(webdriver);
|
||
|
|
await body.sendKeys('a');
|
||
|
6 years ago
|
|
||
|
5 years ago
|
await eventually(async() => {
|
||
|
|
let hash = await webdriver.executeScript('return location.pathname');
|
||
|
|
assert.equal(hash, '/hello');
|
||
|
|
});
|
||
|
6 years ago
|
});
|
||
|
|
|
||
|
|
it('should focus an input by F', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/follow-input`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
|
await waitForHints(webdriver);
|
||
|
6 years ago
|
await body.sendKeys('a');
|
||
|
|
|
||
|
5 years ago
|
let tagName = await webdriver.executeScript(() => document.activeElement!!.tagName) as string;
|
||
|
6 years ago
|
assert.equal(tagName.toLowerCase(), 'input');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should open a link to new tab by F', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
|
await waitForHints(webdriver);
|
||
|
6 years ago
|
await body.sendKeys('a');
|
||
|
|
|
||
|
|
await eventually(async() => {
|
||
|
|
let tabs = await browser.tabs.query({});
|
||
|
|
assert.equal(tabs.length, 2);
|
||
|
|
assert.equal(new URL(tabs[1].url).pathname, '/hello');
|
||
|
|
assert.equal(tabs[1].openerTabId, tabs[0].id);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should show hints of links in area', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/area`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
6 years ago
|
await eventually(async() => {
|
||
|
5 years ago
|
let hints = await webdriver.findElements(By.css(`.vimvixen-hint`));
|
||
|
6 years ago
|
assert.equal(hints.length, 3);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should shows hints only in viewport', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/test1`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
6 years ago
|
await eventually(async() => {
|
||
|
5 years ago
|
let hints = await webdriver.findElements(By.css(`.vimvixen-hint`));
|
||
|
6 years ago
|
assert.equal(hints.length, 1);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should shows hints only in window of the frame', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/test2`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
6 years ago
|
|
||
|
5 years ago
|
await webdriver.switchTo().frame(0);
|
||
|
6 years ago
|
await eventually(async() => {
|
||
|
5 years ago
|
let hints = await webdriver.findElements(By.css(`.vimvixen-hint`));
|
||
|
6 years ago
|
assert.equal(hints.length, 1);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('should shows hints only in the frame', async () => {
|
||
|
5 years ago
|
await webdriver.navigate().to(`http://127.0.0.1:${port}/test3`);
|
||
|
6 years ago
|
|
||
|
5 years ago
|
let body = await webdriver.findElement(By.css('body'));
|
||
|
|
await body.sendKeys(Key.SHIFT, 'f');
|
||
|
6 years ago
|
|
||
|
5 years ago
|
await webdriver.switchTo().frame(0);
|
||
|
6 years ago
|
await eventually(async() => {
|
||
|
5 years ago
|
let hints = await webdriver.findElements(By.css(`.vimvixen-hint`));
|
||
|
6 years ago
|
assert.equal(hints.length, 1);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|