b3c36d6daec2dd1353c7cc8bdd49f0685667e981
[WebKit-https.git] / LayoutTests / fast / css / cursor-parsing.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <script src="../../resources/js-test-pre.js"></script>
5 </head>
6 <body>
7 <p id="description"></p>
8 <div id="console"></div>
9 <script>
10 description("Test the parsing of the cursor property.");
11
12 function makeCursorRule(rule)
13 {
14     return "cursor: " + rule + ";";
15 }
16
17 function testCursorRule(rule)
18 {
19     var cssText = makeCursorRule(rule);
20     shouldBeEqualToString('roundtripCssRule("' + cssText + '")', cssText);
21 }
22
23 function testInvalidCursorRule(rule)
24 {
25     shouldBeEqualToString('roundtripCssRule("' + makeCursorRule(rule) + '")', '');
26 }
27
28 function roundtripCssRule(cssText)
29 {
30     var div = document.createElement("div");
31     div.setAttribute("style", cssText);
32     document.body.appendChild(div);
33     var result = div.style.cssText;
34     document.body.removeChild(div);
35     return result;
36 }
37
38 // Note that any absolute URL will suffice for these tests (can't use relative URLs
39 // since they'll be converted to absolute form in the output).  I chose file URLs just
40 // to avoid triggering any network activity.
41
42 debug('Test a bunch of cursor rules which should round-trip exactly.');
43 testCursorRule('auto');
44 testCursorRule('none');
45 testCursorRule('copy');
46 testCursorRule('-webkit-grabbing');
47 testCursorRule('url(file:///foo.png)');   //  IE compatibility 
48 testCursorRule('url(file:///foo.png), crosshair');
49 testCursorRule('url(file:///foo.png), url(file:///foo2.png), pointer');
50 testCursorRule('url(file:///foo.png) 12 3, pointer');
51 testCursorRule('url(file:///foo.png) 0 0, pointer');
52 testCursorRule('url(file:///foo.png) 12 3, url(file:///foo2.png), url(file:///foo3.png) 6 7, crosshair');
53 testCursorRule('url(file:///foo.png) -2 3, pointer');
54 testCursorRule('url(file:///foo.png) 2 -3, pointer');
55 testCursorRule('url(file:///foo.png) -1 -1, pointer');
56
57 debug('');
58 debug('Test a bunch of invalid cursor rules which shouldn\'t parse at all.');
59 testInvalidCursorRule('nonexistent');
60 testInvalidCursorRule('ltr');
61 testInvalidCursorRule('inline');
62 testInvalidCursorRule('url(file:///foo.png), url(file:///foo2.png)');
63 testInvalidCursorRule('url(file:///foo.png) 12');
64 testInvalidCursorRule('url(file:///foo.png) 12 3 5');
65 testInvalidCursorRule('url(file:///foo.png) x y');
66 testInvalidCursorRule('url(file:///foo.png) auto');
67
68 successfullyParsed = true;
69 </script>
70 <script src="../../resources/js-test-post.js"></script>
71 </body>
72 </html>