cssom/test/CSSStyleDeclaration.test.js

CSS Object Model implementation and CSS parser

test("CSSStyleDeclaration", function(){
	var d = new CSSOM.CSSStyleDeclaration;

	d.setProperty("color", "purple");
	equalOwnProperties(d, {
		0: "color",
		length: 1,
		color: "purple"
	});

	d.setProperty("width", "128px", "important");
	equalOwnProperties(d, {
		0: "color",
		1: "width",
		length: 2,
		color: "purple",
		width: "128px"
	});

	equal(d.cssText, "color: purple; width: 128px !important;");

	equal(d.getPropertyValue("color"), "purple");
	equal(d.getPropertyValue("width"), "128px");
	equal(d.getPropertyValue("position"), "");

	strictEqual(d.getPropertyPriority("color"), "");
	strictEqual(d.getPropertyPriority("width"), "important");
	strictEqual(d.getPropertyPriority("position"), "");

	d.setProperty("color", "green");
	d.removeProperty("width");

	equal(d.cssText, "color: green;");

});

test("CSSStyleDeclaration#cssText", function(){
	var d = new CSSOM.CSSStyleDeclaration;
	var cssText = "color: pink; outline: 2px solid red;";
	d.cssText = cssText;
	strictEqual(d.cssText, cssText);
});