mirror of https://github.com/garrytan/gstack.git
58 lines
2.4 KiB
TypeScript
58 lines
2.4 KiB
TypeScript
/**
|
|
* Regression test for `browse fill` on change-only validators.
|
|
*
|
|
* Playwright's Locator.fill() dispatches an `input` event but not `change`.
|
|
* Frameworks that validate on `change` (AngularJS ng-change, debounced
|
|
* strength/match checks — e.g. cPanel's Jupiter theme "Add FTP Account"
|
|
* password-match check) never see the update: the DOM value is correct but
|
|
* the framework's own validator still reports a mismatch.
|
|
*/
|
|
|
|
import { describe, test, expect, beforeAll, afterAll } from 'bun:test';
|
|
import { startTestServer } from './test-server';
|
|
import { BrowserManager } from '../src/browser-manager';
|
|
import { handleWriteCommand as _handleWriteCommand } from '../src/write-commands';
|
|
|
|
const handleWriteCommand = (cmd: string, args: string[], b: BrowserManager) =>
|
|
_handleWriteCommand(cmd, args, b.getActiveSession(), b);
|
|
|
|
let testServer: ReturnType<typeof startTestServer>;
|
|
let bm: BrowserManager;
|
|
let baseUrl: string;
|
|
|
|
beforeAll(async () => {
|
|
testServer = startTestServer(0);
|
|
baseUrl = testServer.url;
|
|
bm = new BrowserManager();
|
|
await bm.launch();
|
|
});
|
|
|
|
afterAll(async () => {
|
|
try { testServer.server.stop(); } catch {}
|
|
// Close only this file's own browser — never process.exit(): bun test runs
|
|
// all files in one process, so a delayed exit kills the whole suite
|
|
// (see test/no-suicide-exit.test.ts). close() can hang when the browser
|
|
// already died, so race it at 3s and abandon; the child is reaped at exit.
|
|
try { await Promise.race([bm?.close(), new Promise((resolve) => setTimeout(resolve, 3000))]); } catch {}
|
|
});
|
|
|
|
describe('fill dispatches change event', () => {
|
|
test('a change-only validator sees the filled value', async () => {
|
|
await handleWriteCommand('goto', [baseUrl + '/change-only-validator.html'], bm);
|
|
await handleWriteCommand('fill', ['#password', 'hello123'], bm);
|
|
await handleWriteCommand('fill', ['#password2', 'hello123'], bm);
|
|
|
|
const status = await bm.getPage().locator('#match-status').textContent();
|
|
expect(status).toBe('match');
|
|
});
|
|
|
|
test('a change-only validator still catches a real mismatch', async () => {
|
|
await handleWriteCommand('goto', [baseUrl + '/change-only-validator.html'], bm);
|
|
await handleWriteCommand('fill', ['#password', 'hello123'], bm);
|
|
await handleWriteCommand('fill', ['#password2', 'different'], bm);
|
|
|
|
const status = await bm.getPage().locator('#match-status').textContent();
|
|
expect(status).toBe('no-match');
|
|
});
|
|
});
|