aboutsummaryrefslogtreecommitdiff
path: root/e2e
diff options
context:
space:
mode:
Diffstat (limited to 'e2e')
-rw-r--r--e2e/completion.test.js136
-rw-r--r--e2e/completion_set.test.js75
-rw-r--r--e2e/lib/Console.js10
3 files changed, 220 insertions, 1 deletions
diff --git a/e2e/completion.test.js b/e2e/completion.test.js
new file mode 100644
index 0000000..5d910c6
--- /dev/null
+++ b/e2e/completion.test.js
@@ -0,0 +1,136 @@
+const express = require('express');
+const lanthan = require('lanthan');
+const path = require('path');
+const assert = require('assert');
+const eventually = require('./eventually');
+const settings = require('./settings');
+const Console = require('./lib/Console');
+
+const Key = lanthan.Key;
+
+const newApp = () => {
+ let app = express();
+ app.get('/', (req, res) => {
+ res.send(`<!DOCTYPEhtml>
+<html lang="en">
+ <body>ok</body>
+</html">`);
+ });
+ return app;
+};
+
+describe("general completion test", () => {
+ const port = 12321;
+ let http;
+ let firefox;
+ let session;
+ let browser;
+ let body;
+
+ before(async() => {
+ firefox = await lanthan.firefox({
+ spy: path.join(__dirname, '..'),
+ builderf: (builder) => {
+ builder.addFile('build/settings.js');
+ },
+ });
+ session = firefox.session;
+ browser = firefox.browser;
+ http = newApp().listen(port);
+
+ await browser.storage.local.set({
+ settings,
+ });
+ });
+
+ after(async() => {
+ http.close();
+ if (firefox) {
+ await firefox.close();
+ }
+ });
+
+ beforeEach(async() => {
+ await session.navigateTo(`http://127.0.0.1:${port}`);
+ body = await session.findElementByCSS('body');
+ });
+
+ it('should all commands on empty line', async() => {
+ await body.sendKeys(':');
+
+ await session.switchToFrame(0);
+ let c = new Console(session);
+
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert.equal(items.length, 10);
+ assert.deepEqual(items[0], { type: 'title', text: 'Console Command' });
+ assert(items[1].text.startsWith('set'))
+ assert(items[2].text.startsWith('open'))
+ assert(items[3].text.startsWith('tabopen'))
+ });
+ });
+
+ it('should only commands filtered by prefix', async() => {
+ await body.sendKeys(':');
+
+ await session.switchToFrame(0);
+ let c = new Console(session);
+ await c.sendKeys('b');
+
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert.equal(items.length, 4);
+ assert.deepEqual(items[0], { type: 'title', text: 'Console Command' });
+ assert(items[1].text.startsWith('buffer'))
+ assert(items[2].text.startsWith('bdelete'))
+ assert(items[3].text.startsWith('bdeletes'))
+ });
+ });
+
+ it('selects completion items by <Tab>/<S-Tab> keys', async() => {
+ await body.sendKeys(':');
+
+ await session.switchToFrame(0);
+ let c = new Console(session);
+ await c.sendKeys('b');
+
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert.equal(items.length, 4);
+ });
+
+ await c.sendKeys(Key.Tab);
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert(items[1].highlight)
+
+ let v = await c.currentValue();
+ assert.equal(v, 'buffer');
+ });
+
+ await c.sendKeys(Key.Tab, Key.Tab);
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert(items[3].highlight)
+
+ let v = await c.currentValue();
+ assert.equal(v, 'bdeletes');
+ });
+
+ await c.sendKeys(Key.Tab);
+ await eventually(async() => {
+ let v = await c.currentValue();
+ assert.equal(v, 'b');
+ });
+
+ await c.sendKeys(Key.Shift, Key.Tab);
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert(items[3].highlight)
+
+ let v = await c.currentValue();
+ assert.equal(v, 'bdeletes');
+ });
+ });
+});
diff --git a/e2e/completion_set.test.js b/e2e/completion_set.test.js
new file mode 100644
index 0000000..cf5ff5b
--- /dev/null
+++ b/e2e/completion_set.test.js
@@ -0,0 +1,75 @@
+const express = require('express');
+const lanthan = require('lanthan');
+const path = require('path');
+const assert = require('assert');
+const eventually = require('./eventually');
+const settings = require('./settings');
+const Console = require('./lib/Console');
+
+const Key = lanthan.Key;
+
+describe("completion on set commands", () => {
+ const port = 12321;
+ let firefox;
+ let session;
+ let browser;
+ let body;
+
+ before(async() => {
+ firefox = await lanthan.firefox({
+ spy: path.join(__dirname, '..'),
+ builderf: (builder) => {
+ builder.addFile('build/settings.js');
+ },
+ });
+ session = firefox.session;
+ browser = firefox.browser;
+
+ await browser.storage.local.set({
+ settings,
+ });
+ });
+
+ after(async() => {
+ if (firefox) {
+ await firefox.close();
+ }
+ });
+
+ beforeEach(async() => {
+ await session.navigateTo(`about:blank`);
+ body = await session.findElementByCSS('body');
+ });
+
+ it('should show all property names by "set" command with empty params', async() => {
+ await body.sendKeys(':');
+
+ await session.switchToFrame(0);
+ let c = new Console(session);
+ await c.sendKeys('set ');
+
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert.equal(items.length, 5);
+ assert.deepEqual(items[0], { type: 'title', text: 'Properties' });
+ assert(items[1].text.startsWith('hintchars'))
+ assert(items[2].text.startsWith('smoothscroll'))
+ assert(items[3].text.startsWith('nosmoothscroll'))
+ assert(items[4].text.startsWith('complete'))
+ });
+ });
+
+ it('should show filtered property names by "set" command', async() => {
+ await body.sendKeys(':');
+
+ await session.switchToFrame(0);
+ let c = new Console(session);
+ await c.sendKeys('set no');
+
+ await eventually(async() => {
+ let items = await c.getCompletions();
+ assert.equal(items.length, 2);
+ assert(items[1].text.includes('nosmoothscroll'))
+ });
+ });
+});
diff --git a/e2e/lib/Console.js b/e2e/lib/Console.js
index a3391ee..3a39b64 100644
--- a/e2e/lib/Console.js
+++ b/e2e/lib/Console.js
@@ -8,6 +8,13 @@ class Console {
input.sendKeys(...keys);
}
+ async currentValue() {
+ return await this.session.executeScript(() => {
+ let input = document.querySelector('input');
+ return input.value;
+ });
+ }
+
async getCompletions() {
return await this.session.executeScript(() => {
let items = document.querySelectorAll('.vimvixen-console-completion > li');
@@ -20,7 +27,8 @@ class Console {
if (li.classList.contains('vimvixen-console-completion-title')) {
objs.push({ type: 'title', text: li.textContent.trim() });
} else if ('vimvixen-console-completion-item') {
- objs.push({ type: 'item', text: li.textContent.trim() });
+ let highlight = li.classList.contains('vimvixen-completion-selected');
+ objs.push({ type: 'item', text: li.textContent.trim(), highlight });
} else {
throw new Error(`unexpected class: ${li.className}`);
}
generated by cgit v1.2.3 (git 2.39.1) at 2024-11-15 05:38:31 +0000