test_color.html (1311B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>nsIAccessible value testing for input@type=color element</title> 5 <link rel="stylesheet" type="text/css" 6 href="chrome://mochikit/content/tests/SimpleTest/test.css" /> 7 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script> 8 9 <script src="../common.js"></script> 10 <script src="../promisified-events.js"></script> 11 12 <script type="application/javascript"> 13 async function doTest() { 14 const colorNode = getNode("color"); 15 const color = getAccessible(colorNode); 16 17 colorNode.value = "#ff0000"; 18 is(color.value, "100% red 0% green 0% blue"); 19 colorNode.value = "#004000"; 20 is(color.value, "0% red 25% green 0% blue"); 21 colorNode.value = "#000080"; 22 is(color.value, "0% red 0% green 50% blue"); 23 colorNode.value = "#000000"; 24 is(color.value, "0% red 0% green 0% blue");; 25 colorNode.value = "#4080ff"; 26 is(color.value, "25% red 50% green 100% blue"); 27 28 SimpleTest.finish(); 29 } 30 31 SimpleTest.waitForExplicitFinish(); 32 addA11yLoadEvent(doTest); 33 </script> 34 </head> 35 <body> 36 <p id="display"></p> 37 <div id="content" style="display: none"> 38 </div> 39 <pre id="test"> 40 </pre> 41 42 <!-- HTML5 input@type=color element --> 43 <input type="color" id="color"> 44 </body> 45 </html>