100 lines
3.2 KiB
TypeScript
100 lines
3.2 KiB
TypeScript
/**
|
|
* Copyright (c) 2017 The xterm.js authors. All rights reserved.
|
|
* @license MIT
|
|
*/
|
|
|
|
import { pollFor, openTerminal, getBrowserType } from './TestUtils';
|
|
import { Browser, Page } from 'playwright';
|
|
|
|
const APP = 'http://127.0.0.1:3001/test';
|
|
|
|
let browser: Browser;
|
|
let page: Page;
|
|
const width = 800;
|
|
const height = 600;
|
|
|
|
describe('CharWidth Integration Tests', function(): void {
|
|
before(async function(): Promise<any> {
|
|
const browserType = getBrowserType();
|
|
browser = await browserType.launch({
|
|
headless: process.argv.indexOf('--headless') !== -1
|
|
});
|
|
page = await (await browser.newContext()).newPage();
|
|
await page.setViewportSize({ width, height });
|
|
await page.goto(APP);
|
|
await openTerminal(page, { rows: 5, cols: 30 });
|
|
});
|
|
|
|
after(() => {
|
|
browser.close();
|
|
});
|
|
|
|
describe('getStringCellWidth', () => {
|
|
beforeEach(async () => {
|
|
await page.evaluate(`window.term.reset()`);
|
|
});
|
|
|
|
it('ASCII chars', async function(): Promise<void> {
|
|
const input = 'This is just ASCII text.#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 25);
|
|
});
|
|
|
|
it('combining chars', async function(): Promise<void> {
|
|
const input = 'e\u0301e\u0301e\u0301e\u0301e\u0301e\u0301e\u0301e\u0301e\u0301#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 10);
|
|
});
|
|
|
|
it('surrogate chars', async function(): Promise<void> {
|
|
const input = '𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞𝄞#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 28);
|
|
});
|
|
|
|
it('surrogate combining chars', async function(): Promise<void> {
|
|
const input = '𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301𓂀\u0301#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 12);
|
|
});
|
|
|
|
it('fullwidth chars', async function(): Promise<void> {
|
|
const input = '１２３４５６７８９０#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 21);
|
|
});
|
|
|
|
it('fullwidth chars offset 1', async function(): Promise<void> {
|
|
const input = 'a１２３４５６７８９０#';
|
|
await page.evaluate(`window.term.write('${input}')`);
|
|
await pollFor(page, () => sumWidths(0, 1, '#'), 22);
|
|
});
|
|
|
|
// TODO: multiline tests once #1685 is resolved
|
|
});
|
|
});
|
|
|
|
async function sumWidths(start: number, end: number, sentinel: string): Promise<number> {
|
|
await page.evaluate(`
|
|
(function() {
|
|
window.result = 0;
|
|
const buffer = window.term.buffer.active;
|
|
for (let i = ${start}; i < ${end}; i++) {
|
|
const line = buffer.getLine(i);
|
|
let j = 0;
|
|
while (true) {
|
|
const cell = line.getCell(j++);
|
|
if (!cell) {
|
|
break;
|
|
}
|
|
window.result += cell.getWidth();
|
|
if (cell.getChars() === '${sentinel}') {
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
})();
|
|
`);
|
|
return await page.evaluate(`window.result`);
|
|
}
|