LayoutTests/fast/canvas/draw-system-focus-ring.html - Issue 19786002: Implement canvas focus ring methods.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/fast/canvas/draw-system-focus-ring.html

Issue 19786002: Implement canvas focus ring methods. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Remove unused IntRect array Created 7 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE HTML>

	2 <head>

	3 <title>Canvas test: drawSystemFocusRing</title>

	4 <script src="../js/resources/js-test-pre.js"></script>

	5 </head>

	6 <body style="padding: 0; margin: 0">

	7 <canvas id="canvas" class="output" width="300" height="350">

	8 <button id="button1"></button>

	9 <button id="button2"></button>

	10 </canvas>

	11 <script>

	12 if (window.testRunner)

	13 testRunner.dumpAsText(false);

	14

	15 document.getElementById("button1").focus();

	16

	17 var canvas = document.getElementById("canvas").getContext("2d");

	18 canvas.beginPath();

	19 canvas.rect(50, 50, 200, 100);

	20 canvas.fillStyle = "#ccf";

	21 canvas.fill();

	22 canvas.drawSystemFocusRing(document.getElementById("button1"));

	23

	24 canvas.beginPath();

	25 canvas.rect(50, 200, 200, 100);

	26 canvas.fillStyle = "#cfc";

	27 canvas.fill();

	28 canvas.drawSystemFocusRing(document.getElementById("button2"));

	29

	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.

	32 var imageData = canvas.getImageData(49, 50, 1, 1);

	33 var data = imageData.data;

	34 shouldBe("data[0] != 0 \|\| data[1] != 0 \|\| data[2] != 0", "true");

	35

	36 // The bottom rect"s focus ring is tied to button2, which is not focused.

	37 imageData = canvas.getImageData(49, 200, 1, 1);

	38 data = imageData.data;

	39 shouldBe("data[0] == 0 && data[1] == 0 && data[2] == 0", "true");

	40 </script>

	41 <script src="../js/resources/js-test-post.js"></script>

	42 </body>

OLD	NEW