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';
import { Options as FirefoxOptions } from 'selenium-webdriver/firefox';
const newApp = () => {
let app = express();
app.get('/pagenation-a/:page', (req, res) => {
res.status(200).send(`
prev
next
`);
});
app.get('/pagenation-link/:page', (req, res) => {
res.status(200).send(`
`);
});
app.get('/reload', (_req, res) => {
res.status(200).send(`
`);
});
app.get('/*', (req, res) => {
res.send(`
${req.path}
`);
});
return app;
};
describe("navigate test", () => {
const port = 12321;
let http: http.Server;
let lanthan: Lanthan;
let webdriver: WebDriver;
let browser: any;
before(async() => {
let opts = (new FirefoxOptions() as any)
.setPreference('browser.startup.homepage', `http://127.0.0.1:${port}#home`);
http = newApp().listen(port);
lanthan = await Builder
.forBrowser('firefox')
.setOptions(opts)
.spyAddon(path.join(__dirname, '..'))
.build();
webdriver = lanthan.getWebDriver();
browser = lanthan.getWebExtBrowser();
});
after(async() => {
if (lanthan) {
await lanthan.quit();
}
http.close();
});
beforeEach(async() => {
let tabs = await browser.tabs.query({});
for (let tab of tabs.slice(1)) {
await browser.tabs.remove(tab.id);
}
})
it('should go to parent path without hash by gu', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/a/b/c`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('g', 'u');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, `/a/b/`)
});
});
it('should remove hash by gu', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/a/b/c#hash`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('g', 'u');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.hash, '')
assert.equal(url.pathname, `/a/b/c`)
});
});
it('should go to root path by gU', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/a/b/c#hash`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('g', Key.SHIFT, 'u');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, `/`)
});
});
it('should go back and forward in history by H and L', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/first`);
await webdriver.navigate().to(`http://127.0.0.1:${port}/second`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys(Key.SHIFT, 'h');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, `/first`)
});
body = await webdriver.findElement(By.css('body'));
await body.sendKeys(Key.SHIFT, 'l');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, `/second`)
});
});
it('should go previous and next page in by [[ and ]]', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/pagenation-a/10`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('[', '[');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, '/pagenation-a/9');
});
});
it('should go next page in by ]]', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/pagenation-a/10`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys(']', ']');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, '/pagenation-a/11');
});
});
it('should go previous page in by ]]', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/pagenation-link/10`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('[', '[');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, '/pagenation-link/9');
});
});
it('should go next page by in by [[', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/pagenation-link/10`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys(']', ']');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.pathname, '/pagenation-link/11');
});
});
it('should go to home page into current tab by gh', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('g', 'h');
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
let url = new URL(tab.url);
assert.equal(url.hash, '#home');
});
});
it('should go to home page into current tab by gH', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}`);
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('g', Key.SHIFT, 'H');
await eventually(async() => {
let tabs = await browser.tabs.query({});
assert.equal(tabs.length, 2);
assert.equal(new URL(tabs[0].url).hash, '');
assert.equal(new URL(tabs[1].url).hash, '#home');
assert.equal(tabs[1].active, true);
});
});
it('should reload current tab by r', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/reload`);
await webdriver.executeScript(() => window.scrollTo(500, 500));
let before: number;
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
before = Number(new URL(tab.url).hash.split('#')[1]);
assert.ok(before > 0);
});
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys('r');
let after
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
after = Number(new URL(tab.url).hash.split('#')[1]);
assert.ok(after > before);
});
await eventually(async() => {
let pageYOffset = await webdriver.executeScript(() => window.pageYOffset);
assert.equal(pageYOffset, 500);
});
});
it('should reload current tab without cache by R', async () => {
await webdriver.navigate().to(`http://127.0.0.1:${port}/reload`);
await webdriver.executeScript(() => window.scrollTo(500, 500));
let before: number;
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
before = Number(new URL(tab.url).hash.split('#')[1]);
assert.ok(before > 0);
});
let body = await webdriver.findElement(By.css('body'));
await body.sendKeys(Key.SHIFT, 'R');
let after
await eventually(async() => {
let tab = (await browser.tabs.query({}))[0];
after = Number(new URL(tab.url).hash.split('#')[1]);
assert.ok(after > before);
});
// assert that the page offset is reset to 0, and 'eventually' is timed-out.
await assert.rejects(async () => {
await eventually(async() => {
let pageYOffset = await webdriver.executeScript(() => window.pageYOffset);
assert.equal(pageYOffset, 500);
});
});
});
});