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

Side by Side Diff: LayoutTests/svg/zoom/xy-getcomputedstyle.html

Issue 947983002: Move zoom handling for x and y properties to svg (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: move function Created 5 years, 10 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
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/transitions/svg-layout-transition-zoom.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!doctype html>
2 <html>
3 <title>Test computed style on x and y properties</title>
4 <script src="../../resources/testharness.js"></script>
5 <script src="../../resources/testharnessreport.js"></script>
6 <svg xmlns="http://www.w3.org/2000/svg" height="32" width="32">
7 <defs>
8 <circle id="circle" cx="50" cy="60" r="32"/>
9 </defs>
10 <rect class="test" x="37px" y="50%" width="100" height="100"/>
11 <use class="test" x="17" y="51mm" xlink:href="#circle"/>
12 <svg class="test" x="22%" y="4cm" width="100" height="100"/>
13 <pattern class="test" x="27px" y="2in" width="100" height="100"/>
14 <mask class="test" x="15pc" y="27pt"/>
15 <image class="test" y="57"/>
16 <foreignObject class="test" x="32%" y="1"/>
17 </svg>
18 <script>
19 var elms = document.querySelectorAll(".test");
20 var attrs = [ "x", "y" ];
21 var expected = [
22 [ "37px", "50%" ],
23 [ "17px", "192.755905151367px" ],
24 [ "22%", "151.181106567383px" ],
25 [ "27px", "192px" ],
26 [ "240px", "36px" ],
27 [ "0px", "57px" ],
28 [ "32%", "1px" ],
29 ];
30
31 function runTestsWithZoom(zoomLevel) {
32 document.querySelector("svg").setAttribute("style", "zoom: " + z oomLevel);
33 for (var i = 0; i < elms.length; i++) {
34 var style = getComputedStyle(elms[i]);
35 for (var j = 0; j < attrs.length; j++) {
36 test(function() {
37 assert_equals(style.getPropertyValue(att rs[j]), expected[i][j]);
38 }, "zoom=" + zoomLevel + ": " + elms[i].localNam e + " getPropertyValue(" + attrs[j] + ")");
39 test(function() {
40 assert_equals(style[attrs[j]], expected[ i][j]);
41 }, "zoom=" + zoomLevel + ": " +elms[i].localName + " style." + attrs[j]);
42 }
43 }
44 }
45
46 runTestsWithZoom(1);
47 runTestsWithZoom(2);
48 </script>
49 </html>
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/transitions/svg-layout-transition-zoom.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698