mirror of
https://github.com/RGBCube/serenity
synced 2025-10-31 17:02:45 +00:00
94c67c364d
When an <input type=image> button is clicked, we now send the (x,y) coordinates of the click event (relative to the image) along with the form submission data. Regarding the text test, we can currently only test this feature with dialogs. The headless-browser test infrastructure cannot yet handle the resulting navigation that would occur if we were to test with normal form submission.
34 lines
947 B
HTML
34 lines
947 B
HTML
<head>
|
|
<!--
|
|
These style rules ensure the (x,y) coordinates clicked below are the same as the resulting
|
|
coordinates in the form submission event.
|
|
-->
|
|
<style type="text/css">
|
|
dialog {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<dialog id="dialog" open>
|
|
<form id="form" method="dialog">
|
|
<input value="well hello friends!" />
|
|
<input id="image" type="image" src="../../../Layout/input/120.png" />
|
|
</form>
|
|
</dialog>
|
|
<script src="../include.js"></script>
|
|
<script>
|
|
asyncTest(done => {
|
|
let dialog = document.getElementById("dialog");
|
|
let image = document.getElementById("image");
|
|
|
|
dialog.addEventListener("close", e => {
|
|
println(dialog.returnValue);
|
|
done();
|
|
});
|
|
|
|
const imageRect = image.getBoundingClientRect();
|
|
internals.click(imageRect.x + 10, imageRect.y + 20);
|
|
});
|
|
</script>
|