code-server/lib/vscode/extensions/emmet/src/test/reflectCssValue.test.ts

/*---------------------------------------------------------------------------------------------
 *  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 { Selection } from 'vscode';
import { withRandomFileEditor, closeAllEditors } from './testUtils';
import { reflectCssValue as reflectCssValueImpl } from '../reflectCssValue';

function reflectCssValue(): Thenable<boolean> {
	const result = reflectCssValueImpl();
	assert.ok(result);
	return result!;
}

suite('Tests for Emmet: Reflect CSS Value command', () => {
	teardown(closeAllEditors);

	const cssContents = `
	.header {
		margin: 10px;
		padding: 10px;
		transform: rotate(50deg);
		-moz-transform: rotate(20deg);
		-o-transform: rotate(50deg);
		-webkit-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
	}
	`;

	const htmlContents = `
	<html>
		<style>
			.header {
				margin: 10px;
				padding: 10px;
				transform: rotate(50deg);
				-moz-transform: rotate(20deg);
				-o-transform: rotate(50deg);
				-webkit-transform: rotate(50deg);
				-ms-transform: rotate(50deg);
			}
		</style>
	</html>
	`;

	test('Reflect Css Value in css file', function (): any {
		return withRandomFileEditor(cssContents, '.css', (editor, doc) => {
			editor.selections = [new Selection(5, 10, 5, 10)];
			return reflectCssValue().then(() => {
				assert.strictEqual(doc.getText(), cssContents.replace(/\(50deg\)/g, '(20deg)'));
				return Promise.resolve();
			});
		});
	});

	test('Reflect Css Value in css file, selecting entire property', function (): any {
		return withRandomFileEditor(cssContents, '.css', (editor, doc) => {
			editor.selections = [new Selection(5, 2, 5, 32)];
			return reflectCssValue().then(() => {
				assert.strictEqual(doc.getText(), cssContents.replace(/\(50deg\)/g, '(20deg)'));
				return Promise.resolve();
			});
		});
	});

	test('Reflect Css Value in html file', function (): any {
		return withRandomFileEditor(htmlContents, '.html', (editor, doc) => {
			editor.selections = [new Selection(7, 20, 7, 20)];
			return reflectCssValue().then(() => {
				assert.strictEqual(doc.getText(), htmlContents.replace(/\(50deg\)/g, '(20deg)'));
				return Promise.resolve();
			});
		});
	});

	test('Reflect Css Value in html file, selecting entire property', function (): any {
		return withRandomFileEditor(htmlContents, '.html', (editor, doc) => {
			editor.selections = [new Selection(7, 4, 7, 34)];
			return reflectCssValue().then(() => {
				assert.strictEqual(doc.getText(), htmlContents.replace(/\(50deg\)/g, '(20deg)'));
				return Promise.resolve();
			});
		});
	});

});