| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <head> | 2 <head> |
| 3 <title>Canvas test: drawSystemFocusRing</title> | 3 <title>Canvas test: drawSystemFocusRing</title> |
| 4 <script src="../js/resources/js-test-pre.js"></script> | 4 <script src="../js/resources/js-test-pre.js"></script> |
| 5 </head> | 5 </head> |
| 6 <body style="padding: 0; margin: 0"> | 6 <body style="padding: 0; margin: 0"> |
| 7 <canvas id="canvas" class="output" width="300" height="350"> | 7 <canvas id="canvas" class="output" width="300" height="350"> |
| 8 <button id="button1"></button> | 8 <button id="button1"></button> |
| 9 <button id="button2"></button> | 9 <button id="button2"></button> |
| 10 </canvas> | 10 </canvas> |
| 11 <script> | 11 <script> |
| 12 if (window.testRunner) | 12 if (window.testRunner) |
| 13 testRunner.dumpAsText(false); | 13 testRunner.dumpAsText(); |
| 14 | 14 |
| 15 document.getElementById("button1").focus(); | 15 document.getElementById("button1").focus(); |
| 16 | 16 |
| 17 var canvas = document.getElementById("canvas").getContext("2d"); | 17 var canvas = document.getElementById("canvas").getContext("2d"); |
| 18 canvas.beginPath(); | 18 canvas.beginPath(); |
| 19 canvas.rect(50, 50, 200, 100); | 19 canvas.rect(50, 50, 200, 100); |
| 20 canvas.fillStyle = "#ccf"; | 20 canvas.fillStyle = "#ccf"; |
| 21 canvas.fill(); | 21 canvas.fill(); |
| 22 canvas.drawSystemFocusRing(document.getElementById("button1")); | 22 canvas.drawSystemFocusRing(document.getElementById("button1")); |
| 23 | 23 |
| 24 canvas.beginPath(); | 24 canvas.beginPath(); |
| 25 canvas.rect(50, 200, 200, 100); | 25 canvas.rect(50, 200, 200, 100); |
| 26 canvas.fillStyle = "#cfc"; | 26 canvas.fillStyle = "#cfc"; |
| 27 canvas.fill(); | 27 canvas.fill(); |
| 28 canvas.drawSystemFocusRing(document.getElementById("button2")); | 28 canvas.drawSystemFocusRing(document.getElementById("button2")); |
| 29 | 29 |
| 30 // The top rect"s focus ring is tied to button1, which is focused. | 30 // The top rect"s focus ring is tied to button1, which is focused. |
| 31 // It should have an outline in some color other than the background color. | 31 // It should have an outline in some color other than the background color. |
| 32 var imageData = canvas.getImageData(49, 50, 1, 1); | 32 var imageData = canvas.getImageData(49, 50, 1, 1); |
| 33 var data = imageData.data; | 33 var data = imageData.data; |
| 34 shouldBe("data[0] != 0 || data[1] != 0 || data[2] != 0", "true"); | 34 shouldBe("data[0] != 0 || data[1] != 0 || data[2] != 0", "true"); |
| 35 | 35 |
| 36 // The bottom rect"s focus ring is tied to button2, which is not focused. | 36 // The bottom rect"s focus ring is tied to button2, which is not focused. |
| 37 imageData = canvas.getImageData(49, 200, 1, 1); | 37 imageData = canvas.getImageData(49, 200, 1, 1); |
| 38 data = imageData.data; | 38 data = imageData.data; |
| 39 shouldBe("data[0] == 0 && data[1] == 0 && data[2] == 0", "true"); | 39 shouldBe("data[0] == 0 && data[1] == 0 && data[2] == 0", "true"); |
| 40 </script> | 40 </script> |
| 41 <script src="../js/resources/js-test-post.js"></script> | 41 <script src="../js/resources/js-test-post.js"></script> |
| 42 </body> | 42 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 24438004:
Rename testRunner.dumpAsText(true) to testRunner.dumpAsTextWithPixelResults() (Closed)
Base URL: svn://svn.chromium.org/blink/trunk