Skip to content

V
vscode

xxadev / vscode
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
V
vscode

体验新版 GitCode，发现更多精彩内容 >>

提交 5bc9073f 编写于 作者: A Alex Dima
浏览文件
操作

Group all renderViewLine tests together

上级 df4502cd
隐藏空白更改
内联 并排
Showing with 515 addition and 517 deletion
src/vs/editor/test/common/viewLayout/viewLineParts.test.ts
浏览文件 @ 5bc9073f
......@@ -7,10 +7,7 @@
import * as assert from 'assert';
import { DecorationSegment, LineDecorationsNormalizer, Decoration } from 'vs/editor/common/viewLayout/viewLineParts';
import { Range } from 'vs/editor/common/core/range';
import { RenderLineInput, renderViewLine } from 'vs/editor/common/viewLayout/viewLineRenderer';
import { ViewLineToken } from 'vs/editor/common/core/viewLineToken';
import { InlineDecoration } from 'vs/editor/common/viewModel/viewModel';
import { MetadataConsts } from 'vs/editor/common/modes';
suite('Editor ViewLayout - ViewLineParts', () => {
......@@ -18,12 +15,6 @@ suite('Editor ViewLayout - ViewLineParts', () => {
return new InlineDecoration(new Range(startLineNumber, startColumn, endLineNumber, endColumn), inlineClassName, false);
}
function createPart(endIndex: number, foreground: number): ViewLineToken {
return new ViewLineToken(endIndex, (
foreground << MetadataConsts.FOREGROUND_OFFSET
) >>> 0);
}
test('Bug 9827:Overlapping inline decorations can cause wrong inline class to be applied', () => {
var result = LineDecorationsNormalizer.normalize([
......@@ -62,354 +53,6 @@ suite('Editor ViewLayout - ViewLineParts', () => {
]);
});
function testCreateLineParts(fontIsMonospace: boolean, lineContent: string, tokens: ViewLineToken[], fauxIndentLength: number, renderWhitespace: 'none' | 'boundary' | 'all', expected: string): void {
let actual = renderViewLine(new RenderLineInput(
fontIsMonospace,
lineContent,
false,
fauxIndentLength,
tokens,
[],
4,
10,
-1,
renderWhitespace,
false
));
assert.deepEqual(actual.html, expected);
}
test('issue #18616: Inline decorations ending at the text length are no longer rendered', () => {
let lineContent = 'https://microsoft.com';
let actual = renderViewLine(new RenderLineInput(
false,
lineContent,
false,
0,
[createPart(21, 3)],
[new Decoration(1, 22, 'link', false)],
4,
10,
-1,
'none',
false
));
let expected = [
'<span>',
'<span class="mtk3 link">https://microsoft.com</span>',
'</span>'
].join('');
assert.deepEqual(actual.html, expected);
});
test('issue #19207: Link in Monokai is not rendered correctly', () => {
let lineContent = '\'let url = `http://***/_api/web/lists/GetByTitle(\\\'Teambuildingaanvragen\\\')/items`;\'';
let actual = renderViewLine(new RenderLineInput(
true,
lineContent,
false,
0,
[
createPart(49, 6),
createPart(51, 4),
createPart(72, 6),
createPart(74, 4),
createPart(84, 6),
],
[
new Decoration(13, 51, 'detected-link', false)
],
4,
10,
-1,
'none',
false
));
let expected = [
'<span>',
'<span class="mtk6">\'let&nbsp;url&nbsp;=&nbsp;`</span>',
'<span class="mtk6 detected-link">http://***/_api/web/lists/GetByTitle(</span>',
'<span class="mtk4 detected-link">\\</span>',
'<span class="mtk4">\'</span>',
'<span class="mtk6">Teambuildingaanvragen</span>',
'<span class="mtk4">\\\'</span>',
'<span class="mtk6">)/items`;\'</span>',
'</span>'
].join('');
assert.deepEqual(actual.html, expected);
});
test('createLineParts simple', () => {
testCreateLineParts(
false,
'Hello world!',
[
createPart(12, 1)
],
0,
'none',
[
'<span>',
'<span class="mtk1">Hello&nbsp;world!</span>',
'</span>',
].join('')
);
});
test('createLineParts simple two tokens', () => {
testCreateLineParts(
false,
'Hello world!',
[
createPart(6, 1),
createPart(12, 2)
],
0,
'none',
[
'<span>',
'<span class="mtk1">Hello&nbsp;</span>',
'<span class="mtk2">world!</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 4 leading spaces', () => {
testCreateLineParts(
false,
' Hello world! ',
[
createPart(4, 1),
createPart(6, 2),
createPart(20, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 8 leading spaces', () => {
testCreateLineParts(
false,
' Hello world! ',
[
createPart(8, 1),
createPart(10, 2),
createPart(28, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 2 leading tabs', () => {
testCreateLineParts(
false,
'\t\tHello world!\t',
[
createPart(2, 1),
createPart(4, 2),
createPart(15, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - mixed leading spaces and tabs', () => {
testCreateLineParts(
false,
' \t\t Hello world! \t \t \t ',
[
createPart(6, 1),
createPart(8, 2),
createPart(31, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace skips faux indent', () => {
testCreateLineParts(
false,
'\t\t Hello world! \t \t \t ',
[
createPart(4, 1),
createPart(6, 2),
createPart(29, 3)
],
2,
'boundary',
[
'<span>',
'<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts does not emit width for monospace fonts', () => {
testCreateLineParts(
true,
'\t\t Hello world! \t \t \t ',
[
createPart(4, 1),
createPart(6, 2),
createPart(29, 3)
],
2,
'boundary',
[
'<span>',
'<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace">&middot;&rarr;&middot;&middot;&rarr;&nbsp;&middot;&middot;&middot;&rarr;&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace in middle but not for one space', () => {
testCreateLineParts(
false,
'it it it it',
[
createPart(6, 1),
createPart(7, 2),
createPart(13, 3)
],
0,
'boundary',
[
'<span>',
'<span class="mtk1">it</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk1">it</span>',
'<span class="mtk2">&nbsp;</span>',
'<span class="mtk3">it</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk3">it</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace for all in middle', () => {
testCreateLineParts(
false,
' Hello world!\t',
[
createPart(4, 0),
createPart(6, 1),
createPart(14, 2)
],
0,
'all',
[
'<span>',
'<span class="vs-whitespace" style="width:10px">&middot;</span>',
'<span class="mtk0">Hel</span>',
'<span class="mtk1">lo</span>',
'<span class="vs-whitespace" style="width:10px">&middot;</span>',
'<span class="mtk2">world!</span>',
'<span class="vs-whitespace" style="width:30px">&rarr;&nbsp;&nbsp;</span>',
'</span>',
].join('')
);
});
test('createLineParts can handle unsorted inline decorations', () => {
let actual = renderViewLine(new RenderLineInput(
false,
'Hello world',
false,
0,
[createPart(11, 0)],
[
new Decoration(5, 7, 'a', false),
new Decoration(1, 3, 'b', false),
new Decoration(2, 8, 'c', false),
],
4,
10,
-1,
'none',
false
));
// 01234567890
// Hello world
// ----aa-----
// bb---------
// -cccccc----
assert.deepEqual(actual.html, [
'<span>',
'<span class="mtk0 b">H</span>',
'<span class="mtk0 b c">e</span>',
'<span class="mtk0 c">ll</span>',
'<span class="mtk0 a c">o&nbsp;</span>',
'<span class="mtk0 c">w</span>',
'<span class="mtk0">orld</span>',
'</span>',
].join(''));
});
test('ViewLineParts', () => {
assert.deepEqual(LineDecorationsNormalizer.normalize([
......@@ -478,164 +121,4 @@ suite('Editor ViewLayout - ViewLineParts', () => {
new DecorationSegment(3, 3, 'c2*')
]);
});
function createTestGetColumnOfLinePartOffset(lineContent: string, tabSize: number, parts: ViewLineToken[], expectedPartLengths: number[]): (partIndex: number, partLength: number, offset: number, expected: number) => void {
let renderLineOutput = renderViewLine(new RenderLineInput(
false,
lineContent,
false,
0,
parts,
[],
tabSize,
10,
-1,
'none',
false
));
const partLengths = renderLineOutput.characterMapping.getPartLengths();
let actualPartLengths: number[] = [];
for (let i = 0; i < partLengths.length; i++) {
actualPartLengths[i] = partLengths[i];
}
assert.deepEqual(actualPartLengths, expectedPartLengths, 'part lengths OK');
return (partIndex: number, partLength: number, offset: number, expected: number) => {
let charOffset = renderLineOutput.characterMapping.partDataToCharOffset(partIndex, partLength, offset);
let actual = charOffset + 1;
assert.equal(actual, expected, 'getColumnOfLinePartOffset for ' + partIndex + ' @ ' + offset);
};
}
test('getColumnOfLinePartOffset 1 - simple text', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'hello world',
4,
[
createPart(11, 1)
],
[11]
);
testGetColumnOfLinePartOffset(0, 11, 0, 1);
testGetColumnOfLinePartOffset(0, 11, 1, 2);
testGetColumnOfLinePartOffset(0, 11, 2, 3);
testGetColumnOfLinePartOffset(0, 11, 3, 4);
testGetColumnOfLinePartOffset(0, 11, 4, 5);
testGetColumnOfLinePartOffset(0, 11, 5, 6);
testGetColumnOfLinePartOffset(0, 11, 6, 7);
testGetColumnOfLinePartOffset(0, 11, 7, 8);
testGetColumnOfLinePartOffset(0, 11, 8, 9);
testGetColumnOfLinePartOffset(0, 11, 9, 10);
testGetColumnOfLinePartOffset(0, 11, 10, 11);
testGetColumnOfLinePartOffset(0, 11, 11, 12);
});
test('getColumnOfLinePartOffset 2 - regular JS', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'var x = 3;',
4,
[
createPart(3, 1),
createPart(4, 2),
createPart(5, 3),
createPart(8, 4),
createPart(9, 5),
createPart(10, 6),
],
[3, 1, 1, 3, 1, 1]
);
testGetColumnOfLinePartOffset(0, 3, 0, 1);
testGetColumnOfLinePartOffset(0, 3, 1, 2);
testGetColumnOfLinePartOffset(0, 3, 2, 3);
testGetColumnOfLinePartOffset(0, 3, 3, 4);
testGetColumnOfLinePartOffset(1, 1, 0, 4);
testGetColumnOfLinePartOffset(1, 1, 1, 5);
testGetColumnOfLinePartOffset(2, 1, 0, 5);
testGetColumnOfLinePartOffset(2, 1, 1, 6);
testGetColumnOfLinePartOffset(3, 3, 0, 6);
testGetColumnOfLinePartOffset(3, 3, 1, 7);
testGetColumnOfLinePartOffset(3, 3, 2, 8);
testGetColumnOfLinePartOffset(3, 3, 3, 9);
testGetColumnOfLinePartOffset(4, 1, 0, 9);
testGetColumnOfLinePartOffset(4, 1, 1, 10);
testGetColumnOfLinePartOffset(5, 1, 0, 10);
testGetColumnOfLinePartOffset(5, 1, 1, 11);
});
test('getColumnOfLinePartOffset 3 - tab with tab size 6', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\t',
6,
[
createPart(1, 1)
],
[6]
);
testGetColumnOfLinePartOffset(0, 6, 0, 1);
testGetColumnOfLinePartOffset(0, 6, 1, 1);
testGetColumnOfLinePartOffset(0, 6, 2, 1);
testGetColumnOfLinePartOffset(0, 6, 3, 1);
testGetColumnOfLinePartOffset(0, 6, 4, 2);
testGetColumnOfLinePartOffset(0, 6, 5, 2);
testGetColumnOfLinePartOffset(0, 6, 6, 2);
});
test('getColumnOfLinePartOffset 4 - once indented line, tab size 4', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\tfunction',
4,
[
createPart(1, 1),
createPart(9, 2),
],
[4, 8]
);
testGetColumnOfLinePartOffset(0, 4, 0, 1);
testGetColumnOfLinePartOffset(0, 4, 1, 1);
testGetColumnOfLinePartOffset(0, 4, 2, 1);
testGetColumnOfLinePartOffset(0, 4, 3, 2);
testGetColumnOfLinePartOffset(0, 4, 4, 2);
testGetColumnOfLinePartOffset(1, 8, 0, 2);
testGetColumnOfLinePartOffset(1, 8, 1, 3);
testGetColumnOfLinePartOffset(1, 8, 2, 4);
testGetColumnOfLinePartOffset(1, 8, 3, 5);
testGetColumnOfLinePartOffset(1, 8, 4, 6);
testGetColumnOfLinePartOffset(1, 8, 5, 7);
testGetColumnOfLinePartOffset(1, 8, 6, 8);
testGetColumnOfLinePartOffset(1, 8, 7, 9);
testGetColumnOfLinePartOffset(1, 8, 8, 10);
});
test('getColumnOfLinePartOffset 5 - twice indented line, tab size 4', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\t\tfunction',
4,
[
createPart(2, 1),
createPart(10, 2),
],
[8, 8]
);
testGetColumnOfLinePartOffset(0, 8, 0, 1);
testGetColumnOfLinePartOffset(0, 8, 1, 1);
testGetColumnOfLinePartOffset(0, 8, 2, 1);
testGetColumnOfLinePartOffset(0, 8, 3, 2);
testGetColumnOfLinePartOffset(0, 8, 4, 2);
testGetColumnOfLinePartOffset(0, 8, 5, 2);
testGetColumnOfLinePartOffset(0, 8, 6, 2);
testGetColumnOfLinePartOffset(0, 8, 7, 3);
testGetColumnOfLinePartOffset(0, 8, 8, 3);
testGetColumnOfLinePartOffset(1, 8, 0, 3);
testGetColumnOfLinePartOffset(1, 8, 1, 4);
testGetColumnOfLinePartOffset(1, 8, 2, 5);
testGetColumnOfLinePartOffset(1, 8, 3, 6);
testGetColumnOfLinePartOffset(1, 8, 4, 7);
testGetColumnOfLinePartOffset(1, 8, 5, 8);
testGetColumnOfLinePartOffset(1, 8, 6, 9);
testGetColumnOfLinePartOffset(1, 8, 7, 10);
testGetColumnOfLinePartOffset(1, 8, 8, 11);
});
});
src/vs/editor/test/common/viewLayout/viewLineRenderer.test.ts
浏览文件 @ 5bc9073f
......@@ -9,6 +9,7 @@ import { renderViewLine, RenderLineInput, CharacterMapping } from 'vs/editor/com
import { ViewLineToken } from 'vs/editor/common/core/viewLineToken';
import { CharCode } from 'vs/base/common/charCode';
import { MetadataConsts } from 'vs/editor/common/modes';
import { Decoration } from 'vs/editor/common/viewLayout/viewLineParts';
suite('viewLineRenderer.renderLine', () => {
......@@ -602,3 +603,517 @@ suite('viewLineRenderer.renderLine', () => {
assert.deepEqual(actualLengths, expected, 'part lengths OK');
}
});
suite('viewLineRenderer.renderLine 2', () => {
function createPart(endIndex: number, foreground: number): ViewLineToken {
return new ViewLineToken(endIndex, (
foreground << MetadataConsts.FOREGROUND_OFFSET
) >>> 0);
}
function testCreateLineParts(fontIsMonospace: boolean, lineContent: string, tokens: ViewLineToken[], fauxIndentLength: number, renderWhitespace: 'none' | 'boundary' | 'all', expected: string): void {
let actual = renderViewLine(new RenderLineInput(
fontIsMonospace,
lineContent,
false,
fauxIndentLength,
tokens,
[],
4,
10,
-1,
renderWhitespace,
false
));
assert.deepEqual(actual.html, expected);
}
test('issue #18616: Inline decorations ending at the text length are no longer rendered', () => {
let lineContent = 'https://microsoft.com';
let actual = renderViewLine(new RenderLineInput(
false,
lineContent,
false,
0,
[createPart(21, 3)],
[new Decoration(1, 22, 'link', false)],
4,
10,
-1,
'none',
false
));
let expected = [
'<span>',
'<span class="mtk3 link">https://microsoft.com</span>',
'</span>'
].join('');
assert.deepEqual(actual.html, expected);
});
test('issue #19207: Link in Monokai is not rendered correctly', () => {
let lineContent = '\'let url = `http://***/_api/web/lists/GetByTitle(\\\'Teambuildingaanvragen\\\')/items`;\'';
let actual = renderViewLine(new RenderLineInput(
true,
lineContent,
false,
0,
[
createPart(49, 6),
createPart(51, 4),
createPart(72, 6),
createPart(74, 4),
createPart(84, 6),
],
[
new Decoration(13, 51, 'detected-link', false)
],
4,
10,
-1,
'none',
false
));
let expected = [
'<span>',
'<span class="mtk6">\'let&nbsp;url&nbsp;=&nbsp;`</span>',
'<span class="mtk6 detected-link">http://***/_api/web/lists/GetByTitle(</span>',
'<span class="mtk4 detected-link">\\</span>',
'<span class="mtk4">\'</span>',
'<span class="mtk6">Teambuildingaanvragen</span>',
'<span class="mtk4">\\\'</span>',
'<span class="mtk6">)/items`;\'</span>',
'</span>'
].join('');
assert.deepEqual(actual.html, expected);
});
test('createLineParts simple', () => {
testCreateLineParts(
false,
'Hello world!',
[
createPart(12, 1)
],
0,
'none',
[
'<span>',
'<span class="mtk1">Hello&nbsp;world!</span>',
'</span>',
].join('')
);
});
test('createLineParts simple two tokens', () => {
testCreateLineParts(
false,
'Hello world!',
[
createPart(6, 1),
createPart(12, 2)
],
0,
'none',
[
'<span>',
'<span class="mtk1">Hello&nbsp;</span>',
'<span class="mtk2">world!</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 4 leading spaces', () => {
testCreateLineParts(
false,
' Hello world! ',
[
createPart(4, 1),
createPart(6, 2),
createPart(20, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 8 leading spaces', () => {
testCreateLineParts(
false,
' Hello world! ',
[
createPart(8, 1),
createPart(10, 2),
createPart(28, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - 2 leading tabs', () => {
testCreateLineParts(
false,
'\t\tHello world!\t',
[
createPart(2, 1),
createPart(4, 2),
createPart(15, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace - mixed leading spaces and tabs', () => {
testCreateLineParts(
false,
' \t\t Hello world! \t \t \t ',
[
createPart(6, 1),
createPart(8, 2),
createPart(31, 3)
],
0,
'boundary',
[
'<span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&rarr;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace skips faux indent', () => {
testCreateLineParts(
false,
'\t\t Hello world! \t \t \t ',
[
createPart(4, 1),
createPart(6, 2),
createPart(29, 3)
],
2,
'boundary',
[
'<span>',
'<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&rarr;&nbsp;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&rarr;</span>',
'<span class="vs-whitespace" style="width:40px">&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts does not emit width for monospace fonts', () => {
testCreateLineParts(
true,
'\t\t Hello world! \t \t \t ',
[
createPart(4, 1),
createPart(6, 2),
createPart(29, 3)
],
2,
'boundary',
[
'<span>',
'<span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>',
'<span class="vs-whitespace">&middot;&middot;</span>',
'<span class="mtk2">He</span>',
'<span class="mtk3">llo&nbsp;world!</span>',
'<span class="vs-whitespace">&middot;&rarr;&middot;&middot;&rarr;&nbsp;&middot;&middot;&middot;&rarr;&middot;&middot;&middot;&middot;</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace in middle but not for one space', () => {
testCreateLineParts(
false,
'it it it it',
[
createPart(6, 1),
createPart(7, 2),
createPart(13, 3)
],
0,
'boundary',
[
'<span>',
'<span class="mtk1">it</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk1">it</span>',
'<span class="mtk2">&nbsp;</span>',
'<span class="mtk3">it</span>',
'<span class="vs-whitespace" style="width:20px">&middot;&middot;</span>',
'<span class="mtk3">it</span>',
'</span>',
].join('')
);
});
test('createLineParts render whitespace for all in middle', () => {
testCreateLineParts(
false,
' Hello world!\t',
[
createPart(4, 0),
createPart(6, 1),
createPart(14, 2)
],
0,
'all',
[
'<span>',
'<span class="vs-whitespace" style="width:10px">&middot;</span>',
'<span class="mtk0">Hel</span>',
'<span class="mtk1">lo</span>',
'<span class="vs-whitespace" style="width:10px">&middot;</span>',
'<span class="mtk2">world!</span>',
'<span class="vs-whitespace" style="width:30px">&rarr;&nbsp;&nbsp;</span>',
'</span>',
].join('')
);
});
test('createLineParts can handle unsorted inline decorations', () => {
let actual = renderViewLine(new RenderLineInput(
false,
'Hello world',
false,
0,
[createPart(11, 0)],
[
new Decoration(5, 7, 'a', false),
new Decoration(1, 3, 'b', false),
new Decoration(2, 8, 'c', false),
],
4,
10,
-1,
'none',
false
));
// 01234567890
// Hello world
// ----aa-----
// bb---------
// -cccccc----
assert.deepEqual(actual.html, [
'<span>',
'<span class="mtk0 b">H</span>',
'<span class="mtk0 b c">e</span>',
'<span class="mtk0 c">ll</span>',
'<span class="mtk0 a c">o&nbsp;</span>',
'<span class="mtk0 c">w</span>',
'<span class="mtk0">orld</span>',
'</span>',
].join(''));
});
function createTestGetColumnOfLinePartOffset(lineContent: string, tabSize: number, parts: ViewLineToken[], expectedPartLengths: number[]): (partIndex: number, partLength: number, offset: number, expected: number) => void {
let renderLineOutput = renderViewLine(new RenderLineInput(
false,
lineContent,
false,
0,
parts,
[],
tabSize,
10,
-1,
'none',
false
));
const partLengths = renderLineOutput.characterMapping.getPartLengths();
let actualPartLengths: number[] = [];
for (let i = 0; i < partLengths.length; i++) {
actualPartLengths[i] = partLengths[i];
}
assert.deepEqual(actualPartLengths, expectedPartLengths, 'part lengths OK');
return (partIndex: number, partLength: number, offset: number, expected: number) => {
let charOffset = renderLineOutput.characterMapping.partDataToCharOffset(partIndex, partLength, offset);
let actual = charOffset + 1;
assert.equal(actual, expected, 'getColumnOfLinePartOffset for ' + partIndex + ' @ ' + offset);
};
}
test('getColumnOfLinePartOffset 1 - simple text', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'hello world',
4,
[
createPart(11, 1)
],
[11]
);
testGetColumnOfLinePartOffset(0, 11, 0, 1);
testGetColumnOfLinePartOffset(0, 11, 1, 2);
testGetColumnOfLinePartOffset(0, 11, 2, 3);
testGetColumnOfLinePartOffset(0, 11, 3, 4);
testGetColumnOfLinePartOffset(0, 11, 4, 5);
testGetColumnOfLinePartOffset(0, 11, 5, 6);
testGetColumnOfLinePartOffset(0, 11, 6, 7);
testGetColumnOfLinePartOffset(0, 11, 7, 8);
testGetColumnOfLinePartOffset(0, 11, 8, 9);
testGetColumnOfLinePartOffset(0, 11, 9, 10);
testGetColumnOfLinePartOffset(0, 11, 10, 11);
testGetColumnOfLinePartOffset(0, 11, 11, 12);
});
test('getColumnOfLinePartOffset 2 - regular JS', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'var x = 3;',
4,
[
createPart(3, 1),
createPart(4, 2),
createPart(5, 3),
createPart(8, 4),
createPart(9, 5),
createPart(10, 6),
],
[3, 1, 1, 3, 1, 1]
);
testGetColumnOfLinePartOffset(0, 3, 0, 1);
testGetColumnOfLinePartOffset(0, 3, 1, 2);
testGetColumnOfLinePartOffset(0, 3, 2, 3);
testGetColumnOfLinePartOffset(0, 3, 3, 4);
testGetColumnOfLinePartOffset(1, 1, 0, 4);
testGetColumnOfLinePartOffset(1, 1, 1, 5);
testGetColumnOfLinePartOffset(2, 1, 0, 5);
testGetColumnOfLinePartOffset(2, 1, 1, 6);
testGetColumnOfLinePartOffset(3, 3, 0, 6);
testGetColumnOfLinePartOffset(3, 3, 1, 7);
testGetColumnOfLinePartOffset(3, 3, 2, 8);
testGetColumnOfLinePartOffset(3, 3, 3, 9);
testGetColumnOfLinePartOffset(4, 1, 0, 9);
testGetColumnOfLinePartOffset(4, 1, 1, 10);
testGetColumnOfLinePartOffset(5, 1, 0, 10);
testGetColumnOfLinePartOffset(5, 1, 1, 11);
});
test('getColumnOfLinePartOffset 3 - tab with tab size 6', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\t',
6,
[
createPart(1, 1)
],
[6]
);
testGetColumnOfLinePartOffset(0, 6, 0, 1);
testGetColumnOfLinePartOffset(0, 6, 1, 1);
testGetColumnOfLinePartOffset(0, 6, 2, 1);
testGetColumnOfLinePartOffset(0, 6, 3, 1);
testGetColumnOfLinePartOffset(0, 6, 4, 2);
testGetColumnOfLinePartOffset(0, 6, 5, 2);
testGetColumnOfLinePartOffset(0, 6, 6, 2);
});
test('getColumnOfLinePartOffset 4 - once indented line, tab size 4', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\tfunction',
4,
[
createPart(1, 1),
createPart(9, 2),
],
[4, 8]
);
testGetColumnOfLinePartOffset(0, 4, 0, 1);
testGetColumnOfLinePartOffset(0, 4, 1, 1);
testGetColumnOfLinePartOffset(0, 4, 2, 1);
testGetColumnOfLinePartOffset(0, 4, 3, 2);
testGetColumnOfLinePartOffset(0, 4, 4, 2);
testGetColumnOfLinePartOffset(1, 8, 0, 2);
testGetColumnOfLinePartOffset(1, 8, 1, 3);
testGetColumnOfLinePartOffset(1, 8, 2, 4);
testGetColumnOfLinePartOffset(1, 8, 3, 5);
testGetColumnOfLinePartOffset(1, 8, 4, 6);
testGetColumnOfLinePartOffset(1, 8, 5, 7);
testGetColumnOfLinePartOffset(1, 8, 6, 8);
testGetColumnOfLinePartOffset(1, 8, 7, 9);
testGetColumnOfLinePartOffset(1, 8, 8, 10);
});
test('getColumnOfLinePartOffset 5 - twice indented line, tab size 4', () => {
let testGetColumnOfLinePartOffset = createTestGetColumnOfLinePartOffset(
'\t\tfunction',
4,
[
createPart(2, 1),
createPart(10, 2),
],
[8, 8]
);
testGetColumnOfLinePartOffset(0, 8, 0, 1);
testGetColumnOfLinePartOffset(0, 8, 1, 1);
testGetColumnOfLinePartOffset(0, 8, 2, 1);
testGetColumnOfLinePartOffset(0, 8, 3, 2);
testGetColumnOfLinePartOffset(0, 8, 4, 2);
testGetColumnOfLinePartOffset(0, 8, 5, 2);
testGetColumnOfLinePartOffset(0, 8, 6, 2);
testGetColumnOfLinePartOffset(0, 8, 7, 3);
testGetColumnOfLinePartOffset(0, 8, 8, 3);
testGetColumnOfLinePartOffset(1, 8, 0, 3);
testGetColumnOfLinePartOffset(1, 8, 1, 4);
testGetColumnOfLinePartOffset(1, 8, 2, 5);
testGetColumnOfLinePartOffset(1, 8, 3, 6);
testGetColumnOfLinePartOffset(1, 8, 4, 7);
testGetColumnOfLinePartOffset(1, 8, 5, 8);
testGetColumnOfLinePartOffset(1, 8, 6, 9);
testGetColumnOfLinePartOffset(1, 8, 7, 10);
testGetColumnOfLinePartOffset(1, 8, 8, 11);
});
});
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或