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

Side by Side Diff: third_party/WebKit/LayoutTests/svg/css/cursor-hotspot-override-from-css.html

Issue 2522443002: Remove SVGCursorElement (Closed)
Patch Set: Rebase Created 4 years 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
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <script src="../../resources/testharness.js"></script>
3 <script src="../../resources/testharnessreport.js"></script>
4 <svg xmlns="http://www.w3.org/2000/svg"
5 xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0">
6 <rect id="rectWithCursorWithXYOnSVGOnly" style="cursor:url(#cursorWithXY), a uto;" x="50" y="50" width="100" height="100" fill="green" />
7 <rect id="rectWithCursorWithXYOnSVGAndCSS" style="cursor:url(#cursorWithXY) 30 40, auto;" x="200" y="50" width="100" height="100" fill="green" />
8 <rect id="rectWithCursorWithXYInCSSOnly" style="cursor:url(#cursorWithNoXY) 30 40, auto;" x="350" y="50" width="100" height="100" fill="green" />
9 <rect id="rectWithCursorWithNoXY" style="cursor:url(#cursorWithNoXY), auto;" x="500" y="50" width="100" height="100" fill="green" />
10 <cursor id="cursorWithNoXY" xlink:href="file:///icon1.ico" />
11 <cursor id="cursorWithXY" xlink:href="file:///icon1.ico" x="10" y="20" />
12 </svg>
13 <script>
14 test(function() {
15 // From the CSS3 UI spec:
16 // If the values are unspecified, then the intrinsic hotspot defined inside the image resource itself is used.
17 assert_equals(rectWithCursorWithXYOnSVGOnly.style.cursor, 'url("#cursorWithX Y"), auto');
18 assert_equals(getComputedStyle(rectWithCursorWithXYOnSVGOnly).cursor, 'url(" file:///icon1.ico") 10 20, auto');
19 }, "Setting the hotspot on the SVG and not CSS");
20
21 test(function() {
22 assert_equals(rectWithCursorWithXYOnSVGAndCSS.style.cursor, 'url("#cursorWit hXY") 30 40, auto');
23 assert_equals(getComputedStyle(rectWithCursorWithXYOnSVGAndCSS).cursor, 'url ("file:///icon1.ico") 30 40, auto');
24 }, "Setting the hotspot in both CSS and SVG");
25
26 test(function() {
27 assert_equals(rectWithCursorWithXYInCSSOnly.style.cursor, 'url("#cursorWithN oXY") 30 40, auto');
28 assert_equals(getComputedStyle(rectWithCursorWithXYInCSSOnly).cursor, 'url(" file:///icon1.ico") 30 40, auto');
29 }, "Setting the hotspot in CSS but not the SVG");
30
31 test(function() {
32 // From the CSS3 UI spec:
33 // If both the values are unspecific and the referenced cursor has no define d hotspot, the effect is as if a value of "0 0" were specified.
34 assert_equals(rectWithCursorWithNoXY.style.cursor, 'url("#cursorWithNoXY"), auto');
35 assert_equals(getComputedStyle(rectWithCursorWithNoXY).cursor, 'url("file:// /icon1.ico") 0 0, auto');
36 }, "Not setting the hotspot");
37 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698