1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
import 'mocha';
import * as assert from 'assert';
import { getLanguageModes, ClientCapabilities, TextDocument, SelectionRange } from '../modes/languageModes';
import { getSelectionRanges } from '../modes/selectionRanges';
import { getNodeFileFS } from '../node/nodeFs';
async function assertRanges(content: string, expected: (number | string)[][]): Promise<void> {
let message = `${content} gives selection range:\n`;
const offset = content.indexOf('|');
content = content.substr(0, offset) + content.substr(offset + 1);
const workspace = {
settings: {},
folders: [{ name: 'foo', uri: 'test://foo' }]
};
const languageModes = getLanguageModes({ css: true, javascript: true }, workspace, ClientCapabilities.LATEST, getNodeFileFS());
const document = TextDocument.create('test://foo.html', 'html', 1, content);
const actualRanges = await getSelectionRanges(languageModes, document, [document.positionAt(offset)]);
assert.strictEqual(actualRanges.length, 1);
const offsetPairs: [number, string][] = [];
let curr: SelectionRange | undefined = actualRanges[0];
while (curr) {
offsetPairs.push([document.offsetAt(curr.range.start), document.getText(curr.range)]);
curr = curr.parent;
}
message += `${JSON.stringify(offsetPairs)}\n but should give:\n${JSON.stringify(expected)}\n`;
assert.deepStrictEqual(offsetPairs, expected, message);
}
suite('HTML SelectionRange', () => {
test('Embedded JavaScript', async () => {
await assertRanges('<html><head><script> function foo() { return ((1|+2)*6) }</script></head></html>', [
[48, '1'],
[48, '1+2'],
[47, '(1+2)'],
[47, '(1+2)*6'],
[46, '((1+2)*6)'],
[39, 'return ((1+2)*6)'],
[22, 'function foo() { return ((1+2)*6) }'],
[20, ' function foo() { return ((1+2)*6) }'],
[12, '<script> function foo() { return ((1+2)*6) }</script>'],
[6, '<head><script> function foo() { return ((1+2)*6) }</script></head>'],
[0, '<html><head><script> function foo() { return ((1+2)*6) }</script></head></html>'],
]);
});
test('Embedded CSS', async () => {
await assertRanges('<html><head><style>foo { display: |none; } </style></head></html>', [
[34, 'none'],
[25, 'display: none'],
[24, ' display: none; '],
[23, '{ display: none; }'],
[19, 'foo { display: none; }'],
[19, 'foo { display: none; } '],
[12, '<style>foo { display: none; } </style>'],
[6, '<head><style>foo { display: none; } </style></head>'],
[0, '<html><head><style>foo { display: none; } </style></head></html>'],
]);
});
test('Embedded style', async () => {
await assertRanges('<div style="color: |red"></div>', [
[19, 'red'],
[12, 'color: red'],
[11, '"color: red"'],
[5, 'style="color: red"'],
[1, 'div style="color: red"'],
[0, '<div style="color: red"></div>']
]);
});
});
|