1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=629200
-->
<head>
<title>Tests specific to SVGPointList</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="MutationEventChecker.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=629200">Mozilla Bug 629200</a>
<p id="display"></p>
<div id="content" style="display:none;">
<svg id="svg" xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<polyline id="polyline" points="50,375 150,380"/>
<polyline id="polyline2" points="10,20"/>
</svg>
</div>
<pre id="test">
<script class="testbody" type="text/javascript">
<![CDATA[
SimpleTest.waitForExplicitFinish();
/*
This file runs a series of SVGPointList specific tests. Generic SVGXxxList
tests can be found in test_SVGxxxList.xhtml. Anything that can be generalized
to other list types belongs there.
*/
function run_tests()
{
document.getElementById('svg').pauseAnimations();
var polyline = document.getElementById("polyline");
var points = polyline.points;
is(points.numberOfItems, 2, 'Checking numberOfItems');
// Test mutation events
// --- Initialization
eventChecker = new MutationEventChecker;
eventChecker.watchAttr(polyline, "points");
// -- Actual changes
eventChecker.expect("modify modify");
points[0].x = 40;
polyline.setAttribute("points", "30,375 150,380");
// -- Redundant changes
eventChecker.expect("");
points[0].x = 30;
points[1].y = 380;
polyline.setAttribute("points", "30,375 150,380");
// -- Invalid attribute
eventChecker.expect("modify");
polyline.setAttribute("points", ",30,375");
is(points.numberOfItems, 0, 'Checking that parsing stops at invalid token');
// -- Attribute removal
eventChecker.expect("remove");
polyline.removeAttribute("points");
// -- Non-existent attribute removal
eventChecker.expect("");
polyline.removeAttribute("points");
polyline.removeAttributeNS(null, "points");
eventChecker.finish();
// Test that the addition of an owned SVGPoint to an SVGPointList creates a
// copy of the SVGPoint
var polyline2 = document.getElementById("polyline2");
var subtests = [
function initialize(aItem) {
polyline.removeAttribute("points");
return points.initialize(aItem);
},
function insertItemBefore(aItem) {
polyline.removeAttribute("points");
return points.insertItemBefore(aItem, 0);
},
function replaceItem(aItem) {
polyline.setAttribute("points", "10,20");
return points.replaceItem(aItem, 0);
},
function appendItem(aItem) {
polyline.removeAttribute("points");
return points.appendItem(aItem);
}
];
subtests.forEach(function(aFunction) {
// -- Adding SVGSVGElement.currentTranslate, which is the only instance
// of an owned, single SVGPoint
var svg = document.getElementById("svg");
var name = aFunction.name;
var existingItem = svg.currentTranslate;
var newItem = aFunction(existingItem);
is(newItem, points.getItem(0), name + " return value is correct when passed currentTranslate");
isnot(newItem, existingItem, name + " made a copy when passed currentTranslate");
is(newItem.value, existingItem.value, name + " made a copy with the right values when passed currentTranslate");
todo(svg.currentTranslate == existingItem, name + " left the original object alone when passed currentTranslate");
});
subtests.forEach(function(aFunction) {
// -- Adding an SVGPoint that is in a baseVal list
var name = aFunction.name;
var existingItem = polyline2.points.getItem(0);
var newItem = aFunction(existingItem);
is(newItem, points.getItem(0), name + " return value is correct when passed a baseVal list item");
isnot(newItem, existingItem, name + " made a copy when passed a baseVal list item");
is(newItem.value, existingItem.value, name + " made a copy with the right values when passed a baseVal list item");
is(polyline2.points.getItem(0), existingItem, name + " left the original object alone when passed a baseVal list item");
});
subtests.forEach(function(aFunction) {
// -- Adding an SVGPoint that is in a animVal list
var name = aFunction.name;
var existingItem = polyline2.animatedPoints.getItem(0);
var newItem = aFunction(existingItem);
is(newItem, points.getItem(0), name + " return value is correct when passed a animVal list item");
isnot(newItem, existingItem, name + " made a copy when passed a animVal list item");
is(newItem.value, existingItem.value, name + " made a copy with the right values when passed a animVal list item");
is(polyline2.animatedPoints.getItem(0), existingItem, name + " left the original object alone when passed a animVal list item");
});
SimpleTest.finish();
}
window.addEventListener("load", run_tests, false);
]]>
</script>
</pre>
</body>
</html>
|
