<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
description("This test verifying changing the values of detached properties - utilizing the properties of SVGRectElement and SVGTextElement");

var x = document.createElementNS("http://www.w3.org/2000/svg", "rect").x.baseVal;
var y = document.createElementNS("http://www.w3.org/2000/svg", "rect").y.baseVal;
var width = document.createElementNS("http://www.w3.org/2000/svg", "rect").width.baseVal;
var height = document.createElementNS("http://www.w3.org/2000/svg", "rect").height.baseVal;

var xList = document.createElementNS("http://www.w3.org/2000/svg", "text").x.baseVal;
var yList = document.createElementNS("http://www.w3.org/2000/svg", "text").y.baseVal;
var dxList = document.createElementNS("http://www.w3.org/2000/svg", "text").dx.baseVal;
var dyList = document.createElementNS("http://www.w3.org/2000/svg", "text").dy.baseVal;

var text = document.createElementNS("http://www.w3.org/2000/svg", "text");

x.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 10);
y.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 20);
width.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 100);
height.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 200);

xList.initialize(x);
yList.initialize(y);
dxList.initialize(width);
dyList.initialize(height);

text.x.baseVal.initialize(x);
text.y.baseVal.initialize(y);
text.dx.baseVal.initialize(width);
text.dy.baseVal.initialize(height);

text.x.baseVal.getItem(0).newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 100);
text.y.baseVal.getItem(0).newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 200);
text.dx.baseVal.getItem(0).newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 1000);
text.dy.baseVal.getItem(0).newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 2000);

debug("Check the SVGLength properties");
shouldBe("x.value", "10");
shouldBe("y.value", "20");
shouldBe("width.value", "100");
shouldBe("height.value", "200");

debug("");
debug("Check the items of the SVGLengthList properties");
shouldBe("xList.getItem(0).value", "10");
shouldBe("yList.getItem(0).value", "20");
shouldBe("dxList.getItem(0).value", "100");
shouldBe("dyList.getItem(0).value", "200");

debug("");
debug("Check the items of the SVGLengthList properties of the SVGTextElement");
shouldBe("text.x.baseVal.getItem(0).value", "100");
shouldBe("text.y.baseVal.getItem(0).value", "200");
shouldBe("text.dx.baseVal.getItem(0).value", "1000");
shouldBe("text.dy.baseVal.getItem(0).value", "2000");

x = text.x.baseVal.getItem(0);
y = text.y.baseVal.getItem(0);
width = text.dx.baseVal.getItem(0);
height = text.dy.baseVal.getItem(0);

text.remove();
text = null;

debug("");
debug("Check the SVGLength properties after removing the SVGTextElement");
shouldBe("x.value", "100");
shouldBe("y.value", "200");
shouldBe("width.value", "1000");
shouldBe("height.value", "2000");

x.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 10);
y.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 20);
width.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 100);
height.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, 200);

debug("");
debug("Check the SVGLength properties after resetting their values");
shouldBe("x.value", "10");
shouldBe("y.value", "20");
shouldBe("width.value", "100");
shouldBe("height.value", "200");

successfullyParsed = true;
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>