const express = require('express'); const path = require('path'); const assert = require('assert'); const eventually = require('./eventually'); const { Builder } = require('lanthan'); const { Options: FirefoxOptions } = require('selenium-webdriver/firefox'); const { Key, By } = require('selenium-webdriver'); 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; let lanthan; let webdriver; let browser; before(async() => { let opts = new FirefoxOptions() .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() => { tab = (await browser.tabs.query({}))[0]; 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 await eventually(async() => { let tab = (await browser.tabs.query({}))[0]; before = Number(new URL(tab.url).hash.split('#')[1]); assert(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(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 await eventually(async() => { let tab = (await browser.tabs.query({}))[0]; before = Number(new URL(tab.url).hash.split('#')[1]); assert(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(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); }); }); }); });