Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(244)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove duplicate transform Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« LayoutTests/fast/repaint/resources/default.css ('K') | « LayoutTests/svg/custom/svg-root-with-opacity-expected.html ('k') | LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt » ('j') | LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="resources/SVGTestCase.js"></script> 4 <script src="resources/SVGTestCase.js"></script>
5 <script src="../../resources/js-test.js"></script> 5 <script src="../../resources/js-test.js"></script>
6 <style type="text/css" media="screen"> 6 <style type="text/css" media="screen">
7 .column { 7 .column {
8 margin: 10px; 8 margin: 10px;
9 display: inline-block; 9 display: inline-block;
10 vertical-align: top; 10 vertical-align: top;
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after
106 var rect1 = document.getElementById("rect1"); 106 var rect1 = document.getElementById("rect1");
107 var rect2 = document.getElementById("rect2"); 107 var rect2 = document.getElementById("rect2");
108 var rect3 = document.getElementById("rect3"); 108 var rect3 = document.getElementById("rect3");
109 var rect4 = document.getElementById("rect4"); 109 var rect4 = document.getElementById("rect4");
110 var rect5 = document.getElementById("rect5"); 110 var rect5 = document.getElementById("rect5");
111 111
112 var wrapper = document.getElementById("wrapper"); 112 var wrapper = document.getElementById("wrapper");
113 113
114 debug(""); 114 debug("");
115 debug("Transform via style attribute"); 115 debug("Transform via style attribute");
116 rect1.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)"); 116 rect1.setAttribute("style", "transform: translate(100px, 25px) scale(2) rotate(4 5deg)");
117 117
118 shouldBeEqualToString("rect1.style.webkitTransform", "translate(100px, 25px) sca le(2) rotate(45deg)"); 118 shouldBeEqualToString("rect1.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)");
119 shouldBeEqualToString("dumpMatrix(rect1.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]"); 119 shouldBeEqualToString("dumpMatrix(rect1.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]");
120 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransfor m))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); 120 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect1.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");
121 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect1.style.webkitTransform))", "dumpMa trix(rect1.getCTM())"); 121 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect1.style.transform))", "dumpMatrix(r ect1.getCTM())");
122 shouldBe("rect1.transform.baseVal.numberOfItems", "0"); 122 shouldBe("rect1.transform.baseVal.numberOfItems", "0");
123 shouldBeNull("rect1.getAttribute('transform')"); 123 shouldBeNull("rect1.getAttribute('transform')");
124 124
125 125
126 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[0.0 1.0 -1.0 0.0 1000.0 10 00.0]"); 126 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[0.0 1.0 -1.0 0.0 1000.0 10 00.0]");
127 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransfor m))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); 127 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.0 0.0 0.0 1.0 0.0 0.0]");
128 128
129 rect2.setAttribute("style", "-webkit-transform: translate(100px, 25px) scale(2) rotate(45deg)"); 129 rect2.setAttribute("style", "transform: translate(100px, 25px) scale(2) rotate(4 5deg)");
130 130
131 shouldBeEqualToString("rect2.style.webkitTransform", "translate(100px, 25px) sca le(2) rotate(45deg)"); 131 shouldBeEqualToString("rect2.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)");
132 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]"); 132 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]");
133 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransfor m))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); 133 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");
134 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransform))", "dumpMa trix(rect2.getCTM())"); 134 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "dumpMatrix(r ect2.getCTM())");
135 shouldBe("rect2.transform.baseVal.numberOfItems", "2"); 135 shouldBe("rect2.transform.baseVal.numberOfItems", "2");
136 shouldBeEqualToString("rect2.getAttribute('transform')", "translate(1000, 1000) rotate(90)"); 136 shouldBeEqualToString("rect2.getAttribute('transform')", "translate(1000, 1000) rotate(90)");
137 shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(0))", "type =SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"); 137 shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(0))", "type =SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]");
138 shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(1))", "type =SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]"); 138 shouldBeEqualToString("dumpTransform(rect2.transform.baseVal.getItem(1))", "type =SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]");
139 139
140 debug(""); 140 debug("");
141 debug("Transform via CSS"); 141 debug("Transform via CSS");
142 rect3.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; 142 rect3.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)";
143 143
144 shouldBeEqualToString("rect3.style.webkitTransform", "translate(100px, 25px) sca le(2) rotate(45deg)"); 144 shouldBeEqualToString("rect3.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)");
145 shouldBeEqualToString("dumpMatrix(rect3.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]"); 145 shouldBeEqualToString("dumpMatrix(rect3.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]");
146 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransfor m))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); 146 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect3.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");
147 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect3.style.webkitTransform))", "dumpMa trix(rect3.getCTM())"); 147 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect3.style.transform))", "dumpMatrix(r ect3.getCTM())");
148 shouldBe("rect3.transform.baseVal.numberOfItems", "0"); 148 shouldBe("rect3.transform.baseVal.numberOfItems", "0");
149 shouldBeNull("rect3.getAttribute('transform')"); 149 shouldBeNull("rect3.getAttribute('transform')");
150 150
151 151
152 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]"); 152 shouldBeEqualToString("dumpMatrix(rect2.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]");
153 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.webkitTransfor m))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); 153 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect2.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");
154 154
155 rect4.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; 155 rect4.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)";
156 156
157 shouldBeEqualToString("rect4.style.webkitTransform", "translate(100px, 25px) sca le(2) rotate(45deg)"); 157 shouldBeEqualToString("rect4.style.transform", "translate(100px, 25px) scale(2) rotate(45deg)");
158 shouldBeEqualToString("dumpMatrix(rect4.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]"); 158 shouldBeEqualToString("dumpMatrix(rect4.getCTM())", "[1.4 1.4 -1.4 1.4 100.0 25. 0]");
159 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransfor m))", "[1.4 1.4 -1.4 1.4 100.0 25.0]"); 159 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect4.style.transform))", "[1.4 1.4 -1.4 1.4 100.0 25.0]");
160 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect4.style.webkitTransform))", "dumpMa trix(rect4.getCTM())"); 160 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect4.style.transform))", "dumpMatrix(r ect4.getCTM())");
161 shouldBe("rect4.transform.baseVal.numberOfItems", "2"); 161 shouldBe("rect4.transform.baseVal.numberOfItems", "2");
162 shouldBeEqualToString("rect4.getAttribute('transform')", "translate(1000, 1000) rotate(90)"); 162 shouldBeEqualToString("rect4.getAttribute('transform')", "translate(1000, 1000) rotate(90)");
163 shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(0))", "type =SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]"); 163 shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(0))", "type =SVG_TRANSFORM_TRANSLATE matrix=[1.0 0.0 0.0 1.0 1000.0 1000.0]");
164 shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(1))", "type =SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]"); 164 shouldBeEqualToString("dumpTransform(rect4.transform.baseVal.getItem(1))", "type =SVG_TRANSFORM_ROTATE matrix=[0.0 1.0 -1.0 0.0 0.0 0.0]");
165 165
166 debug(""); 166 debug("");
167 debug("Transform on wrapper div"); 167 debug("Transform on wrapper div");
168 wrapper.style.webkitTransform = "translate(100px, 25px) scale(2) rotate(45deg)"; 168 wrapper.style.transform = "translate(100px, 25px) scale(2) rotate(45deg)";
169 shouldBeEqualToString("rect5.style.webkitTransform", ""); 169 shouldBeEqualToString("rect5.style.transform", "");
170 shouldBeEqualToString("dumpMatrix(rect5.getCTM())", "[1.0 0.0 0.0 1.0 0.0 0.0]") ; 170 shouldBeEqualToString("dumpMatrix(rect5.getCTM())", "[1.0 0.0 0.0 1.0 0.0 0.0]") ;
171 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransfor m))", "[1.0 0.0 0.0 1.0 0.0 0.0]"); 171 shouldBeEqualToString("dumpMatrix(new WebKitCSSMatrix(rect5.style.transform))", "[1.0 0.0 0.0 1.0 0.0 0.0]");
172 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect5.style.webkitTransform))", "dumpMa trix(rect5.getCTM())"); 172 shouldBe("dumpMatrix(new WebKitCSSMatrix(rect5.style.transform))", "dumpMatrix(r ect5.getCTM())");
173 shouldBe("rect5.transform.baseVal.numberOfItems", "0"); 173 shouldBe("rect5.transform.baseVal.numberOfItems", "0");
174 shouldBeNull("rect5.getAttribute('transform')"); 174 shouldBeNull("rect5.getAttribute('transform')");
175 175
176 debug(""); 176 debug("");
177 var successfullyParsed = true; 177 var successfullyParsed = true;
178 afterTest(); 178 afterTest();
179 </script> 179 </script>
180 </body> 180 </body>
181 </html> 181 </html>
OLDNEW
« LayoutTests/fast/repaint/resources/default.css ('K') | « LayoutTests/svg/custom/svg-root-with-opacity-expected.html ('k') | LayoutTests/svg/dynamic-updates/SVG-dynamic-css-transform-expected.txt » ('j') | LayoutTests/transforms/3d/hit-testing/overlapping-layers-hit-test.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698