test: add test for datalist autofills (#23110)

* test: add test for datalist autofills * address style nits * move fixture to spec-main
2020-04-21 12:28:31 -07:00 · 2020-04-21 12:28:31 -07:00 · a041882192
--- a/spec-main/autofill-spec.ts
+++ b/spec-main/autofill-spec.ts
@ -0,0 +1,28 @@
+import { BrowserWindow } from 'electron';
+import * as path from 'path';
+import { delay } from './spec-helpers';
+import { expect } from 'chai';
+import { closeAllWindows } from './window-helpers';
+
+const fixturesPath = path.resolve(__dirname, '..', 'spec-main', 'fixtures');
+
+describe('autofill', () => {
+  afterEach(closeAllWindows);
+
+  it('can be selected via keyboard', async () => {
+    const w = new BrowserWindow({ show: true });
+    await w.loadFile(path.join(fixturesPath, 'pages', 'datalist.html'));
+    w.webContents.sendInputEvent({ type: 'keyDown', keyCode: 'Tab' });
+    const inputText = 'clap';
+    for (const keyCode of inputText) {
+      w.webContents.sendInputEvent({ type: 'char', keyCode });
+      await delay(100);
+    }
+
+    w.webContents.sendInputEvent({ type: 'keyDown', keyCode: 'Down' });
+    w.webContents.sendInputEvent({ type: 'keyDown', keyCode: 'Enter' });
+
+    const value = await w.webContents.executeJavaScript("document.querySelector('input').value");
+    expect(value).to.equal('Eric Clapton');
+  });
+});
--- a/spec-main/fixtures/pages/datalist.html
+++ b/spec-main/fixtures/pages/datalist.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <body>
+    <input type="text" list="guitarists" />
+    <datalist id="guitarists">
+      <select>
+        <option value="John Mayer"></option>
+        <option value="Eric Clapton"></option>
+        <option value="Django Reinhardt"></option>
+      </select>
+    </datalist>
+  </body>
+</html>