| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>required/optional CSS pseudoclasses part 5</title> | 3 <title>required/optional CSS pseudoclasses part 5</title> |
| 4 <script src="../../fast/js/resources/js-test-pre.js"></script> | 4 <script src="../../fast/js/resources/js-test-pre.js"></script> |
| 5 <style> | 5 <style> |
| 6 input:optional { background: lime; } | 6 input:optional { background: lime; } |
| 7 input { background: red; } | 7 input { background: red; } |
| 8 input:required { background: red; } | 8 input:required { background: red; } |
| 9 </style> | 9 </style> |
| 10 </head> | 10 </head> |
| 11 <body> | 11 <body> |
| 12 <input id="range" type="range" required/> | 12 <input id="range" type="range" required/> |
| 13 <input id="submit" type="submit" required/> | 13 <input id="submit" type="submit" required/> |
| 14 <input id="image" type="image" required/> | 14 <input id="image" type="image" required/> |
| 15 <input id="reset" type="reset" required/> | 15 <input id="reset" type="reset" required/> |
| 16 <input id="button" type="button" required/> | 16 <input id="button" type="button" required/> |
| 17 <script language="JavaScript" type="text/javascript"> | 17 <script language="JavaScript" type="text/javascript"> |
| 18 function isOptional(id) { | 18 function isOptional(id) { |
| 19 return document.defaultView.getComputedStyle(document.getElementById(id), nu
ll).getPropertyValue('background-color') == "rgb(0, 255, 0)" | 19 return document.defaultView.getComputedStyle(document.getElementById(id), nu
ll).getPropertyValue('background-color') == "rgb(0, 255, 0)" |
| 20 } | 20 } |
| 21 description('This test checks the CSS pseudoclasses for input types.'); | 21 description('This test checks the CSS pseudoclasses for input types.'); |
| 22 shouldBeTrue('isOptional("range")'); | 22 shouldBeTrue('isOptional("range")'); |
| 23 shouldBeTrue('isOptional("submit")'); | 23 shouldBeTrue('isOptional("submit")'); |
| 24 shouldBeTrue('isOptional("image")'); | 24 shouldBeTrue('isOptional("image")'); |
| 25 shouldBeTrue('isOptional("reset")'); | 25 shouldBeTrue('isOptional("reset")'); |
| 26 shouldBeTrue('isOptional("button")'); | 26 shouldBeTrue('isOptional("button")'); |
| 27 </script> | 27 </script> |
| 28 <script src="../../fast/js/resources/js-test-post.js"></script> | |
| 29 </body> | 28 </body> |
| 30 </html> | 29 </html> |
| OLD | NEW |