Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <html xmlns="http://www.w3.org/1999/xhtml"> | |
| 2 <head> | |
| 3 <script>window.enablePixelTesting = true;</script> | |
| 4 <script src="../../resources/js-test.js"></script> | |
| 5 </head> | |
| 6 <body> | |
| 7 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="200" height="200"> | |
| 8 <text id="text1" x="500 50 100 900 1000" y="50">ABC</text> | |
| 9 <text id="text2" x="50 100 1000" y="100">ABC</text> | |
| 10 <text id="reference" x="50 100 150" y="150">ABC</text> | |
| 11 </svg> | |
| 12 | |
| 13 <p id="description"></p> | |
| 14 <div id="console"></div> | |
| 15 <script type="text/javascript"> | |
| 16 <![CDATA[ | |
| 17 description("This is a test of the SVGLengthList::appendItem() API."); | |
| 18 | |
| 19 var svg = document.getElementById("svg"); | |
| 20 var text1 = document.getElementById("text1"); | |
| 21 var text2 = document.getElementById("text2"); | |
| 22 | |
| 23 debug(""); | |
| 24 debug("Create a new SVGLength object, with value=150"); | |
| 25 var newLength1 = svg.createSVGLength(); | |
| 26 newLength1.value = 150; | |
| 27 shouldBe("newLength1.value", "150"); | |
| 28 | |
| 29 debug(""); | |
| 30 debug("Check initial list state of text1"); | |
| 31 shouldBe("text1.x.baseVal.numberOfItems", "5"); | |
| 32 shouldBe("text1.x.baseVal.getItem(0).value", "500"); | |
| 33 shouldBe("text1.x.baseVal.getItem(1).value", "50"); | |
| 34 shouldBe("text1.x.baseVal.getItem(2).value", "100"); | |
| 35 shouldBe("text1.x.baseVal.getItem(3).value", "900"); | |
| 36 shouldBe("text1.x.baseVal.getItem(4).value", "1000"); | |
| 37 shouldThrow("text1.x.baseVal.getItem(5)"); | |
| 38 | |
| 39 debug(""); | |
| 40 debug("Check initial list state of text2"); | |
| 41 shouldBe("text2.x.baseVal.numberOfItems", "3"); | |
| 42 shouldBe("text2.x.baseVal.getItem(0).value", "50"); | |
| 43 shouldBe("text2.x.baseVal.getItem(1).value", "100"); | |
| 44 shouldBe("text2.x.baseVal.getItem(2).value", "1000"); | |
| 45 shouldThrow("text2.x.baseVal.getItem(3)"); | |
| 46 | |
| 47 debug(""); | |
| 48 debug("Append fourth item x=900 to the text1 x list"); | |
| 49 shouldBe("text1.x.baseVal.appendItem(text1.x.baseVal.getItem(3))", "text1.x. baseVal.getItem(5)"); | |
| 50 shouldBe("text1.x.baseVal.numberOfItems", "6"); | |
| 51 shouldBe("text1.x.baseVal.getItem(0).value", "500"); | |
| 52 shouldBe("text1.x.baseVal.getItem(1).value", "50"); | |
| 53 shouldBe("text1.x.baseVal.getItem(2).value", "100"); | |
| 54 shouldBe("text1.x.baseVal.getItem(3).value", "900"); | |
| 55 shouldBe("text1.x.baseVal.getItem(4).value", "1000"); | |
| 56 shouldBe("text1.x.baseVal.getItem(5).value", "900"); | |
| 57 shouldThrow("text1.x.baseVal.getItem(6)"); | |
| 58 | |
| 59 debug(""); | |
| 60 debug("Append first item x=500 to the text1 x list"); | |
| 61 shouldBe("text1.x.baseVal.appendItem(text1.x.baseVal.getItem(0))", "text1.x. baseVal.getItem(6)"); | |
| 62 shouldBe("text1.x.baseVal.numberOfItems", "7"); | |
| 63 shouldBe("text1.x.baseVal.getItem(0).value", "500"); | |
| 64 shouldBe("text1.x.baseVal.getItem(1).value", "50"); | |
| 65 shouldBe("text1.x.baseVal.getItem(2).value", "100"); | |
| 66 shouldBe("text1.x.baseVal.getItem(3).value", "900"); | |
| 67 shouldBe("text1.x.baseVal.getItem(4).value", "1000"); | |
| 68 shouldBe("text1.x.baseVal.getItem(5).value", "900"); | |
| 69 shouldBe("text1.x.baseVal.getItem(6).value", "500"); | |
| 70 shouldThrow("text1.x.baseVal.getItem(7)"); | |
| 71 | |
| 72 debug(""); | |
| 73 debug("Append 'newLength1' to the text1 x list"); | |
| 74 shouldBe("text1.x.baseVal.appendItem(newLength1)", "text1.x.baseVal.getItem( 7)"); | |
| 75 shouldBe("text1.x.baseVal.numberOfItems", "8"); | |
| 76 shouldBe("text1.x.baseVal.getItem(0).value", "500"); | |
| 77 shouldBe("text1.x.baseVal.getItem(1).value", "50"); | |
| 78 shouldBe("text1.x.baseVal.getItem(2).value", "100"); | |
| 79 shouldBe("text1.x.baseVal.getItem(3).value", "900"); | |
| 80 shouldBe("text1.x.baseVal.getItem(4).value", "1000"); | |
| 81 shouldBe("text1.x.baseVal.getItem(5).value", "900"); | |
| 82 shouldBe("text1.x.baseVal.getItem(6).value", "500"); | |
| 83 shouldBe("text1.x.baseVal.getItem(7).value", "150"); | |
| 84 shouldThrow("text1.x.baseVal.getItem(8)"); | |
| 85 | |
| 86 debug(""); | |
| 87 debug("Append third and fourth item of the text1 x list to the text2 x list" ); | |
| 88 shouldBe("text2.x.baseVal.appendItem(text1.x.baseVal.getItem(2)).value", "10 0"); | |
| 89 shouldBe("text2.x.baseVal.appendItem(text1.x.baseVal.getItem(3)).value", "90 0"); | |
| 90 shouldBe("text1.x.baseVal.numberOfItems", "8"); | |
| 91 shouldBe("text1.x.baseVal.getItem(0).value", "500"); | |
| 92 shouldBe("text1.x.baseVal.getItem(1).value", "50"); | |
| 93 shouldBe("text1.x.baseVal.getItem(2).value", "100"); | |
| 94 shouldBe("text1.x.baseVal.getItem(3).value", "900"); | |
| 95 shouldBe("text1.x.baseVal.getItem(4).value", "1000"); | |
| 96 shouldBe("text1.x.baseVal.getItem(5).value", "900"); | |
| 97 shouldBe("text1.x.baseVal.getItem(6).value", "500"); | |
| 98 shouldBe("text1.x.baseVal.getItem(7).value", "150"); | |
| 99 shouldThrow("text1.x.baseVal.getItem(8)"); | |
| 100 shouldBe("text2.x.baseVal.numberOfItems", "5"); | |
| 101 shouldBe("text2.x.baseVal.getItem(0).value", "50"); | |
| 102 shouldBe("text2.x.baseVal.getItem(1).value", "100"); | |
| 103 shouldBe("text2.x.baseVal.getItem(2).value", "1000"); | |
| 104 shouldBe("text2.x.baseVal.getItem(3).value", "100"); | |
| 105 shouldBe("text2.x.baseVal.getItem(4).value", "900"); | |
| 106 shouldThrow("text2.x.baseVal.getItem(5)"); | |
| 107 | |
| 108 var newLength2 = svg.createSVGLength(); | |
| 109 newLength2.value = 150; | |
| 110 shouldBe("newLength2.value", "150"); | |
| 111 shouldBeUndefined("text1.x.baseVal.clear()"); | |
| 112 | |
| 113 debug(""); | |
| 114 debug("Shuffle around items in text1 and text2 list using appendItem, to get x=50,100,150,... in both lists"); | |
| 115 shouldBe("text1.x.baseVal.appendItem(text2.x.baseVal.getItem(0)).value", "50 "); | |
| 116 shouldBe("text1.x.baseVal.appendItem(text2.x.baseVal.getItem(1)).value", "10 0"); | |
| 117 shouldBe("text1.x.baseVal.appendItem(newLength2).value", "150"); | |
| 118 shouldBeUndefined("text2.x.baseVal.clear()"); | |
| 119 shouldBe("text2.x.baseVal.appendItem(text1.x.baseVal.getItem(0)).value", "50 "); | |
| 120 shouldBe("text2.x.baseVal.appendItem(text1.x.baseVal.getItem(1)).value", "10 0"); | |
| 121 shouldBe("text2.x.baseVal.appendItem(text1.x.baseVal.getItem(2)).value", "15 0"); | |
| 122 shouldBe("text1.x.baseVal.numberOfItems", "3"); | |
| 123 shouldBe("text1.x.baseVal.getItem(0).value", "50"); | |
| 124 shouldBe("text1.x.baseVal.getItem(1).value", "100"); | |
| 125 shouldBe("text1.x.baseVal.getItem(2).value", "150"); | |
| 126 shouldThrow("text1.x.baseVal.getItem(4)"); | |
| 127 shouldBe("text2.x.baseVal.numberOfItems", "3"); | |
| 128 shouldBe("text2.x.baseVal.getItem(0).value", "50"); | |
| 129 shouldBe("text2.x.baseVal.getItem(1).value", "100"); | |
| 130 shouldBe("text2.x.baseVal.getItem(2).value", "150"); | |
| 131 shouldThrow("text2.x.baseVal.getItem(6)"); | |
| 132 | |
| 133 debug(""); | |
| 134 debug("The test passes if you only see 'PASS' messages, and all three text e lements on top look the same"); | |
|
Srirama
2016/09/14 14:05:33
This is expecting the 3 text elements to be render
fs
2016/09/14 15:14:35
Since this test would've been completed before 'lo
Shanmuga Pandi
2016/09/15 06:18:18
Acknowledged.
| |
| 135 debug(""); | |
| 136 | |
| 137 ]]> | |
| 138 </script> | |
| 139 </body> | |
| 140 </html> | |
| OLD | NEW |