| Index: third_party/WebKit/LayoutTests/accessibility/image-inside-link.html
|
| diff --git a/third_party/WebKit/LayoutTests/accessibility/image-inside-link.html b/third_party/WebKit/LayoutTests/accessibility/image-inside-link.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..3f543ec0ebb14ff9897497b7602410add7725d93
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/accessibility/image-inside-link.html
|
| @@ -0,0 +1,87 @@
|
| +<!DOCTYPE html>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +
|
| +<div id="wrapper1">
|
| + <a href="#"><img id="img1" alt="Delicious cake" src="resources/cake.png"></a>
|
| +</div>
|
| +
|
| +<script>
|
| +async_test(function(t)
|
| +{
|
| + var axImg = accessibilityController.accessibleElementById("img1");
|
| + axImg.addNotificationListener(function(notification) {
|
| + if (notification == 'Clicked') {
|
| + document.getElementById("wrapper1").style.display = "none";
|
| + t.done();
|
| + }
|
| + });
|
| +
|
| + var img = document.getElementById("img1");
|
| + img.addEventListener("click", function(e)
|
| + {
|
| + img.title = "clicked";
|
| + });
|
| + img.click();
|
| +}, "clicking an image via javascript sends an accessible click event");
|
| +</script>
|
| +
|
| +<div id="wrapper2">
|
| + <a href="#"><img id="img2" alt="Delicious cake" src="resources/cake.png"></a>
|
| +</div>
|
| +
|
| +<script>
|
| +async_test(function(t)
|
| +{
|
| + var axImg = accessibilityController.accessibleElementById("img2");
|
| + axImg.addNotificationListener(function(notification) {
|
| + if (notification == 'Clicked') {
|
| + document.getElementById("wrapper2").style.display = "none";
|
| + t.done();
|
| + }
|
| + });
|
| +
|
| + var img = document.getElementById("img2");
|
| + img.addEventListener("click", function(e)
|
| + {
|
| + img.title = "clicked";
|
| + });
|
| + eventSender.mouseMoveTo(axImg.x + 10, axImg.y + 10);
|
| + eventSender.mouseDown();
|
| + eventSender.mouseUp();
|
| +}, "clicking an image via mouse events sends an accessible click event");
|
| +</script>
|
| +
|
| +<div id="wrapper4">
|
| + <a href="#"><img id="img4" alt="Delicious cake" src="resources/cake.png"></a>
|
| +</div>
|
| +
|
| +<script>
|
| +async_test(function(t)
|
| +{
|
| + var axEvent = false;
|
| + var domEvent = false;
|
| + var clickEventHandler = function(e)
|
| + {
|
| + if (e == 'Clicked')
|
| + axEvent = true;
|
| +
|
| + // "which" is a known property on MouseEvent objects.
|
| + if (e.which) {
|
| + img.title = "clicked";
|
| + domEvent = true;
|
| + }
|
| +
|
| + if (axEvent && domEvent) {
|
| + document.getElementById("wrapper4").style.display = "none";
|
| + t.done();
|
| + }
|
| + };
|
| +
|
| + var axImg = accessibilityController.accessibleElementById("img4");
|
| + axImg.addNotificationListener(clickEventHandler);
|
| + var img = document.getElementById("img4");
|
| + img.addEventListener("click", clickEventHandler);
|
| + axImg.press();
|
| +}, "clicking an image via accessibility sends both an accessible and a DOM click event");
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2030413002:
Make click targets inside links work. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master