OLD | NEW |
1 | 1 |
2 | 2 |
3 SVG 1.1 dynamic update tests | 3 SVG 1.1 dynamic update tests |
4 | 4 |
5 Tests dynamic updates of the '-webkit-transform' on SVG element | 5 Tests dynamic updates of the '-webkit-transform' on SVG element |
6 | 6 |
7 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 7 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
8 | 8 |
9 | 9 |
10 Also, to pass the test, the rectangles should be rotated with 45deg | 10 Also, to pass the test, the rectangles should be rotated with 45deg |
11 | 11 |
12 | 12 |
13 Transform via style attribute | 13 Transform via style attribute |
14 PASS rect1.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45de
g)" | 14 PASS rect1.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" |
15 PASS dumpMatrix(rect1.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" | 15 PASS dumpMatrix(rect1.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" |
16 PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is "[1.4 1.4 -
1.4 1.4 100.0 25.0]" | 16 PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.transform)) is "[1.4 1.4 -1.4 1.
4 100.0 25.0]" |
17 PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform)) is dumpMatrix(
rect1.getCTM()) | 17 PASS dumpMatrix(new WebKitCSSMatrix(rect1.style.transform)) is dumpMatrix(rect1.
getCTM()) |
18 PASS rect1.transform.baseVal.numberOfItems is 0 | 18 PASS rect1.transform.baseVal.numberOfItems is 0 |
19 PASS rect1.getAttribute('transform') is null | 19 PASS rect1.getAttribute('transform') is null |
20 PASS dumpMatrix(rect2.getCTM()) is "[0.0 1.0 -1.0 0.0 1000.0 1000.0]" | 20 PASS dumpMatrix(rect2.getCTM()) is "[0.0 1.0 -1.0 0.0 1000.0 1000.0]" |
21 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.0 0.0 0
.0 1.0 0.0 0.0]" | 21 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.0 0.0 0.0 1.0
0.0 0.0]" |
22 PASS rect2.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45de
g)" | 22 PASS rect2.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" |
23 PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" | 23 PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" |
24 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -
1.4 1.4 100.0 25.0]" | 24 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.4 1.4 -1.4 1.
4 100.0 25.0]" |
25 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is dumpMatrix(
rect2.getCTM()) | 25 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is dumpMatrix(rect2.
getCTM()) |
26 PASS rect2.transform.baseVal.numberOfItems is 2 | 26 PASS rect2.transform.baseVal.numberOfItems is 2 |
27 PASS rect2.getAttribute('transform') is "translate(1000, 1000) rotate(90)" | 27 PASS rect2.getAttribute('transform') is "translate(1000, 1000) rotate(90)" |
28 PASS dumpTransform(rect2.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TR
ANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" | 28 PASS dumpTransform(rect2.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TR
ANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" |
29 PASS dumpTransform(rect2.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_RO
TATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" | 29 PASS dumpTransform(rect2.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_RO
TATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" |
30 | 30 |
31 Transform via CSS | 31 Transform via CSS |
32 PASS rect3.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45de
g)" | 32 PASS rect3.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" |
33 PASS dumpMatrix(rect3.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" | 33 PASS dumpMatrix(rect3.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" |
34 PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is "[1.4 1.4 -
1.4 1.4 100.0 25.0]" | 34 PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.transform)) is "[1.4 1.4 -1.4 1.
4 100.0 25.0]" |
35 PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform)) is dumpMatrix(
rect3.getCTM()) | 35 PASS dumpMatrix(new WebKitCSSMatrix(rect3.style.transform)) is dumpMatrix(rect3.
getCTM()) |
36 PASS rect3.transform.baseVal.numberOfItems is 0 | 36 PASS rect3.transform.baseVal.numberOfItems is 0 |
37 PASS rect3.getAttribute('transform') is null | 37 PASS rect3.getAttribute('transform') is null |
38 PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" | 38 PASS dumpMatrix(rect2.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" |
39 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform)) is "[1.4 1.4 -
1.4 1.4 100.0 25.0]" | 39 PASS dumpMatrix(new WebKitCSSMatrix(rect2.style.transform)) is "[1.4 1.4 -1.4 1.
4 100.0 25.0]" |
40 PASS rect4.style.webkitTransform is "translate(100px, 25px) scale(2) rotate(45de
g)" | 40 PASS rect4.style.transform is "translate(100px, 25px) scale(2) rotate(45deg)" |
41 PASS dumpMatrix(rect4.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" | 41 PASS dumpMatrix(rect4.getCTM()) is "[1.4 1.4 -1.4 1.4 100.0 25.0]" |
42 PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is "[1.4 1.4 -
1.4 1.4 100.0 25.0]" | 42 PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.transform)) is "[1.4 1.4 -1.4 1.
4 100.0 25.0]" |
43 PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform)) is dumpMatrix(
rect4.getCTM()) | 43 PASS dumpMatrix(new WebKitCSSMatrix(rect4.style.transform)) is dumpMatrix(rect4.
getCTM()) |
44 PASS rect4.transform.baseVal.numberOfItems is 2 | 44 PASS rect4.transform.baseVal.numberOfItems is 2 |
45 PASS rect4.getAttribute('transform') is "translate(1000, 1000) rotate(90)" | 45 PASS rect4.getAttribute('transform') is "translate(1000, 1000) rotate(90)" |
46 PASS dumpTransform(rect4.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TR
ANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" | 46 PASS dumpTransform(rect4.transform.baseVal.getItem(0)) is "type=SVG_TRANSFORM_TR
ANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]" |
47 PASS dumpTransform(rect4.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_RO
TATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" | 47 PASS dumpTransform(rect4.transform.baseVal.getItem(1)) is "type=SVG_TRANSFORM_RO
TATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]" |
48 | 48 |
49 Transform on wrapper div | 49 Transform on wrapper div |
50 PASS rect5.style.webkitTransform is "" | 50 PASS rect5.style.transform is "" |
51 PASS dumpMatrix(rect5.getCTM()) is "[1.0 0.0 0.0 1.0 0.0 0.0]" | 51 PASS dumpMatrix(rect5.getCTM()) is "[1.0 0.0 0.0 1.0 0.0 0.0]" |
52 PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is "[1.0 0.0 0
.0 1.0 0.0 0.0]" | 52 PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.transform)) is "[1.0 0.0 0.0 1.0
0.0 0.0]" |
53 PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform)) is dumpMatrix(
rect5.getCTM()) | 53 PASS dumpMatrix(new WebKitCSSMatrix(rect5.style.transform)) is dumpMatrix(rect5.
getCTM()) |
54 PASS rect5.transform.baseVal.numberOfItems is 0 | 54 PASS rect5.transform.baseVal.numberOfItems is 0 |
55 PASS rect5.getAttribute('transform') is null | 55 PASS rect5.getAttribute('transform') is null |
56 | 56 |
57 PASS successfullyParsed is true | 57 PASS successfullyParsed is true |
58 | 58 |
59 TEST COMPLETE | 59 TEST COMPLETE |
60 | 60 |
OLD | NEW |