colorizer.test.ts

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
'use strict';

import Modes = require('vs/editor/common/modes');
import modesUtil = require('vs/editor/test/common/modesUtil');
import * as lessTokenTypes from 'vs/languages/less/common/lessTokenTypes';
import {MockModeService} from 'vs/editor/test/common/mocks/mockModeService';
import {NULL_THREAD_SERVICE} from 'vs/platform/test/common/nullThreadService';
import {createInstantiationService} from 'vs/platform/instantiation/common/instantiationService';
import {LESSMode} from 'vs/languages/less/common/less';
import {MockTokenizingMode} from 'vs/editor/test/common/mocks/mockMode';

class LESSMockModeService extends MockModeService {
	isRegisteredMode(mimetypeOrModeId: string): boolean {
		if (mimetypeOrModeId === 'javascript') {
			return true;
		}
		throw new Error('Not implemented');
	}

	getMode(commaSeparatedMimetypesOrCommaSeparatedIds: string): Modes.IMode {
		if (commaSeparatedMimetypesOrCommaSeparatedIds === 'javascript') {
			return new MockTokenizingMode('js', 'mock-js');
		}
		throw new Error('Not implemented');
	}

	getModeIdForLanguageName(alias:string): string {
		if (alias === 'text/javascript') {
			return 'javascript';
		}
		throw new Error('Not implemented');
	}
}

suite('LESS-tokenization', () => {

	let tokenizationSupport: Modes.ITokenizationSupport;
	let assertOnEnter: modesUtil.IOnEnterAsserter;

	(function() {
		let threadService = NULL_THREAD_SERVICE;
		let modeService = new LESSMockModeService();
		let inst = createInstantiationService({
			threadService: threadService,
			modeService: modeService
		});
		threadService.setInstantiationService(inst);

		let mode = new LESSMode(
			{ id: 'less' },
			inst,
			threadService,
			modeService,
			null,
			null
		);

		tokenizationSupport = mode.tokenizationSupport;
		assertOnEnter = modesUtil.createOnEnterAsserter(mode.getId(), mode.richEditSupport);
	})();

	test('', () => {
		modesUtil.executeTests(tokenizationSupport, [
			// Keywords
			[{
			line: 'isnumber(10);',
			tokens: [
				{ startIndex: 0, type: 'keyword.less' },
				{ startIndex: 8, type: 'punctuation.parenthesis.less' },
				{ startIndex: 9, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex: 11, type: 'punctuation.parenthesis.less' },
				{ startIndex: 12, type: 'punctuation.less' }
			]}],
			[{
			line: 'iskeyword(@test) ;mix',
			tokens: [
				{ startIndex: 0, type: 'keyword.less' },
				{ startIndex: 9, type: 'punctuation.parenthesis.less'},
				{ startIndex: 10, type: 'variable.less' },
				{ startIndex: 15, type: 'punctuation.parenthesis.less' },
				{ startIndex: 16, type: '' },
				{ startIndex: 17, type: 'punctuation.less' },
				{ startIndex: 18, type: 'keyword.less' }
			]}],

			[{
			line: 'whenn',
			tokens: [
				{ startIndex: 0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' }
			]}],

			[{
			line: '    round    ',
			tokens: [
				{ startIndex: 0, type: '' },
				{ startIndex: 4, type: 'keyword.less' },
				{ startIndex: 9, type: '' }
			]}],

			// Units
			[{
			line: 'isnumber(10px);',
			tokens: [
				{ startIndex: 0, type: 'keyword.less' },
				{ startIndex: 8, type: 'punctuation.parenthesis.less' },
				{ startIndex: 9, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex: 11, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex: 13, type: 'punctuation.parenthesis.less' },
				{ startIndex: 14, type: 'punctuation.less' }
			]}],

			[{
			line: 'pxx',
			tokens: [
				{ startIndex: 0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' }
			]}],

			// single line Strings
			[{
			line: '@test: "I\'m a LESS String";',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:25, type: 'string.punctuation.less' },
				{ startIndex:26, type: 'punctuation.less' }
			]}],

			[{
			line: '@test: "concatenated" + "String";',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:20, type: 'string.punctuation.less' },
				{ startIndex:21, type: '' },
				{ startIndex:22, type: 'operator.less' },
				{ startIndex:23, type: '' },
				{ startIndex:24, type: 'string.punctuation.less' },
				{ startIndex:25, type: 'string.less' },
				{ startIndex:31, type: 'string.punctuation.less' },
				{ startIndex:32, type: 'punctuation.less' }
			]}],

			[{
			line: '@test: "quote in\'adasdsa\\"asd\' a string"',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:39, type: 'string.punctuation.less' }
			]}],

			[{
			line: '@test: \'doublequote in"ada\\\'sds\\\'a"asd a string\'',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:47, type: 'string.punctuation.less' }
			]}],

			// Comments - range comment, multiple lines
			[{
			line: '/* start of multiline comment',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'a comment between without a star',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'end of multiline comment*/',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: 'when /* start a comment',
			tokens: [
				{ startIndex:0, type: 'keyword.less' },
				{ startIndex:4, type: '' },
				{ startIndex:5, type: 'comment.less' }
			]}, {
			line: ' a ',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'and end it */ 2;',
			tokens: [
				{ startIndex:0, type: 'comment.less' },
				{ startIndex:13, type: '' },
				{ startIndex:14, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:15, type: 'punctuation.less' }
			]}],

			// Numbers
			[{
			line: '0',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: ' 0',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:1, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: ' 0 ',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:1, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:2, type: '' }
			]}],

			[{
			line: '0 ',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:1, type: '' }
			]}],

			[{
			line: '@test: 0+0',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:8, type: 'operator.less' },
				{ startIndex:9, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: '@test: 100+10.00',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:10, type: 'operator.less' },
				{ startIndex:11, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: '@test: 0 + 0',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:8, type: '' },
				{ startIndex:9, type: 'operator.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: '0123',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' }
			]}],

			[{
			line: '#012343',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_VALUE + '.rgb-value.less' }
			]}],

			[{
			line: '[1,2,3]',
			tokens: [
				{ startIndex:0, type: 'punctuation.bracket.less' },
				{ startIndex:1, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:2, type: 'punctuation.less' },
				{ startIndex:3, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:4, type: 'punctuation.less' },
				{ startIndex:5, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:6, type: 'punctuation.bracket.less' }
			]}],

			[{
			line: 'foo(123);',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:3, type: 'punctuation.parenthesis.less' },
				{ startIndex:4, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:7, type: 'punctuation.parenthesis.less' },
				{ startIndex:8, type: 'punctuation.less' }
			]}],

			[{
			line: '@test: \'[{()}]\'',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:14, type: 'string.punctuation.less' }
			]}],

			// Singleline Comments
			[{
			line: '//',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '    // a comment',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:4, type: 'comment.less' }
			]}],

			[{
			line: '// a comment',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '//sticky comment',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '@something : 2; // my comment // this is a nice one',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'punctuation.less' },
				{ startIndex:12, type: '' },
				{ startIndex:13, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:14, type: 'punctuation.less' },
				{ startIndex:15, type: '' },
				{ startIndex:16, type: 'comment.less' }
			]}],

			[{
			line: '.something(@some, @other) when (iscolor(@other)) { aname// my commen',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:10, type: 'punctuation.parenthesis.less' },
				{ startIndex:11, type: 'variable.less' },
				{ startIndex:16, type: 'punctuation.less' },
				{ startIndex:17, type: '' },
				{ startIndex:18, type: 'variable.less' },
				{ startIndex:24, type: 'punctuation.parenthesis.less' },
				{ startIndex:25, type: '' },
				{ startIndex:26, type: 'keyword.less' },
				{ startIndex:30, type: '' },
				{ startIndex:31, type: 'punctuation.parenthesis.less' },
				{ startIndex:32, type: 'keyword.less' },
				{ startIndex:39, type: 'punctuation.parenthesis.less' },
				{ startIndex:40, type: 'variable.less' },
				{ startIndex:46, type: 'punctuation.parenthesis.less' },
				{ startIndex:48, type: '' },
				{ startIndex:49, type: 'punctuation.curly.less' },
				{ startIndex:50, type: '' },
				{ startIndex:51, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:56, type: 'comment.less' }
			]}],

			[{
			line: '.something(@some//mycomment',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:10, type: 'punctuation.parenthesis.less' },
				{ startIndex:11, type: 'variable.less' },
				{ startIndex:16, type: 'comment.less' }
			]}],

			[{
			line: '@something : #2;',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'punctuation.less' },
				{ startIndex:12, type: '' },
				{ startIndex:13, type: lessTokenTypes.TOKEN_VALUE + '.rgb-value.less' },
				{ startIndex:15, type: 'punctuation.less' }
			]}],

			// Singleline Range-Comments
			[{
			line: '/*slcomment*/',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '/* slcomment */',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '/*sl/com* ment*/',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '/**/',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '@something: /*comm/* * /ent*/2;',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:10, type: 'punctuation.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'comment.less' },
				{ startIndex:29, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:30, type: 'punctuation.less' }
			]}],

			[{
			line: '@something: /*comment*/ 2;',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:10, type: 'punctuation.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'comment.less' },
				{ startIndex:23, type: '' },
				{ startIndex:24, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:25, type: 'punctuation.less' }
			]}],

			// Comments - range comment, multi lines
			[{
			line: '/* a multiline comment',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'can actually span',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'multiple lines */',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}],

			[{
			line: '@some /* start a comment here',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: '' },
				{ startIndex:6, type: 'comment.less' }
			]}, {
			line: ' span over this line and ',
			tokens: [
				{ startIndex:0, type: 'comment.less' }
			]}, {
			line: 'end it there */ : 2;',
			tokens: [
				{ startIndex:0, type: 'comment.less' },
				{ startIndex:15, type: '' },
				{ startIndex:16, type: 'punctuation.less' },
				{ startIndex:17, type: '' },
				{ startIndex:18, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:19, type: 'punctuation.less' }
			]}],

			// Escape Strings
			[{
			line: '.class { filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.curly.less' },
				{ startIndex:8, type: '' },
				{ startIndex:9, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:15, type: 'punctuation.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: 'string.punctuation.less' },
				{ startIndex:19, type: 'string.less' },
				{ startIndex:55, type: 'string.punctuation.less' },
				{ startIndex:56, type: 'punctuation.less' }
			]}],

			// Guards
			[{
			line: '.class {.mixin (@a) when (@a > 10), (@a < -10) { }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.curly.less' },
				{ startIndex:8, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: 'punctuation.parenthesis.less' },
				{ startIndex:16, type: 'variable.less' },
				{ startIndex:18, type: 'punctuation.parenthesis.less' },
				{ startIndex:19, type: '' },
				{ startIndex:20, type: 'keyword.less' },
				{ startIndex:24, type: '' },
				{ startIndex:25, type: 'punctuation.parenthesis.less' },
				{ startIndex:26, type: 'variable.less' },
				{ startIndex:28, type: '' },
				{ startIndex:29, type: 'operator.less' },
				{ startIndex:30, type: '' },
				{ startIndex:31, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:33, type: 'punctuation.parenthesis.less' },
				{ startIndex:34, type: 'punctuation.less' },
				{ startIndex:35, type: '' },
				{ startIndex:36, type: 'punctuation.parenthesis.less' },
				{ startIndex:37, type: 'variable.less' },
				{ startIndex:39, type: '' },
				{ startIndex:40, type: 'operator.less' },
				{ startIndex:41, type: '' },
				{ startIndex:42, type: 'operator.less' },
				{ startIndex:43, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:45, type: 'punctuation.parenthesis.less' },
				{ startIndex:46, type: '' },
				{ startIndex:47, type: 'punctuation.curly.less' },
				{ startIndex:48, type: '' },
				{ startIndex:49, type: 'punctuation.curly.less' }
			]}],

			[{
			line: '.truth (@a) when (@a = true) { }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.parenthesis.less' },
				{ startIndex:8, type: 'variable.less' },
				{ startIndex:10, type: 'punctuation.parenthesis.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'keyword.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: 'punctuation.parenthesis.less' },
				{ startIndex:18, type: 'variable.less' },
				{ startIndex:20, type: '' },
				{ startIndex:21, type: 'operator.less' },
				{ startIndex:22, type: '' },
				{ startIndex:23, type: 'keyword.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: '' },
				{ startIndex:29, type: 'punctuation.curly.less' },
				{ startIndex:30, type: '' },
				{ startIndex:31, type: 'punctuation.curly.less' }
			]}],

			[{
			line: '.max (@a, @b) when (@a > @b) { width: @a; }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:4, type: '' },
				{ startIndex:5, type: 'punctuation.parenthesis.less' },
				{ startIndex:6, type: 'variable.less' },
				{ startIndex:8, type: 'punctuation.less' },
				{ startIndex:9, type: '' },
				{ startIndex:10, type: 'variable.less' },
				{ startIndex:12, type: 'punctuation.parenthesis.less' },
				{ startIndex:13, type: '' },
				{ startIndex:14, type: 'keyword.less' },
				{ startIndex:18, type: '' },
				{ startIndex:19, type: 'punctuation.parenthesis.less' },
				{ startIndex:20, type: 'variable.less' },
				{ startIndex:22, type: '' },
				{ startIndex:23, type: 'operator.less' },
				{ startIndex:24, type: '' },
				{ startIndex:25, type: 'variable.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: '' },
				{ startIndex:29, type: 'punctuation.curly.less' },
				{ startIndex:30, type: '' },
				{ startIndex:31, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:36, type: 'punctuation.less' },
				{ startIndex:37, type: '' },
				{ startIndex:38, type: 'variable.less' },
				{ startIndex:40, type: 'punctuation.less' },
				{ startIndex:41, type: '' },
				{ startIndex:42, type: 'punctuation.curly.less' }
			]}],

			[{
			line: '.mixin (@a, @b: 0) when (isnumber(@b)) { }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.parenthesis.less' },
				{ startIndex:8, type: 'variable.less' },
				{ startIndex:10, type: 'punctuation.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'variable.less' },
				{ startIndex:14, type: 'punctuation.less' },
				{ startIndex:15, type: '' },
				{ startIndex:16, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:17, type: 'punctuation.parenthesis.less' },
				{ startIndex:18, type: '' },
				{ startIndex:19, type: 'keyword.less' },
				{ startIndex:23, type: '' },
				{ startIndex:24, type: 'punctuation.parenthesis.less' },
				{ startIndex:25, type: 'keyword.less' },
				{ startIndex:33, type: 'punctuation.parenthesis.less' },
				{ startIndex:34, type: 'variable.less' },
				{ startIndex:36, type: 'punctuation.parenthesis.less' },
				{ startIndex:38, type: '' },
				{ startIndex:39, type: 'punctuation.curly.less' },
				{ startIndex:40, type: '' },
				{ startIndex:41, type: 'punctuation.curly.less' }
			]}],

			[{
			line: '.mixin (@a, @b: black) when (iscolor(@b)) { }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.parenthesis.less' },
				{ startIndex:8, type: 'variable.less' },
				{ startIndex:10, type: 'punctuation.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'variable.less' },
				{ startIndex:14, type: 'punctuation.less' },
				{ startIndex:15, type: '' },
				{ startIndex:16, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:21, type: 'punctuation.parenthesis.less' },
				{ startIndex:22, type: '' },
				{ startIndex:23, type: 'keyword.less' },
				{ startIndex:27, type: '' },
				{ startIndex:28, type: 'punctuation.parenthesis.less' },
				{ startIndex:29, type: 'keyword.less' },
				{ startIndex:36, type: 'punctuation.parenthesis.less' },
				{ startIndex:37, type: 'variable.less' },
				{ startIndex:39, type: 'punctuation.parenthesis.less' },
				{ startIndex:41, type: '' },
				{ startIndex:42, type: 'punctuation.curly.less' },
				{ startIndex:43, type: '' },
				{ startIndex:44, type: 'punctuation.curly.less' }
			]}],

			// Nested JavaScript
			[{
			line: '@test: `function display()` //works well',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:5, type: 'punctuation.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.backtick.less' },
				{ startIndex:8, type: 'mock-js' },
				{ startIndex:26, type: 'punctuation.backtick.less' },
				{ startIndex:27, type: '' },
				{ startIndex:28, type: 'comment.less' }
			]}],

			// Attribute in a .class(...)
			[{
			line: '.box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6));',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:11, type: 'punctuation.parenthesis.less' },
				{ startIndex:12, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:17, type: '' },
				{ startIndex:18, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:19, type: '' },
				{ startIndex:20, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:21, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:23, type: '' },
				{ startIndex:24, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:25, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:27, type: '' },
				{ startIndex:28, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:32, type: 'punctuation.parenthesis.less' },
				{ startIndex:33, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:34, type: 'punctuation.less' },
				{ startIndex:35, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:36, type: 'punctuation.less' },
				{ startIndex:37, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:38, type: 'punctuation.less' },
				{ startIndex:39, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:43, type: 'punctuation.parenthesis.less' },
				{ startIndex:44, type: 'punctuation.less' },
				{ startIndex:45, type: '' },
				{ startIndex:46, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:47, type: '' },
				{ startIndex:48, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:49, type: '' },
				{ startIndex:50, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:51, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:53, type: '' },
				{ startIndex:54, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:58, type: 'punctuation.parenthesis.less' },
				{ startIndex:59, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:61, type: 'punctuation.less' },
				{ startIndex:62, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:65, type: 'punctuation.less' },
				{ startIndex:66, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:69, type: 'punctuation.less' },
				{ startIndex:70, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:72, type: 'punctuation.parenthesis.less' },
				{ startIndex:74, type: 'punctuation.less' }
			]}],

			// Difficult little bugs... => String mismatches
			[{
			line: 'input[type="radio"]',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'punctuation.bracket.less' },
				{ startIndex:6, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:10, type: 'operator.less' },
				{ startIndex:11, type: 'string.punctuation.less' },
				{ startIndex:12, type: 'string.less' },
				{ startIndex:17, type: 'string.punctuation.less' },
				{ startIndex:18, type: 'punctuation.bracket.less' }
			]}],

			[{
			line: '~\'.offset@{index}\')',
			tokens: [
				{ startIndex:0, type: 'string.punctuation.less' },
				{ startIndex:2, type: 'string.less' },
				{ startIndex:17, type: 'string.punctuation.less' },
				{ startIndex:18, type: 'punctuation.parenthesis.less' }
			]}],

			[{
			line: 'some("\\42");',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:4, type: 'punctuation.parenthesis.less' },
				{ startIndex:5, type: 'string.punctuation.less' },
				{ startIndex:6, type: 'string.less' },
				{ startIndex:9, type: 'string.punctuation.less' },
				{ startIndex:10, type: 'punctuation.parenthesis.less' },
				{ startIndex:11, type: 'punctuation.less' }
			]}],

			[{
			line: ' ~ "icon-"',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:1, type: 'operator.less' },
				{ startIndex:2, type: '' },
				{ startIndex:3, type: 'string.punctuation.less' },
				{ startIndex:4, type: 'string.less' },
				{ startIndex:9, type: 'string.punctuation.less' }
			]}],

			// Difficult little bugs... => Operator mismatches
			[{
			line: 'class^="icon-"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'operator.less' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:13, type: 'string.punctuation.less' }
			]}],

			[{
			line: 'class*="icon-"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'operator.less' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:13, type: 'string.punctuation.less' }
			]}],

			[{
			line: 'class~="icon-"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'operator.less' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:13, type: 'string.punctuation.less' }
			]}],

			[{
			line: 'class ~ = "icon-"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: '' },
				{ startIndex:6, type: 'operator.less' },
				{ startIndex:7, type: '' },
				{ startIndex:8, type: 'operator.less' },
				{ startIndex:9, type: '' },
				{ startIndex:10, type: 'string.punctuation.less' },
				{ startIndex:11, type: 'string.less' },
				{ startIndex:16, type: 'string.punctuation.less' }
			]}],

			[{
			line: 'class|="icon-"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'operator.less' },
				{ startIndex:7, type: 'string.punctuation.less' },
				{ startIndex:8, type: 'string.less' },
				{ startIndex:13, type: 'string.punctuation.less' }
			]}],

			[{
			line: '.hide-text { font: 0/0 a; }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'punctuation.curly.less' },
				{ startIndex:12, type: '' },
				{ startIndex:13, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:17, type: 'punctuation.less' },
				{ startIndex:18, type: '' },
				{ startIndex:19, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:20, type: 'operator.less' },
				{ startIndex:21, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:22, type: '' },
				{ startIndex:23, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:24, type: 'punctuation.less' },
				{ startIndex:25, type: '' },
				{ startIndex:26, type: 'punctuation.curly.less' }
			]}],

			// Difficult little bugs... => Numbers in classes
			[{
			line: '.translate3d(@x, @y, @z) { -webkit-transform: translate3d(@x, @y, @z); }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:12, type: 'punctuation.parenthesis.less' },
				{ startIndex:13, type: 'variable.less' },
				{ startIndex:15, type: 'punctuation.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: 'variable.less' },
				{ startIndex:19, type: 'punctuation.less' },
				{ startIndex:20, type: '' },
				{ startIndex:21, type: 'variable.less' },
				{ startIndex:23, type: 'punctuation.parenthesis.less' },
				{ startIndex:24, type: '' },
				{ startIndex:25, type: 'punctuation.curly.less' },
				{ startIndex:26, type: '' },
				{ startIndex:27, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:44, type: 'punctuation.less' },
				{ startIndex:45, type: '' },
				{ startIndex:46, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:57, type: 'punctuation.parenthesis.less' },
				{ startIndex:58, type: 'variable.less' },
				{ startIndex:60, type: 'punctuation.less' },
				{ startIndex:61, type: '' },
				{ startIndex:62, type: 'variable.less' },
				{ startIndex:64, type: 'punctuation.less' },
				{ startIndex:65, type: '' },
				{ startIndex:66, type: 'variable.less' },
				{ startIndex:68, type: 'punctuation.parenthesis.less' },
				{ startIndex:69, type: 'punctuation.less' },
				{ startIndex:70, type: '' },
				{ startIndex:71, type: 'punctuation.curly.less' }
			]}],

			// Difficult little bugs... => Generic mismatches, worst case...
			[{
			line: '.dropdown-menu > li > a:hover > [class=" icon-"]',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: 'operator.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:19, type: '' },
				{ startIndex:20, type: 'operator.less' },
				{ startIndex:21, type: '' },
				{ startIndex:22, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:29, type: '' },
				{ startIndex:30, type: 'operator.less' },
				{ startIndex:31, type: '' },
				{ startIndex:32, type: 'punctuation.bracket.less' },
				{ startIndex:33, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:38, type: 'operator.less' },
				{ startIndex:39, type: 'string.punctuation.less' },
				{ startIndex:40, type: 'string.less' },
				{ startIndex:46, type: 'string.punctuation.less' },
				{ startIndex:47, type: 'punctuation.bracket.less' }
			]}],

			[{
			line: '.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { background: -webkit-gradient(color-stop(0, rgb(@start,@start,@start)), color-stop(1, rgb(@stop,@stop,@stop))); }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:12, type: 'punctuation.parenthesis.less' },
				{ startIndex:13, type: 'variable.less' },
				{ startIndex:19, type: 'punctuation.less' },
				{ startIndex:20, type: '' },
				{ startIndex:21, type: lessTokenTypes.TOKEN_VALUE + '.rgb-value.less' },
				{ startIndex:28, type: 'punctuation.less' },
				{ startIndex:29, type: '' },
				{ startIndex:30, type: 'variable.less' },
				{ startIndex:36, type: 'punctuation.less' },
				{ startIndex:37, type: '' },
				{ startIndex:38, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:39, type: 'punctuation.less' },
				{ startIndex:40, type: '' },
				{ startIndex:41, type: 'variable.less' },
				{ startIndex:46, type: 'punctuation.less' },
				{ startIndex:47, type: '' },
				{ startIndex:48, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:51, type: 'punctuation.parenthesis.less' },
				{ startIndex:52, type: '' },
				{ startIndex:53, type: 'punctuation.curly.less' },
				{ startIndex:54, type: '' },
				{ startIndex:55, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:65, type: 'punctuation.less' },
				{ startIndex:66, type: '' },
				{ startIndex:67, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:83, type: 'punctuation.parenthesis.less' },
				{ startIndex:84, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:94, type: 'punctuation.parenthesis.less' },
				{ startIndex:95, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:96, type: 'punctuation.less' },
				{ startIndex:97, type: '' },
				{ startIndex:98, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:101, type: 'punctuation.parenthesis.less' },
				{ startIndex:102, type: 'variable.less' },
				{ startIndex:108, type: 'punctuation.less' },
				{ startIndex:109, type: 'variable.less' },
				{ startIndex:115, type: 'punctuation.less' },
				{ startIndex:116, type: 'variable.less' },
				{ startIndex:122, type: 'punctuation.parenthesis.less' },
				{ startIndex:124, type: 'punctuation.less' },
				{ startIndex:125, type: '' },
				{ startIndex:126, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:136, type: 'punctuation.parenthesis.less' },
				{ startIndex:137, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:138, type: 'punctuation.less' },
				{ startIndex:139, type: '' },
				{ startIndex:140, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:143, type: 'punctuation.parenthesis.less' },
				{ startIndex:144, type: 'variable.less' },
				{ startIndex:149, type: 'punctuation.less' },
				{ startIndex:150, type: 'variable.less' },
				{ startIndex:155, type: 'punctuation.less' },
				{ startIndex:156, type: 'variable.less' },
				{ startIndex:161, type: 'punctuation.parenthesis.less' },
				{ startIndex:164, type: 'punctuation.less' },
				{ startIndex:165, type: '' },
				{ startIndex:166, type: 'punctuation.curly.less' }
			]}],

			// Skip whitespace
			[{
			line: '      body ',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:6, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:10, type: '' }
			]}],

			// CSS rule
			//	body {
			//	  margin: 0;
			//	  padding: 3em 6em;
			//	  font-family: tahoma, arial, sans-serif;
			//	  text-decoration: none !important;
			//	  color: #000
			//	}
			[{
			line: 'body {',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:4, type: '' },
				{ startIndex:5, type: 'punctuation.curly.less' }
			]}, {
			line: '  margin: 0;',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:8, type: 'punctuation.less' },
				{ startIndex:9, type: '' },
				{ startIndex:10, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:11, type: 'punctuation.less' }
			]}, {
			line: '  padding: 3em 6em;',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:9, type: 'punctuation.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:12, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:16, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:18, type: 'punctuation.less' }
			]}, {
			line: '  font-family: tahoma, arial, sans-serif;',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:13, type: 'punctuation.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:21, type: 'punctuation.less' },
				{ startIndex:22, type: '' },
				{ startIndex:23, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:28, type: 'punctuation.less' },
				{ startIndex:29, type: '' },
				{ startIndex:30, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:40, type: 'punctuation.less' }
			]}, {
			line: '  text-decoration: none !important;',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:17, type: 'punctuation.less' },
				{ startIndex:18, type: '' },
				{ startIndex:19, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:23, type: '' },
				{ startIndex:24, type: 'keyword.less' },
				{ startIndex:34, type: 'punctuation.less' }
			]}, {
			line: '  color: #000;',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:7, type: 'punctuation.less' },
				{ startIndex:8, type: '' },
				{ startIndex:9, type: lessTokenTypes.TOKEN_VALUE + '.rgb-value.less' },
				{ startIndex:13, type: 'punctuation.less' }
			]}, {
			line: '  }',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: 'punctuation.curly.less' }
			]}],

			// CSS units and numbers
			[{
			line: '* { padding: 3em -9pt -0.5px; }',
			tokens: [
				{ startIndex:0, type: 'operator.less' },
				{ startIndex:1, type: '' },
				{ startIndex:2, type: 'punctuation.curly.less' },
				{ startIndex:3, type: '' },
				{ startIndex:4, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:11, type: 'punctuation.less' },
				{ startIndex:12, type: '' },
				{ startIndex:13, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:14, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: 'operator.less' },
				{ startIndex:18, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:19, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:21, type: '' },
				{ startIndex:22, type: 'operator.less' },
				{ startIndex:23, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:26, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:28, type: 'punctuation.less' },
				{ startIndex:29, type: '' },
				{ startIndex:30, type: 'punctuation.curly.less' }
			]}],

			// CSS single line comment
			//	h1 /*comment*/ p  {
			[{
			line: 'h1 /*comment*/ p {',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:2, type: '' },
				{ startIndex:3, type: 'comment.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:16, type: '' },
				{ startIndex:17, type: 'punctuation.curly.less' }
			]}],

			// CSS multi line comment
			//	h1 /*com
			//  ment*/ p  {
			[{
			line: 'h1 /*com',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:2, type: '' },
				{ startIndex:3, type: 'comment.less' }
			]}, {
			line: 'ment*/ p',
			tokens: [
				{ startIndex:0, type: 'comment.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' }
			]}],

			// CSS ID rule
			//	#myID {
			//	  font-size: 80%;
			//	  content: 'contents';
			//	}
			[{
			line: '#myID {',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.id.less' },
				{ startIndex:5, type: '' },
				{ startIndex:6, type: 'punctuation.curly.less' }
			]}],

			// CSS Class rules
			//	.myID {
			//	h1 > p {
			[{
			line: '.myID {',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:5, type: '' },
				{ startIndex:6, type: 'punctuation.curly.less' }
			]}],

			// CSS @import etc
			//	@import url('something.less'); {
			[{
			line: '@import url("something.less");',
			tokens: [
				{ startIndex:0, type: 'keyword.less' },
				{ startIndex:7, type: '' },
				{ startIndex:8, type: 'function.less' },
				{ startIndex:12, type: 'string.punctuation.less' },
				{ startIndex:13, type: 'string.less' },
				{ startIndex:27, type: 'string.punctuation.less' },
				{ startIndex:28, type: 'punctuation.parenthesis.less' },
				{ startIndex:29, type: 'punctuation.less' }
			]}],

			// CSS multi-line string with an escaped newline
			//	body {
			//	content: 'con\
			//  tent';
			[{
			line: 'body {',
			tokens: null}, {
			line: '  content: "con\\',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:9, type: 'punctuation.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'string.punctuation.less' },
				{ startIndex:12, type: 'string.less' }
			]}, {
			line: 'tent";',
			tokens: [
				{ startIndex:0, type: 'string.less' },
				{ startIndex:4, type: 'string.punctuation.less' },
				{ startIndex:5, type: 'punctuation.less' }
			]}],

			// CSS empty string value
			//	body {
			//	content: '';
			[{
			line: 'body {',
			tokens: null}, {
			line: '  content: "";',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:9, type: 'punctuation.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'string.punctuation.less' },
				{ startIndex:13, type: 'punctuation.less' }
			]}],

			// LESS IE star hacks
			[{
			line: 'body {',
			tokens: null}, {
			line: '  _content: "";',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:10, type: 'punctuation.less' },
				{ startIndex:11, type: '' },
				{ startIndex:12, type: 'string.punctuation.less' },
				{ startIndex:14, type: 'punctuation.less' }
			]}],

			// CSS font face
			// @font-face {
			//     font-family: 'Opificio';
			// }
			[{
			line: '@font-face {',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:10, type: '' },
				{ startIndex:11, type: 'punctuation.curly.less' }
			]}, {
			line: '  font-family: "Opificio";',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:13, type: 'punctuation.less' },
				{ startIndex:14, type: '' },
				{ startIndex:15, type: 'string.punctuation.less' },
				{ startIndex:16, type: 'string.less' },
				{ startIndex:24, type: 'string.punctuation.less' },
				{ startIndex:25, type: 'punctuation.less' }
			]}],

			// CSS string with escaped quotes
			//	's\"tr'
			[{
			line: '"s\\"tr\\"sadsad',
			tokens: [
				{ startIndex:0, type: 'string.punctuation.less' },
				{ startIndex:1, type: 'string.less' }
			]}],

			[{
			line: 'p{}',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:1, type: 'punctuation.curly.less' }
			]}],

			[{
			line: 'p:nth() {}',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'punctuation.parenthesis.less' },
				{ startIndex:7, type: '' },
				{ startIndex:8, type: 'punctuation.curly.less' }
			]}],

			// EG: import statement - bug #10308
			//	@import url('something.css');@import url('something.css');
			[{
			line: '@import url("something.css");@import url("something.css");',
			tokens: [
				{ startIndex:0, type: 'keyword.less' },
				{ startIndex:7, type: '' },
				{ startIndex:8, type: 'function.less' },
				{ startIndex:12, type: 'string.punctuation.less' },
				{ startIndex:13, type: 'string.less' },
				{ startIndex:26, type: 'string.punctuation.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: 'punctuation.less' },
				{ startIndex:29, type: 'keyword.less' },
				{ startIndex:36, type: '' },
				{ startIndex:37, type: 'function.less' },
				{ startIndex:41, type: 'string.punctuation.less' },
				{ startIndex:42, type: 'string.less' },
				{ startIndex:55, type: 'string.punctuation.less' },
				{ startIndex:56, type: 'punctuation.parenthesis.less' },
				{ startIndex:57, type: 'punctuation.less' }
			]}],

			// EG: Triple quotes - bug #9870
			[{
			line: '""""',
			tokens: [
				{ startIndex:0, type: 'string.punctuation.less' }
			]}],

			// EG: CSS @import related coloring bug 9553
			[{
			line: '@import url("something.css");',
			tokens: [
				{ startIndex:0, type: 'keyword.less' },
				{ startIndex:7, type: '' },
				{ startIndex:8, type: 'function.less' },
				{ startIndex:12, type: 'string.punctuation.less' },
				{ startIndex:13, type: 'string.less' },
				{ startIndex:26, type: 'string.punctuation.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: 'punctuation.less' }
			]}, {
			line: '.rule1{}',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: 'punctuation.curly.less' }
			]}, {
			line: '.rule2{}',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:6, type: 'punctuation.curly.less' }
			]}],

			// EG: CSS key frame animation syntax
			[{
			line: '@-webkit-keyframes infinite-spinning {',
			tokens: [
				{ startIndex:0, type: 'variable.less' },
				{ startIndex:18, type: '' },
				{ startIndex:19, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:36, type: '' },
				{ startIndex:37, type: 'punctuation.curly.less' }
			]}, {
			line: '  from {',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:6, type: '' },
				{ startIndex:7, type: 'punctuation.curly.less' }
			]}, {
			line: '  -webkit-transform: rotate(0deg);',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:19, type: 'punctuation.less' },
				{ startIndex:20, type: '' },
				{ startIndex:21, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:29, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:32, type: 'punctuation.parenthesis.less' },
				{ startIndex:33, type: 'punctuation.less' }
			]}, {
			line: '	 }',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: 'punctuation.curly.less' }
			]}, {
			line: '  to {',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:4, type: '' },
				{ startIndex:5, type: 'punctuation.curly.less' }
			]}, {
			line: '  -webkit-transform: rotate(360deg);',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: lessTokenTypes.TOKEN_PROPERTY + '.less' },
				{ startIndex:19, type: 'punctuation.less' },
				{ startIndex:20, type: '' },
				{ startIndex:21, type: lessTokenTypes.TOKEN_VALUE + '.less' },
				{ startIndex:27, type: 'punctuation.parenthesis.less' },
				{ startIndex:28, type: lessTokenTypes.TOKEN_VALUE + '.numeric.less' },
				{ startIndex:31, type: lessTokenTypes.TOKEN_VALUE + '.unit.less' },
				{ startIndex:34, type: 'punctuation.parenthesis.less' },
				{ startIndex:35, type: 'punctuation.less' }
			]}, {
			line: '	 }',
			tokens: [
				{ startIndex:0, type: '' },
				{ startIndex:2, type: 'punctuation.curly.less' }
			]}, {
			line: '}',
			tokens: [
				{ startIndex:0, type: 'punctuation.curly.less' }
			]}]
		]);
	});

	test('identifier escaping', function() {
		modesUtil.assertTokenization(tokenizationSupport, [{
			line: 'input[type= \\"submit\\"',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:5, type: 'punctuation.bracket.less'},
				{ startIndex:6, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less' },
				{ startIndex:10, type: 'operator.less'},
				{ startIndex:11, type: ''},
				{ startIndex:12, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less'}
			]}
		]);
	});

	test('identifier escaping 2', function() {
		modesUtil.assertTokenization(tokenizationSupport, [{
			line: '.\\34 hello { -moz-foo: --myvar }',
			tokens: [
				{ startIndex:0, type: lessTokenTypes.TOKEN_SELECTOR + '.class.less' },
				{ startIndex:10, type: ''},
				{ startIndex:11, type: 'punctuation.curly.less'},
				{ startIndex:12, type: ''},
				{ startIndex:13, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less'},
				{ startIndex:22, type: ''},
				{ startIndex:23, type: lessTokenTypes.TOKEN_SELECTOR_TAG + '.less'},
				{ startIndex:30, type: ''},
				{ startIndex:31, type: 'punctuation.curly.less'},
			]}
		]);
	});

	test('onEnter', function() {
		assertOnEnter.indents('', '.myRule {', '');
		assertOnEnter.indents('', 'background: url(', '');
		assertOnEnter.indents('', '.myRule[', '');
		assertOnEnter.indentsOutdents('', '.myRule {', '}');
	});
});