const express = require('express'); const lanthan = require('lanthan'); const path = require('path'); const assert = require('power-assert'); const Key = lanthan.Key; const newApp = () => { let app = express(); app.get('/', (req, res) => { res.send(` `); }); return app; }; describe("scroll test", () => { const port = 12321; let http; let firefox; let session; let body; before(async() => { http = newApp().listen(port); firefox = await lanthan.firefox(); await firefox.session.installAddon(path.join(__dirname, '..')); session = firefox.session; }); after(async() => { if (firefox) { await firefox.close(); } http.close(); }); beforeEach(async() => { await session.navigateTo(`http://127.0.0.1:${port}`); body = await session.findElementByCSS('body'); }); it('scrolls up by k', async () => { await body.sendKeys('j'); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert.equal(pageYOffset, 64); }); it('scrolls down by j', async () => { await session.executeScript(() => window.scrollTo(0, 200)); await body.sendKeys('k'); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert.equal(pageYOffset, 136); }); it('scrolls left by h', async () => { await session.executeScript(() => window.scrollTo(100, 100)); await body.sendKeys('h'); let pageXOffset = await session.executeScript(() => window.pageXOffset); assert.equal(pageXOffset, 36); }); it('scrolls left by l', async () => { await session.executeScript(() => window.scrollTo(100, 100)); await body.sendKeys('l'); let pageXOffset = await session.executeScript(() => window.pageXOffset); assert.equal(pageXOffset, 164); }); it('scrolls top by gg', async () => { await session.executeScript(() => window.scrollTo(0, 100)); await body.sendKeys('g', 'g'); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert.equal(pageYOffset, 0); }); it('scrolls bottom by G', async () => { await session.executeScript(() => window.scrollTo(0, 100)); await body.sendKeys(Key.Shift, 'g'); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert(pageYOffset > 5000); }); it('scrolls bottom by 0', async () => { await session.executeScript(() => window.scrollTo(0, 100)); await body.sendKeys(Key.Shift, '0'); let pageXOffset = await session.executeScript(() => window.pageXOffset); assert(pageXOffset === 0); }); it('scrolls bottom by $', async () => { await session.executeScript(() => window.scrollTo(0, 100)); await body.sendKeys(Key.Shift, '$'); let pageXOffset = await session.executeScript(() => window.pageXOffset); assert(pageXOffset > 5000); }); it('scrolls bottom by ', async () => { await session.executeScript(() => window.scrollTo(0, 1000)); await body.sendKeys(Key.Control, 'u'); let pageHeight = await session.executeScript(() => window.document.documentElement.clientHeight); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert(Math.abs(pageYOffset - (1000 - Math.floor(pageHeight / 2))) < 5); }); it('scrolls bottom by ', async () => { await session.executeScript(() => window.scrollTo(0, 1000)); await body.sendKeys(Key.Control, 'd'); let pageHeight = await session.executeScript(() => window.document.documentElement.clientHeight); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert(Math.abs(pageYOffset - (1000 + Math.floor(pageHeight / 2))) < 5); }); it('scrolls bottom by ', async () => { await session.executeScript(() => window.scrollTo(0, 1000)); await body.sendKeys(Key.Control, 'b'); let pageHeight = await session.executeScript(() => window.document.documentElement.clientHeight); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert(Math.abs(pageYOffset - (1000 - pageHeight)) < 5); }); it('scrolls bottom by ', async () => { await session.executeScript(() => window.scrollTo(0, 1000)); await body.sendKeys(Key.Control, 'f'); let pageHeight = await session.executeScript(() => window.document.documentElement.clientHeight); let pageYOffset = await session.executeScript(() => window.pageYOffset); assert(Math.abs(pageYOffset - (1000 + pageHeight)) < 5); }); });