Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(20)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/canvas/canvas-hit-regions-clear-test.html

Issue 300223009: Implement basic parts of hit regions on canvas2d. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: add clip tests Created 6 years, 6 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:
View side-by-side diff with in-line comments
Download patch
« LayoutTests/fast/canvas/canvas-hit-regions-accessibility-test.html ('K') | « LayoutTests/fast/canvas/canvas-hit-regions-basic-test-expected.txt ('k') | LayoutTests/fast/canvas/canvas-hit-regions-clear-test-expected.txt » ('j') | Source/core/accessibility/AXNodeObject.cpp » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/canvas/canvas-hit-regions-clear-test.html
diff --git a/LayoutTests/fast/canvas/canvas-hit-regions-clear-test.html b/LayoutTests/fast/canvas/canvas-hit-regions-clear-test.html
new file mode 100644
index 0000000000000000000000000000000000000000..571fcd03a3871aa8362f3d00e14ffc21ff326af8
--- /dev/null
+++ b/LayoutTests/fast/canvas/canvas-hit-regions-clear-test.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Canvas Hit Regions: clear test</title>
+ <script src="../../resources/js-test.js"></script>
+</head>
+<body>
+<canvas id="canvas" width="400" height="400">
+ <button id="yellow"></button>
+</canvas>
+<script>
+
+ var canvas = document.getElementById("canvas");
+ var context = canvas.getContext("2d");
+
+ function clickCanvas(x, y)
+ {
+ if (!window.eventSender)
+ return "This test requires eventSender";
+
+ var result = null;
+ function listener(event)
+ {
+ result = event.region;
+ }
+
+ var rect = canvas.getBoundingClientRect();
+ canvas.addEventListener("click", listener, false);
+ eventSender.mouseMoveTo(rect.left + x, rect.top + y);
+ eventSender.mouseDown();
+ eventSender.mouseUp();
+ canvas.removeEventListener("click", listener, false);
+
+ return result;
+ }
+
+ shouldBe("internals.countHitRegions(context)", "0");
+
+ context.fillStyle = "red";
+ context.rect(0, 0, 100, 100);
+ context.fill();
+ context.addHitRegion({ id : "red" });
+ shouldBe("internals.countHitRegions(context)", "1");
+
+ context.beginPath();
+ context.fillStyle = "yellow";
+ context.rect(100, 100, 50, 50);
+ context.fill();
+ context.addHitRegion({ id : "yellow", control : document.getElementById("yellow") });
+ shouldBe("internals.countHitRegions(context)", "2");
+
+ shouldBe("clickCanvas(60, 60)", "'red'");
+ shouldBe("clickCanvas(120, 120)", "'yellow'");
+
+ context.clearRect(50, 50, 50, 50);
+ shouldBe("internals.countHitRegions(context)", "2");
+ shouldBe("clickCanvas(60, 60)", "null");
+ shouldBe("clickCanvas(120, 120)", "'yellow'");
+
+ context.clearRect(100, 100, 50, 50);
+ shouldBe("internals.countHitRegions(context)", "1");
+ shouldBe("clickCanvas(120, 120)", "null");
+
+ context.beginPath();
+ context.fillStyle = "red";
+ context.rect(60, 60, 40, 40);
+ context.fill();
+ shouldBe("clickCanvas(40, 40)", "'red'");
+ context.addHitRegion({ id : "red" });
+ shouldBe("internals.countHitRegions(context)", "1");
+ shouldBe("clickCanvas(62, 62)", "'red'");
+ shouldBe("clickCanvas(40, 40)", "null");
+
+ context.beginPath();
+ context.fillStyle = "yellow";
+ context.rect(0, 0, 50, 50);
+ context.fill();
+ context.addHitRegion({ id : "yellow", control : document.getElementById("yellow") });
+ shouldBe("internals.countHitRegions(context)", "2");
+ shouldBe("clickCanvas(40, 40)", "'yellow'");
+
+ context.beginPath();
+ context.fillStyle = "yellow";
+ context.rect(100, 0, 50, 50);
+ context.fill();
+ context.addHitRegion({ control : document.getElementById("yellow") });
+ shouldBe("internals.countHitRegions(context)", "2");
+ shouldBe("clickCanvas(40, 40)", "null");
+ shouldBe("clickCanvas(101, 1)", "null");
+
+ context.beginPath();
+ context.fillStyle = "blue";
+ context.rect(100, 50, 20, 20);
+ context.fill();
+ context.addHitRegion({ id : "blue" });
+ shouldBe("internals.countHitRegions(context)", "3");
+ shouldBe("clickCanvas(101, 51)", "'blue'");
+
+ context.removeHitRegion("blue");
+ shouldBe("internals.countHitRegions(context)", "2");
+ shouldBe("clickCanvas(101, 51)", "null");
+
+ context.clearHitRegions();
+ shouldBe("internals.countHitRegions(context)", "0");
+ shouldBe("clickCanvas(62, 62)", "null");
+
+ context.clearRect(0, 0, 400, 400);
+ shouldBe("internals.countHitRegions(context)", "0");
+
+ debug("");
+
+</script>
+</body>
+</html>
« LayoutTests/fast/canvas/canvas-hit-regions-accessibility-test.html ('K') | « LayoutTests/fast/canvas/canvas-hit-regions-basic-test-expected.txt ('k') | LayoutTests/fast/canvas/canvas-hit-regions-clear-test-expected.txt » ('j') | Source/core/accessibility/AXNodeObject.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698