Function test

apps/automated/src/ui/styling/visual-state-tests.ts:20–40

(views: Array<view.View>)

export var test_goToVisualState = function () {
	var test = function (views: Array<view.View>) {
		(<page.Page>views[0]).css = 'button:hovered { color: red; background-color: orange } button:pressed { color: white; background-color: black }';

		var btn = views[1];

		assertInState(btn, null, ['hovered', 'pressed']);

		btn._goToVisualState('hovered');

		assertInState(btn, 'hovered', ['hovered', 'pressed']);

		TKUnit.assert(types.isDefined(btn.style.color) && btn.style.color.name === 'red');
		TKUnit.assert(types.isDefined(btn.style.backgroundColor) && btn.style.backgroundColor.name === 'orange');

		btn._goToVisualState('pressed');

		assertInState(btn, 'pressed', ['hovered', 'pressed']);

		TKUnit.assert(types.isDefined(btn.style.color) && btn.style.color.name === 'white');
		TKUnit.assert(types.isDefined(btn.style.backgroundColor) && btn.style.backgroundColor.name === 'black');
	};

	helper.do_PageTest_WithButton(test);
};