test: add test for datalist autofills (#23110)
* test: add test for datalist autofills * address style nits * move fixture to spec-main
This commit is contained in:
parent
cd0dda0125
commit
a041882192
2 changed files with 41 additions and 0 deletions
28
spec-main/autofill-spec.ts
Normal file
28
spec-main/autofill-spec.ts
Normal file
|
@ -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');
|
||||||
|
});
|
||||||
|
});
|
13
spec-main/fixtures/pages/datalist.html
Normal file
13
spec-main/fixtures/pages/datalist.html
Normal file
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue