| 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 |