82 lines
3.1 KiB
TypeScript
82 lines
3.1 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* 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 { getNodeFSRequestService } 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);
|
|
|
|
let workspace = {
|
|
settings: {},
|
|
folders: [{ name: 'foo', uri: 'test://foo' }]
|
|
};
|
|
const languageModes = getLanguageModes({ css: true, javascript: true }, workspace, ClientCapabilities.LATEST, getNodeFSRequestService());
|
|
|
|
const document = TextDocument.create('test://foo.html', 'html', 1, content);
|
|
const actualRanges = await getSelectionRanges(languageModes, document, [document.positionAt(offset)]);
|
|
assert.equal(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.deepEqual(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>']
|
|
]);
|
|
});
|
|
|
|
|
|
});
|