eiac/xterm.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Merge pull request #5556 from Tyriar/5555

Browse Source 
Migrate evaluate calls to use terminal proxy
This commit is contained in:
Daniel Imms
2025-12-30 05:43:14 -08:00
committed by GitHub
parent 11fbdb3db7 0b9a7cb856
commit 5c2cd474ce
3 changed files with 314 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/playwright/InputHandler.test.ts
+217 -311
View File
@@ -4,7 +4,6 @@
*/
import { test } from '@playwright/test';
import { deepStrictEqual, ok } from 'assert';
import { IRenderDimensions } from 'browser/renderer/shared/Types';
import { ITestContext, createTestContext, openTerminal, pollFor } from './TestUtils';
let ctx: ITestContext;
@@ -16,17 +15,27 @@ test.afterAll(async () => await ctx.page.close());
test.describe('InputHandler Integration Tests', () => {
let recordedData: string[];
let recordDataDisposable: { dispose: () => void };
test.beforeAll(async () => {
recordedData = [];
recordDataDisposable = ctx.proxy.onData(d => recordedData.push(d));
});
test.afterAll(async () => {
recordDataDisposable.dispose();
});
test.beforeEach(async () => {
recordedData.length = 0;
});
test.describe('CSI', () => {
test.beforeEach(async () => await ctx.proxy.reset());
test('CSI Ps @ - ICH: Insert Ps (Blank) Character(s) (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('foo\\x1b[3D\\x1b[@\\n\\r')
// Explicit
window.term.write('bar\\x1b[3D\\x1b[4@')
`);
// Default
await ctx.proxy.write('foo\x1b[3D\x1b[@\n\r');
// Explicit
await ctx.proxy.write('bar\x1b[3D\x1b[4@');
await pollFor(ctx.page, () => getLinesAsArray(2), [' foo', ' bar']);
});
test('CSI Ps SP @ - SL: Shift left Ps columns(s) (default = 1), ECMA-48', async () => {
@@ -39,140 +48,106 @@ test.describe('InputHandler Integration Tests', () => {
await pollFor(ctx.page, () => getLinesAsArray(1), ['defg']);
});
test('CSI Ps A - CUU: Cursor Up Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\\n\\n\\n\\n\x1b[Aa')
// Explicit
window.term.write('\x1b[2Ab')
`);
// Default
await ctx.proxy.write('\n\n\n\n\x1b[Aa');
// Explicit
await ctx.proxy.write('\x1b[2Ab');
await pollFor(ctx.page, () => getLinesAsArray(4), ['', ' b', '', 'a']);
});
test('CSI Ps B - CUD: Cursor Down Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\x1b[Ba')
// Explicit
window.term.write('\x1b[2Bb')
`);
// Default
await ctx.proxy.write('\x1b[Ba');
// Explicit
await ctx.proxy.write('\x1b[2Bb');
await pollFor(ctx.page, () => getLinesAsArray(4), ['', 'a', '', ' b']);
});
test('CSI Ps C - CUF: Cursor Forward Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\x1b[Ca')
// Explicit
window.term.write('\x1b[2Cb')
`);
// Default
await ctx.proxy.write('\x1b[Ca');
// Explicit
await ctx.proxy.write('\x1b[2Cb');
await pollFor(ctx.page, () => getLinesAsArray(1), [' a b']);
});
test('CSI Ps D - CUB: Cursor Backward Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('foo\x1b[Da')
// Explicit
window.term.write('\x1b[2Db')
`);
// Default
await ctx.proxy.write('foo\x1b[Da');
// Explicit
await ctx.proxy.write('\x1b[2Db');
await pollFor(ctx.page, () => getLinesAsArray(1), ['fba']);
});
test('CSI Ps E - CNL: Cursor Next Line Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\x1b[Ea')
// Explicit
window.term.write('\x1b[2Eb')
`);
// Default
await ctx.proxy.write('\x1b[Ea');
// Explicit
await ctx.proxy.write('\x1b[2Eb');
await pollFor(ctx.page, () => getLinesAsArray(4), ['', 'a', '', 'b']);
});
test('CSI Ps F - CPL: Cursor Preceding Line Ps Times (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\\n\\n\\n\\n\x1b[Fa')
// Explicit
window.term.write('\x1b[2Fb')
`);
// Default
await ctx.proxy.write('\n\n\n\n\x1b[Fa');
// Explicit
await ctx.proxy.write('\x1b[2Fb');
await pollFor(ctx.page, () => getLinesAsArray(5), ['', 'b', '', 'a', '']);
});
test('CSI Ps G - CHA: Cursor Character Absolute [column] (default = [row,1])', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('foo\x1b[Ga')
// Explicit
window.term.write('\x1b[10Gb')
`);
// Default
await ctx.proxy.write('foo\x1b[Ga');
// Explicit
await ctx.proxy.write('\x1b[10Gb');
await pollFor(ctx.page, () => getLinesAsArray(1), ['aoo b']);
});
test('CSI Ps ; Ps H - CUP: Cursor Position [row;column] (default = [1,1])', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('foo\x1b[Ha')
// Explicit
window.term.write('\x1b[3;3Hb')
`);
// Default
await ctx.proxy.write('foo\x1b[Ha');
// Explicit
await ctx.proxy.write('\x1b[3;3Hb');
await pollFor(ctx.page, () => getLinesAsArray(3), ['aoo', '', ' b']);
});
test('CSI Ps I - CHT: Cursor Forward Tabulation Ps tab stops (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('\x1b[Ia')
// Explicit
window.term.write('\\n\\r\x1b[2Ib')
`);
// Default
await ctx.proxy.write('\x1b[Ia');
// Explicit
await ctx.proxy.write('\n\r\x1b[2Ib');
await pollFor(ctx.page, () => getLinesAsArray(2), [' a', ' b']);
});
test('CSI Ps J - ED: Erase in Display, VT100', async () => {
const fixture = 'abc\\n\\rdef\\n\\rghi\x1b[2;2H';
await ctx.page.evaluate(`
// Default: Erase Below
window.term.resize(5, 5);
window.term.write('${fixture}\x1b[J')
`);
const fixture = 'abc\n\rdef\n\rghi\x1b[2;2H';
// Default: Erase Below
await ctx.proxy.resize(5, 5);
await ctx.proxy.write(fixture + '\x1b[J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['abc', 'd', '']);
await ctx.page.evaluate(`
// 0: Erase Below
window.term.reset()
window.term.write('${fixture}\x1b[0J')
`);
// 0: Erase Below
await ctx.proxy.reset();
await ctx.proxy.write(fixture + '\x1b[0J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['abc', 'd', '']);
await ctx.page.evaluate(`
// 1: Erase Above
window.term.reset()
window.term.write('${fixture}\x1b[1J')
`);
// 1: Erase Above
await ctx.proxy.reset();
await ctx.proxy.write(fixture + '\x1b[1J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['', ' f', 'ghi']);
await ctx.page.evaluate(`
// 2: Erase Saved Lines (scrollback)
window.term.reset()
window.term.write('1\\n2\\n3\\n4\\n5${fixture}\x1b[3J')
`);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.term.buffer.active.length`), 5);
// 2: Erase Saved Lines (scrollback)
await ctx.proxy.reset();
await ctx.proxy.write('1\n2\n3\n4\n5' + fixture + '\x1b[3J');
await pollFor(ctx.page, () => ctx.proxy.buffer.active.length, 5);
await pollFor(ctx.page, () => getLinesAsArray(5), [' 4', ' 5', 'abc', 'def', 'ghi']);
});
test('CSI ? Ps J - DECSED: Erase in Display, VT220', async () => {
const fixture = 'abc\\n\\rdef\\n\\rghi\x1b[2;2H';
await ctx.page.evaluate(`
// Default: Erase Below
window.term.resize(5, 5);
window.term.write('${fixture}\x1b[?J')
`);
const fixture = 'abc\n\rdef\n\rghi\x1b[2;2H';
// Default: Erase Below
await ctx.proxy.resize(5, 5);
await ctx.proxy.write(fixture + '\x1b[?J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['abc', 'd', '']);
await ctx.page.evaluate(`
// 0: Erase Below
window.term.reset()
window.term.write('${fixture}\x1b[?0J')
`);
// 0: Erase Below
await ctx.proxy.reset();
await ctx.proxy.write(fixture + '\x1b[?0J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['abc', 'd', '']);
await ctx.page.evaluate(`
// 1: Erase Above
window.term.reset()
window.term.write('${fixture}\x1b[?1J')
`);
// 1: Erase Above
await ctx.proxy.reset();
await ctx.proxy.write(fixture + '\x1b[?1J');
await pollFor(ctx.page, () => getLinesAsArray(3), ['', ' f', 'ghi']);
await ctx.page.evaluate(`
// 2: Erase Saved Lines (scrollback)
window.term.reset()
window.term.write('1\\n2\\n3\\n4\\n5${fixture}\x1b[?3J')
`);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.term.buffer.active.length`), 5);
// 2: Erase Saved Lines (scrollback)
await ctx.proxy.reset();
await ctx.proxy.write('1\n2\n3\n4\n5' + fixture + '\x1b[?3J');
await pollFor(ctx.page, () => ctx.proxy.buffer.active.length, 5);
await pollFor(ctx.page, () => getLinesAsArray(5), [' 4', ' 5', 'abc', 'def', 'ghi']);
});
test.skip('CSI Ps K - EL: Erase in Line, VT100', async () => {
@@ -182,30 +157,24 @@ test.describe('InputHandler Integration Tests', () => {
// TODO: Implement
});
test('CSI Ps L - IL: Insert Ps Line(s) (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('foo\x1b[La')
// Explicit
window.term.write('\x1b[2Lb')
`);
// Default
await ctx.proxy.write('foo\x1b[La');
// Explicit
await ctx.proxy.write('\x1b[2Lb');
await pollFor(ctx.page, () => getLinesAsArray(4), ['b', '', 'a', 'foo']);
});
test('CSI Ps M - DL: Delete Ps Line(s) (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('a\\nb\x1b[1F\x1b[M')
// Explicit
window.term.write('\x1b[1Ed\\ne\\nf\x1b[2F\x1b[2M')
`);
// Default
await ctx.proxy.write('a\nb\x1b[1F\x1b[M');
// Explicit
await ctx.proxy.write('\x1b[1Ed\ne\nf\x1b[2F\x1b[2M');
await pollFor(ctx.page, () => getLinesAsArray(5), [' b', ' f', '', '', '']);
});
test('CSI Ps P - DCH: Delete Ps Character(s) (default = 1)', async () => {
await ctx.page.evaluate(`
// Default
window.term.write('abc\x1b[1;1H\x1b[P')
// Explicit
window.term.write('\\n\\rdef\x1b[2;1H\x1b[2P')
`);
// Default
await ctx.proxy.write('abc\x1b[1;1H\x1b[P');
// Explicit
await ctx.proxy.write('\n\rdef\x1b[2;1H\x1b[2P');
await pollFor(ctx.page, () => getLinesAsArray(2), ['bc', 'f']);
});
test.skip('CSI Pm # P - XTPUSHCOLORS: Push current dynamic- and ANSI-palette colors onto stack, xterm', async () => {
@@ -249,51 +218,40 @@ test.describe('InputHandler Integration Tests', () => {
});
test('CSI Ps b - REP: Repeat preceding character, ECMA48', async () => {
// default to 1
await ctx.page.evaluate(`
window.term.resize(10, 10);
window.term.write('#\x1b[b');
window.term.writeln('');
window.term.write('#\x1b[0b');
window.term.writeln('');
window.term.write('#\x1b[1b');
window.term.writeln('');
window.term.write('#\x1b[5b');
`);
await ctx.proxy.resize(10, 10);
await ctx.proxy.write('#\x1b[b');
await ctx.proxy.writeln('');
await ctx.proxy.write('#\x1b[0b');
await ctx.proxy.writeln('');
await ctx.proxy.write('#\x1b[1b');
await ctx.proxy.writeln('');
await ctx.proxy.write('#\x1b[5b');
await pollFor(ctx.page, () => getLinesAsArray(4), ['##', '##', '##', '######']);
await pollFor(ctx.page, () => getCursor(), { col: 6, row: 3 });
// repeat on fullwidth chars
await ctx.page.evaluate(`
window.term.reset();
window.term.write('￥\x1b[8b');
`);
await ctx.proxy.reset();
await ctx.proxy.write('￥\x1b[8b');
await pollFor(ctx.page, () => getLinesAsArray(1), ['￥￥￥￥￥']);
// change from xterm: repeat grapheme cluster
await ctx.page.evaluate(`
window.term.reset();
window.term.write('e\u0301\x1b[2b');
`);
await ctx.proxy.reset();
await ctx.proxy.write('e\u0301\x1b[2b');
await pollFor(ctx.page, () => getLinesAsArray(1), ['e\u0301e\u0301e\u0301']);
// should wrap correctly
await ctx.page.evaluate(`
window.term.reset();
window.term.write('#\x1b[15b');
`);
await ctx.proxy.reset();
await ctx.proxy.write('#\x1b[15b');
await pollFor(ctx.page, () => getLinesAsArray(2), ['##########', '######']);
await ctx.page.evaluate(`
window.term.reset();
window.term.write('\x1b[?7l'); // disable wrap around
window.term.write('#\x1b[15b');
`);
// disable wrap around
await ctx.proxy.reset();
await ctx.proxy.write('\x1b[?7l');
await ctx.proxy.write('#\x1b[15b');
await pollFor(ctx.page, () => getLinesAsArray(2), ['##########', '']);
// any successful sequence should reset REP
await ctx.page.evaluate(`
window.term.reset();
window.term.write('\x1b[?7h'); // re-enable wrap around
window.term.write('#\\n\x1b[3b');
window.term.write('#\\r\x1b[3b');
window.term.writeln('');
window.term.write('abcdefg\x1b[3D\x1b[10b#\x1b[3b');
`);
await ctx.proxy.reset();
await ctx.proxy.write('\x1b[?7h'); // re-enable wrap around
await ctx.proxy.write('#\n\x1b[3b');
await ctx.proxy.write('#\r\x1b[3b');
await ctx.proxy.writeln('');
await ctx.proxy.write('abcdefg\x1b[3D\x1b[10b#\x1b[3b');
await pollFor(ctx.page, () => getLinesAsArray(3), ['#', ' #', 'abcd####']);
});
test.skip('CSI Ps c - ', async () => {
@@ -449,19 +407,19 @@ test.describe('InputHandler Integration Tests', () => {
await ctx.page.mouse.click((coords.left + coords.right) / 2, (coords.top + coords.bottom) / 2);
await ctx.page.mouse.down();
await ctx.page.mouse.move((coords.left + coords.right) / 2, (coords.top + coords.bottom) / 4);
ok(await ctx.page.evaluate(`window.term.getSelection().length`) as number > 0, 'mouse events are off so there should be a selection');
ok((await ctx.proxy.getSelection()).length > 0, 'mouse events are off so there should be a selection');
await ctx.page.mouse.up();
// Clear selection
await ctx.page.mouse.click((coords.left + coords.right) / 2, (coords.top + coords.bottom) / 2);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.term.getSelection().length`), 0);
await pollFor(ctx.page, async () => (await ctx.proxy.getSelection()).length, 0);
// Enable mouse events
await ctx.page.evaluate(`window.term.write('\x1b[?1003h')`);
await ctx.proxy.write('\x1b[?1003h');
// Click and drag and ensure there is no selection
await ctx.page.mouse.click((coords.left + coords.right) / 2, (coords.top + coords.bottom) / 2);
await ctx.page.mouse.down();
await ctx.page.mouse.move((coords.left + coords.right) / 2, (coords.top + coords.bottom) / 4);
// mouse events are on so there should be no selection
await pollFor(ctx.page, () => ctx.page.evaluate(`window.term.getSelection().length`), 0);
await pollFor(ctx.page, async () => (await ctx.proxy.getSelection()).length, 0);
await ctx.page.mouse.up();
});
test.skip('Ps = 1 0 0 4 - Send FocusIn/FocusOut events, xterm', async () => {
@@ -566,9 +524,9 @@ test.describe('InputHandler Integration Tests', () => {
return;
}
await pollFor(ctx.page, () => simulatePaste('foo'), 'foo');
await ctx.page.evaluate(`window.term.write('\x1b[?2004h')`);
await ctx.proxy.write('\x1b[?2004h');
await pollFor(ctx.page, () => simulatePaste('bar'), '\x1b[200~bar\x1b[201~');
await ctx.page.evaluate(`window.term.write('\x1b[?2004l')`);
await ctx.proxy.write('\x1b[?2004l');
await pollFor(ctx.page, () => simulatePaste('baz'), 'baz');
});
test.skip('Ps = 2 0 0 5 - Enable readline character-quoting, xterm', async () => {
@@ -986,35 +944,28 @@ test.describe('InputHandler Integration Tests', () => {
});
test.describe('CSI Ps n - DSR: Device Status Report', () => {
test('Status Report - CSI 5 n', async () => {
await ctx.page.evaluate(`
window.term.onData(e => window.result = e);
window.term.write('\\x1b[5n');
`);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.result`), '\x1b[0n');
await ctx.proxy.write('\x1b[5n');
deepStrictEqual(recordedData, ['\x1b[0n']);
});
test('Report Cursor Position (CPR) - CSI 6 n', async () => {
await ctx.page.evaluate(`window.term.write('\\n\\nfoo')`);
await pollFor(ctx.page, () => ctx.page.evaluate(`
[window.term.buffer.active.cursorY, window.term.buffer.active.cursorX]
`), [2, 3]);
await ctx.page.evaluate(`
window.term.onData(e => window.result = e);
window.term.write('\\x1b[6n');
`);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.result`), '\x1b[3;4R');
await ctx.proxy.write('\n\nfoo');
await pollFor(ctx.page, async () => [
await ctx.proxy.buffer.active.cursorY,
await ctx.proxy.buffer.active.cursorX
], [2, 3]);
await ctx.proxy.write('\x1b[6n');
deepStrictEqual(recordedData, ['\x1b[3;4R']);
});
test('Report Cursor Position (DECXCPR) - CSI ? 6 n', async () => {
await ctx.page.evaluate(`window.term.write('\\n\\nfoo')`);
await pollFor(ctx.page, () => ctx.page.evaluate(`
[window.term.buffer.active.cursorY, window.term.buffer.active.cursorX]
`), [2, 3]);
await ctx.page.evaluate(`
window.term.onData(e => window.result = e);
window.term.write('\\x1b[?6n');
`);
await pollFor(ctx.page, () => ctx.page.evaluate(`window.result`), '\x1b[?3;4R');
await ctx.proxy.write('\n\nfoo');
await pollFor(ctx.page, async () => [
await ctx.proxy.buffer.active.cursorY,
await ctx.proxy.buffer.active.cursorX
], [2, 3]);
await ctx.proxy.write('\x1b[?6n');
deepStrictEqual(recordedData, ['\x1b[?3;4R']);
});
});
test.skip('CSI > Ps n - Disable key modifier options, xterm', () => {
@@ -1160,204 +1111,162 @@ test.describe('InputHandler Integration Tests', () => {
});
test.describe('CSI Ps ; Ps ; Ps t - Window Options', () => {
test('should be disabled by default', async () => {
await ctx.page.evaluate(`(() => {
window._stack = [];
const _h = window.term.onData(data => window._stack.push(data));
window.term.write('\x1b[14t');
window.term.write('\x1b[16t');
window.term.write('\x1b[18t');
window.term.write('\x1b[20t');
window.term.write('\x1b[21t');
return new Promise((r) => window.term.write('', () => { _h.dispose(); r(); }));
})()`);
await pollFor(ctx.page, async () => await ctx.page.evaluate(`(() => _stack)()`), []);
await ctx.proxy.write('\x1b[14t');
await ctx.proxy.write('\x1b[16t');
await ctx.proxy.write('\x1b[18t');
await ctx.proxy.write('\x1b[20t');
await ctx.proxy.write('\x1b[21t');
deepStrictEqual(recordedData, []);
});
test('14 - GetWinSizePixels', async () => {
await ctx.page.evaluate(`window.term.options.windowOptions = { getWinSizePixels: true }; `);
await ctx.page.evaluate(`(() => {
window._stack = [];
const _h = window.term.onData(data => window._stack.push(data));
window.term.write('\x1b[14t');
return new Promise((r) => window.term.write('', () => { _h.dispose(); r(); }));
})()`);
await ctx.proxy.setOption('windowOptions', { getWinSizePixels: true });
await ctx.proxy.write('\x1b[14t');
const d = await getDimensions();
await pollFor(ctx.page, async () => await ctx.page.evaluate(`(() => _stack)()`), [`\x1b[4;${d.height};${d.width}t`]);
deepStrictEqual(recordedData, [`\x1b[4;${d.height};${d.width}t`]);
});
test('16 - GetCellSizePixels', async () => {
await ctx.page.evaluate(`window.term.options.windowOptions = { getCellSizePixels: true }; `);
await ctx.page.evaluate(`(() => {
window._stack = [];
const _h = window.term.onData(data => window._stack.push(data));
window.term.write('\x1b[16t');
return new Promise((r) => window.term.write('', () => { _h.dispose(); r(); }));
})()`);
await ctx.proxy.setOption('windowOptions', { getCellSizePixels: true });
await ctx.proxy.write('\x1b[16t');
const d = await getDimensions();
await pollFor(ctx.page, async () => await ctx.page.evaluate(`(() => _stack)()`), [`\x1b[6;${d.cellHeight};${d.cellWidth}t`]);
deepStrictEqual(recordedData, [`\x1b[6;${d.cellHeight};${d.cellWidth}t`]);
});
});
});
test.describe('OSC', () => {
test.describe('OSC 4', () => {
test.beforeAll(async () => {
await ctx.page.evaluate('(() => {window._recordedData = []; window._h = term.onData(d => window._recordedData.push(d));})()');
});
test.afterAll(async () => {
await ctx.page.evaluate('window._h.dispose()');
});
test.beforeEach(async () => {
await ctx.page.evaluate('window._recordedData.length = 0;');
});
test('query single color', async () => {
await ctx.proxy.write('\x1b]4;0;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\']);
await ctx.proxy.write('\x1b]4;77;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\', '\x1b]4;77;rgb:5f5f/d7d7/5f5f\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\', '\x1b]4;77;rgb:5f5f/d7d7/5f5f\x1b\\']);
});
test('query multiple colors', async () => {
await ctx.proxy.write('\x1b]4;0;?;77;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\', '\x1b]4;77;rgb:5f5f/d7d7/5f5f\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]4;0;rgb:2e2e/3434/3636\x1b\\', '\x1b]4;77;rgb:5f5f/d7d7/5f5f\x1b\\']);
});
test('set & query single color', async () => {
await ctx.proxy.write('\x1b]4;0;?\x07');
const restore: string[] = await ctx.page.evaluate('window._recordedData');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), restore);
const restore = [...recordedData];
deepStrictEqual(recordedData, restore);
// set new color & query
await ctx.proxy.write('\x1b]4;0;rgb:01/02/03\x07\x1b]4;0;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), [restore[0], '\x1b]4;0;rgb:0101/0202/0303\x1b\\']);
deepStrictEqual(recordedData, [restore[0], '\x1b]4;0;rgb:0101/0202/0303\x1b\\']);
// restore should set old color
await ctx.proxy.write(restore[0] + '\x1b]4;0;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), [restore[0], '\x1b]4;0;rgb:0101/0202/0303\x1b\\', restore[0]]);
deepStrictEqual(recordedData, [restore[0], '\x1b]4;0;rgb:0101/0202/0303\x1b\\', restore[0]]);
});
test('query & set colors mixed', async () => {
await ctx.proxy.write('\x1b]4;0;?;77;?\x07');
const restore: string[] = await ctx.page.evaluate('window._recordedData');
await ctx.page.evaluate('window._recordedData.length = 0;');
const restore = [...recordedData];
recordedData.length = 0;
// mixed call - change 0, query 43, change 77
await ctx.proxy.write('\x1b]4;0;rgb:01/02/03;43;?;77;#aabbcc\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]4;43;rgb:0000/d7d7/afaf\x1b\\']);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, ['\x1b]4;43;rgb:0000/d7d7/afaf\x1b\\']);
recordedData.length = 0;
// query new values for 0 + 77
await ctx.proxy.write('\x1b]4;0;?;77;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]4;0;rgb:0101/0202/0303\x1b\\', '\x1b]4;77;rgb:aaaa/bbbb/cccc\x1b\\']);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, ['\x1b]4;0;rgb:0101/0202/0303\x1b\\', '\x1b]4;77;rgb:aaaa/bbbb/cccc\x1b\\']);
recordedData.length = 0;
// restore old values for 0 + 77
await ctx.proxy.write(restore[0] + restore[1] + '\x1b]4;0;?;77;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), restore);
deepStrictEqual(recordedData, restore);
});
});
test.describe('OSC 4 & 104', () => {
test.beforeAll(async () => {
await ctx.page.evaluate('(() => {window._recordedData = []; window._h = term.onData(d => window._recordedData.push(d));})()');
});
test.afterAll(async () => {
await ctx.page.evaluate('window._h.dispose()');
});
test.beforeEach(async () => {
await ctx.page.evaluate('window._recordedData.length = 0;');
});
test('change & restore single color', async () => {
// test for some random color slots
for (const i of [0, 43, 77, 255]) {
await ctx.proxy.write(`\x1b]4;${i};?\x07`);
const restore: string[] = await ctx.page.evaluate('window._recordedData');
const restore = [...recordedData];
await ctx.proxy.write(`\x1b]4;${i};rgb:01/02/03\x07\x1b]4;${i};?\x07`);
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), [restore[0], `\x1b]4;${i};rgb:0101/0202/0303\x1b\\`]);
deepStrictEqual(recordedData, [restore[0], `\x1b]4;${i};rgb:0101/0202/0303\x1b\\`]);
// restore slot color
await ctx.proxy.write(`\x1b]104;${i}\x07\x1b]4;${i};?\x07`);
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), [restore[0], `\x1b]4;${i};rgb:0101/0202/0303\x1b\\`, restore[0]]);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, [restore[0], `\x1b]4;${i};rgb:0101/0202/0303\x1b\\`, restore[0]]);
recordedData.length = 0;
}
});
test('restore multiple at once', async () => {
// change 3 random slots
await ctx.proxy.write(`\x1b]4;0;?;43;?;77;?\x07`);
const restore: string[] = await ctx.page.evaluate('window._recordedData');
await ctx.page.evaluate('window._recordedData.length = 0;');
const restore = [...recordedData];
recordedData.length = 0;
await ctx.proxy.write(`\x1b]4;0;rgb:01/02/03;43;#aabbcc;77;#123456\x07`);
// restore specific slots
await ctx.proxy.write(`\x1b]104;0;43;77\x07` + `\x1b]4;0;?;43;?;77;?\x07`);
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), restore);
deepStrictEqual(recordedData, restore);
});
test('restore full table', async () => {
// change 3 random slots
await ctx.proxy.write(`\x1b]4;0;?;43;?;77;?\x07`);
const restore: string[] = await ctx.page.evaluate('window._recordedData');
await ctx.page.evaluate('window._recordedData.length = 0;');
const restore = [...recordedData];
recordedData.length = 0;
await ctx.proxy.write(`\x1b]4;0;rgb:01/02/03;43;#aabbcc;77;#123456\x07`);
// restore all
await ctx.proxy.write(`\x1b]104\x07` + `\x1b]4;0;?;43;?;77;?\x07`);
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), restore);
deepStrictEqual(recordedData, restore);
});
});
test.describe('OSC 10 & 11 + 110 | 111 | 112', () => {
test.beforeAll(async () => {
await ctx.page.evaluate('(() => {window._recordedData = []; window._h = term.onData(d => window._recordedData.push(d));})()');
});
test.afterAll(async () => {
await ctx.page.evaluate('window._h.dispose()');
});
test.beforeEach(async () => {
await ctx.page.evaluate('window._recordedData.length = 0;');
});
test('query FG color', async () => {
await ctx.proxy.write('\x1b]10;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
});
test('query BG color', async () => {
await ctx.proxy.write('\x1b]11;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]11;rgb:0000/0000/0000\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]11;rgb:0000/0000/0000\x1b\\']);
});
test('query FG & BG color in one call', async () => {
await ctx.proxy.write('\x1b]10;?;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\', '\x1b]11;rgb:0000/0000/0000\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\', '\x1b]11;rgb:0000/0000/0000\x1b\\']);
});
test('set & query FG', async () => {
await ctx.proxy.write('\x1b]10;rgb:1/2/3\x07\x1b]10;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:1111/2222/3333\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:1111/2222/3333\x1b\\']);
await ctx.proxy.write('\x1b]10;#ffffff\x07\x1b]10;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:1111/2222/3333\x1b\\', '\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:1111/2222/3333\x1b\\', '\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
});
test('set & query BG', async () => {
await ctx.proxy.write('\x1b]11;rgb:1/2/3\x07\x1b]11;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]11;rgb:1111/2222/3333\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]11;rgb:1111/2222/3333\x1b\\']);
await ctx.proxy.write('\x1b]11;#000000\x07\x1b]11;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]11;rgb:1111/2222/3333\x1b\\', '\x1b]11;rgb:0000/0000/0000\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]11;rgb:1111/2222/3333\x1b\\', '\x1b]11;rgb:0000/0000/0000\x1b\\']);
});
test('set & query cursor color', async () => {
await ctx.proxy.write('\x1b]12;rgb:1/2/3\x07\x1b]12;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]12;rgb:1111/2222/3333\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]12;rgb:1111/2222/3333\x1b\\']);
await ctx.proxy.write('\x1b]12;#ffffff\x07\x1b]12;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]12;rgb:1111/2222/3333\x1b\\', '\x1b]12;rgb:ffff/ffff/ffff\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]12;rgb:1111/2222/3333\x1b\\', '\x1b]12;rgb:ffff/ffff/ffff\x1b\\']);
});
test('set & query FG & BG color in one call', async () => {
await ctx.proxy.write('\x1b]10;#123456;rgb:aa/bb/cc\x07\x1b]10;?;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:1212/3434/5656\x1b\\', '\x1b]11;rgb:aaaa/bbbb/cccc\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:1212/3434/5656\x1b\\', '\x1b]11;rgb:aaaa/bbbb/cccc\x1b\\']);
await ctx.proxy.write('\x1b]10;#ffffff;#000000\x07');
});
test('OSC 110: restore FG color', async () => {
await ctx.proxy.write('\x1b]10;rgb:1/2/3\x07\x1b]10;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:1111/2222/3333\x1b\\']);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, ['\x1b]10;rgb:1111/2222/3333\x1b\\']);
recordedData.length = 0;
// restore
await ctx.proxy.write('\x1b]110\x07\x1b]10;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]10;rgb:ffff/ffff/ffff\x1b\\']);
});
test('OSC 111: restore BG color', async () => {
await ctx.proxy.write('\x1b]11;rgb:1/2/3\x07\x1b]11;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]11;rgb:1111/2222/3333\x1b\\']);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, ['\x1b]11;rgb:1111/2222/3333\x1b\\']);
recordedData.length = 0;
// restore
await ctx.proxy.write('\x1b]111\x07\x1b]11;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]11;rgb:0000/0000/0000\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]11;rgb:0000/0000/0000\x1b\\']);
});
test('OSC 112: restore cursor color', async () => {
await ctx.proxy.write('\x1b]12;rgb:1/2/3\x07\x1b]12;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]12;rgb:1111/2222/3333\x1b\\']);
await ctx.page.evaluate('window._recordedData.length = 0;');
deepStrictEqual(recordedData, ['\x1b]12;rgb:1111/2222/3333\x1b\\']);
recordedData.length = 0;
// restore
await ctx.proxy.write('\x1b]112\x07\x1b]12;?\x07');
deepStrictEqual(await ctx.page.evaluate('window._recordedData'), ['\x1b]12;rgb:ffff/ffff/ffff\x1b\\']);
deepStrictEqual(recordedData, ['\x1b]12;rgb:ffff/ffff/ffff\x1b\\']);
});
});
});
@@ -1365,15 +1274,11 @@ test.describe('InputHandler Integration Tests', () => {
test.describe('ESC', () => {
test.describe('DECRC: Save cursor, ESC 7', () => {
test('should save the absolute cursor position so resizing restores to the correct position', async () => {
await ctx.page.evaluate(`
window.term.resize(10, 2);
window.term.write('1\\n\\r2\\n\\r3\\n\\r4\\n\\r5');
window.term.write('\\x1b7\\x1b[?47h');
`);
await ctx.page.evaluate(`
window.term.resize(10, 4);
window.term.write('\\x1b[?47l\\x1b8');
`);
await ctx.proxy.resize(10, 2);
await ctx.proxy.write('1\n\r2\n\r3\n\r4\n\r5');
await ctx.proxy.write('\x1b7\x1b[?47h');
await ctx.proxy.resize(10, 4);
await ctx.proxy.write('\x1b[?47l\x1b8');
await pollFor(ctx.page, () => getCursor(), { col: 1, row: 3 });
});
});
@@ -1392,30 +1297,31 @@ async function getLinesAsArray(count: number, start: number = 0): Promise<string
async function simulatePaste(text: string): Promise<string> {
const id = Math.floor(Math.random() * 1000000);
await ctx.page.evaluate(`
(function() {
window.term.onData(e => window.result_${id} = e);
const clipboardData = new DataTransfer();
clipboardData.setData('text/plain', '${text}');
window.term.textarea.dispatchEvent(new ClipboardEvent('paste', { clipboardData }));
})();
`);
return await ctx.page.evaluate(`window.result_${id} `);
(function() {
window.disposable_${id} = window.term.onData(e => window.result_${id} = e);
const clipboardData = new DataTransfer();
clipboardData.setData('text/plain', '${text}');
window.term.textarea.dispatchEvent(new ClipboardEvent('paste', { clipboardData }));
})();
`);
const result = await ctx.page.evaluate<string>(`window.result_${id}`);
await ctx.page.evaluate(`window.disposable_${id}.dispose()`);
return result;
}
async function getCursor(): Promise<{ col: number, row: number }> {
return ctx.page.evaluate(`
(function() {
return {col: term.buffer.active.cursorX, row: term.buffer.active.cursorY};
})();
`);
return {
col: await ctx.proxy.buffer.active.cursorX,
row: await ctx.proxy.buffer.active.cursorY
};
}
async function getDimensions(): Promise<any> {
const dim: IRenderDimensions = await ctx.page.evaluate(`term.dimensions`);
const dim = await ctx.proxy.dimensions;
return {
cellWidth: dim.css.cell.width.toFixed(0),
cellHeight: dim.css.cell.height.toFixed(0),
width: dim.css.canvas.width.toFixed(0),
height: dim.css.canvas.height.toFixed(0)
cellWidth: dim!.css.cell.width.toFixed(0),
cellHeight: dim!.css.cell.height.toFixed(0),
width: dim!.css.canvas.width.toFixed(0),
height: dim!.css.canvas.height.toFixed(0)
};
}
test/playwright/MouseTracking.test.ts
+2 -4
View File
@@ -176,10 +176,8 @@ test.describe('Mouse Tracking Tests', () => {
});
test.beforeEach(async () => {
await ctx.page.evaluate(`
window.calls = [];
window.term.options.fontSize = ${fontSize};
`);
await ctx.page.evaluate(`window.calls = [];`);
await ctx.proxy.setOption('fontSize', fontSize);
await ctx.proxy.resize(cols, rows);
});
test/playwright/Terminal.test.ts
+95 -99
View File
@@ -35,12 +35,10 @@ test.describe('API Integration Tests', () => {
test('write', async () => {
await openTerminal(ctx);
await ctx.page.evaluate(`
window.term.write('foo');
window.term.write('bar');
window.term.write('文');
`);
await pollFor(ctx.page, `window.term.buffer.active.getLine(0).translateToString(true)`, 'foobar文');
await ctx.proxy.write('foo');
await ctx.proxy.write('bar');
await ctx.proxy.write('文');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(true), 'foobar文');
});
test('write with callback', async () => {
@@ -77,14 +75,12 @@ test.describe('API Integration Tests', () => {
test('writeln', async () => {
await openTerminal(ctx);
await ctx.page.evaluate(`
window.term.writeln('foo');
window.term.writeln('bar');
window.term.writeln('文');
`);
await pollFor(ctx.page, `window.term.buffer.active.getLine(0).translateToString(true)`, 'foo');
await pollFor(ctx.page, `window.term.buffer.active.getLine(1).translateToString(true)`, 'bar');
await pollFor(ctx.page, `window.term.buffer.active.getLine(2).translateToString(true)`, '文');
await ctx.proxy.writeln('foo');
await ctx.proxy.writeln('bar');
await ctx.proxy.writeln('文');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(true), 'foo');
strictEqual(await (await ctx.proxy.buffer.active.getLine(1))!.translateToString(true), 'bar');
strictEqual(await (await ctx.proxy.buffer.active.getLine(2))!.translateToString(true), '文');
});
test('writeln with callback', async () => {
@@ -120,7 +116,7 @@ test.describe('API Integration Tests', () => {
await ctx.proxy.paste('\r\nfoo\nbar\r');
await ctx.proxy.write('\x1b[?2004h');
await ctx.proxy.paste('foo');
await ctx.page.evaluate(`window.term.options.ignoreBracketedPasteMode = true;`);
await ctx.proxy.setOption('ignoreBracketedPasteMode', true);
await ctx.proxy.paste('check_mode');
deepStrictEqual(calls, ['foo', '\rfoo\rbar\r', '\x1b[200~foo\x1b[201~', 'check_mode']);
});
@@ -431,113 +427,113 @@ test.describe('API Integration Tests', () => {
test.describe('buffer', () => {
test('cursorX, cursorY', async () => {
await openTerminal(ctx, { rows: 5, cols: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 0);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 0);
strictEqual(await ctx.proxy.buffer.active.cursorX, 0);
strictEqual(await ctx.proxy.buffer.active.cursorY, 0);
await ctx.proxy.write('foo');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 3);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 0);
strictEqual(await ctx.proxy.buffer.active.cursorX, 3);
strictEqual(await ctx.proxy.buffer.active.cursorY, 0);
await ctx.proxy.write('\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 3);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 1);
strictEqual(await ctx.proxy.buffer.active.cursorX, 3);
strictEqual(await ctx.proxy.buffer.active.cursorY, 1);
await ctx.proxy.write('\r');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 0);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 1);
strictEqual(await ctx.proxy.buffer.active.cursorX, 0);
strictEqual(await ctx.proxy.buffer.active.cursorY, 1);
await ctx.proxy.write('abcde');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 5);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 1);
strictEqual(await ctx.proxy.buffer.active.cursorX, 5);
strictEqual(await ctx.proxy.buffer.active.cursorY, 1);
await ctx.proxy.write('\n\r\n\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorX`), 0);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.cursorY`), 4);
strictEqual(await ctx.proxy.buffer.active.cursorX, 0);
strictEqual(await ctx.proxy.buffer.active.cursorY, 4);
});
test('viewportY', async () => {
await openTerminal(ctx, { rows: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 0);
strictEqual(await ctx.proxy.buffer.active.viewportY, 0);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 0);
strictEqual(await ctx.proxy.buffer.active.viewportY, 0);
await ctx.proxy.write('\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 1);
strictEqual(await ctx.proxy.buffer.active.viewportY, 1);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 5);
await ctx.page.evaluate(`window.term.scrollLines(-1)`);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 4);
await ctx.page.evaluate(`window.term.scrollToTop()`);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.viewportY`), 0);
strictEqual(await ctx.proxy.buffer.active.viewportY, 5);
await ctx.proxy.scrollLines(-1);
strictEqual(await ctx.proxy.buffer.active.viewportY, 4);
await ctx.proxy.scrollToTop();
strictEqual(await ctx.proxy.buffer.active.viewportY, 0);
});
test('baseY', async () => {
await openTerminal(ctx, { rows: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 0);
strictEqual(await ctx.proxy.buffer.active.baseY, 0);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 0);
strictEqual(await ctx.proxy.buffer.active.baseY, 0);
await ctx.proxy.write('\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 1);
strictEqual(await ctx.proxy.buffer.active.baseY, 1);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 5);
await ctx.page.evaluate(`window.term.scrollLines(-1)`);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 5);
await ctx.page.evaluate(`window.term.scrollToTop()`);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.baseY`), 5);
strictEqual(await ctx.proxy.buffer.active.baseY, 5);
await ctx.proxy.scrollLines(-1);
strictEqual(await ctx.proxy.buffer.active.baseY, 5);
await ctx.proxy.scrollToTop();
strictEqual(await ctx.proxy.buffer.active.baseY, 5);
});
test('length', async () => {
await openTerminal(ctx, { rows: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.length`), 5);
strictEqual(await ctx.proxy.buffer.active.length, 5);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.length`), 5);
strictEqual(await ctx.proxy.buffer.active.length, 5);
await ctx.proxy.write('\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.length`), 6);
strictEqual(await ctx.proxy.buffer.active.length, 6);
await ctx.proxy.write('\n\n\n\n');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.length`), 10);
strictEqual(await ctx.proxy.buffer.active.length, 10);
});
test.describe('getLine', () => {
test('invalid index', async () => {
await openTerminal(ctx, { rows: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(-1)`), undefined);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(5)`), undefined);
strictEqual(await ctx.proxy.buffer.active.getLine(-1), undefined);
strictEqual(await ctx.proxy.buffer.active.getLine(5), undefined);
});
test('isWrapped', async () => {
await openTerminal(ctx, { cols: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).isWrapped`), false);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(1).isWrapped`), false);
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.isWrapped, false);
strictEqual(await (await ctx.proxy.buffer.active.getLine(1))!.isWrapped, false);
await ctx.proxy.write('abcde');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).isWrapped`), false);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(1).isWrapped`), false);
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.isWrapped, false);
strictEqual(await (await ctx.proxy.buffer.active.getLine(1))!.isWrapped, false);
await ctx.proxy.write('f');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).isWrapped`), false);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(1).isWrapped`), true);
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.isWrapped, false);
strictEqual(await (await ctx.proxy.buffer.active.getLine(1))!.isWrapped, true);
});
test('translateToString', async () => {
await openTerminal(ctx, { cols: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString()`), ' ');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString(true)`), '');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(), ' ');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(true), '');
await ctx.proxy.write('foo');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString()`), 'foo ');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString(true)`), 'foo');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(), 'foo ');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(true), 'foo');
await ctx.proxy.write('bar');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString()`), 'fooba');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString(true)`), 'fooba');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(1).translateToString(true)`), 'r');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString(false, 1)`), 'ooba');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).translateToString(false, 1, 3)`), 'oo');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(), 'fooba');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(true), 'fooba');
strictEqual(await (await ctx.proxy.buffer.active.getLine(1))!.translateToString(true), 'r');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(false, 1), 'ooba');
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.translateToString(false, 1, 3), 'oo');
});
test('getCell', async () => {
await openTerminal(ctx, { cols: 5 });
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(-1)`), undefined);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(5)`), undefined);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(0).getChars()`), '');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(0).getWidth()`), 1);
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.getCell(-1), undefined);
strictEqual(await (await ctx.proxy.buffer.active.getLine(0))!.getCell(5), undefined);
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(0))!.getChars(), '');
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(0))!.getWidth(), 1);
await ctx.proxy.write('a文');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(0).getChars()`), 'a');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(0).getWidth()`), 1);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(1).getChars()`), '文');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(1).getWidth()`), 2);
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(2).getChars()`), '');
strictEqual(await ctx.page.evaluate(`window.term.buffer.active.getLine(0).getCell(2).getWidth()`), 0);
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(0))!.getChars(), 'a');
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(0))!.getWidth(), 1);
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(1))!.getChars(), '文');
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(1))!.getWidth(), 2);
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(2))!.getChars(), '');
strictEqual(await (await (await ctx.proxy.buffer.active.getLine(0))!.getCell(2))!.getWidth(), 0);
});
test('clearMarkers', async () => {
@@ -600,7 +596,7 @@ test.describe('API Integration Tests', () => {
test.describe('modes', () => {
test.beforeEach(() => openTerminal(ctx));
test('defaults', async () => {
deepStrictEqual(await ctx.page.evaluate(`window.term.modes`), {
deepStrictEqual(await ctx.proxy.modes, {
applicationCursorKeysMode: false,
applicationKeypadMode: false,
bracketedPasteMode: false,
@@ -615,69 +611,69 @@ test.describe('API Integration Tests', () => {
});
test('applicationCursorKeysMode', async () => {
await ctx.proxy.write('\x1b[?1h');
strictEqual(await ctx.page.evaluate(`window.term.modes.applicationCursorKeysMode`), true);
strictEqual((await ctx.proxy.modes).applicationCursorKeysMode, true);
await ctx.proxy.write('\x1b[?1l');
strictEqual(await ctx.page.evaluate(`window.term.modes.applicationCursorKeysMode`), false);
strictEqual((await ctx.proxy.modes).applicationCursorKeysMode, false);
});
test('applicationKeypadMode', async () => {
await ctx.proxy.write('\x1b[?66h');
strictEqual(await ctx.page.evaluate(`window.term.modes.applicationKeypadMode`), true);
strictEqual((await ctx.proxy.modes).applicationKeypadMode, true);
await ctx.proxy.write('\x1b[?66l');
strictEqual(await ctx.page.evaluate(`window.term.modes.applicationKeypadMode`), false);
strictEqual((await ctx.proxy.modes).applicationKeypadMode, false);
});
test('bracketedPasteMode', async () => {
await ctx.proxy.write('\x1b[?2004h');
strictEqual(await ctx.page.evaluate(`window.term.modes.bracketedPasteMode`), true);
strictEqual((await ctx.proxy.modes).bracketedPasteMode, true);
await ctx.proxy.write('\x1b[?2004l');
strictEqual(await ctx.page.evaluate(`window.term.modes.bracketedPasteMode`), false);
strictEqual((await ctx.proxy.modes).bracketedPasteMode, false);
});
test('insertMode', async () => {
await ctx.proxy.write('\x1b[4h');
strictEqual(await ctx.page.evaluate(`window.term.modes.insertMode`), true);
strictEqual((await ctx.proxy.modes).insertMode, true);
await ctx.proxy.write('\x1b[4l');
strictEqual(await ctx.page.evaluate(`window.term.modes.insertMode`), false);
strictEqual((await ctx.proxy.modes).insertMode, false);
});
test('mouseTrackingMode', async () => {
await ctx.proxy.write('\x1b[?9h');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'x10');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'x10');
await ctx.proxy.write('\x1b[?9l');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'none');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'none');
await ctx.proxy.write('\x1b[?1000h');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'vt200');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'vt200');
await ctx.proxy.write('\x1b[?1000l');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'none');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'none');
await ctx.proxy.write('\x1b[?1002h');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'drag');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'drag');
await ctx.proxy.write('\x1b[?1002l');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'none');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'none');
await ctx.proxy.write('\x1b[?1003h');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'any');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'any');
await ctx.proxy.write('\x1b[?1003l');
strictEqual(await ctx.page.evaluate(`window.term.modes.mouseTrackingMode`), 'none');
strictEqual((await ctx.proxy.modes).mouseTrackingMode, 'none');
});
test('originMode', async () => {
await ctx.proxy.write('\x1b[?6h');
strictEqual(await ctx.page.evaluate(`window.term.modes.originMode`), true);
strictEqual((await ctx.proxy.modes).originMode, true);
await ctx.proxy.write('\x1b[?6l');
strictEqual(await ctx.page.evaluate(`window.term.modes.originMode`), false);
strictEqual((await ctx.proxy.modes).originMode, false);
});
test('reverseWraparoundMode', async () => {
await ctx.proxy.write('\x1b[?45h');
strictEqual(await ctx.page.evaluate(`window.term.modes.reverseWraparoundMode`), true);
strictEqual((await ctx.proxy.modes).reverseWraparoundMode, true);
await ctx.proxy.write('\x1b[?45l');
strictEqual(await ctx.page.evaluate(`window.term.modes.reverseWraparoundMode`), false);
strictEqual((await ctx.proxy.modes).reverseWraparoundMode, false);
});
test('sendFocusMode', async () => {
await ctx.proxy.write('\x1b[?1004h');
strictEqual(await ctx.page.evaluate(`window.term.modes.sendFocusMode`), true);
strictEqual((await ctx.proxy.modes).sendFocusMode, true);
await ctx.proxy.write('\x1b[?1004l');
strictEqual(await ctx.page.evaluate(`window.term.modes.sendFocusMode`), false);
strictEqual((await ctx.proxy.modes).sendFocusMode, false);
});
test('wraparoundMode', async () => {
await ctx.proxy.write('\x1b[?7h');
strictEqual(await ctx.page.evaluate(`window.term.modes.wraparoundMode`), true);
strictEqual((await ctx.proxy.modes).wraparoundMode, true);
await ctx.proxy.write('\x1b[?7l');
strictEqual(await ctx.page.evaluate(`window.term.modes.wraparoundMode`), false);
strictEqual((await ctx.proxy.modes).wraparoundMode, false);
});
});