56 lines
1.4 KiB
HTML
56 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../resources/js-test.js"></script>
|
|
<style>
|
|
img {
|
|
border-image: url(./resources/abe.png);
|
|
border-top-width: 100px;
|
|
border-left-width: 100px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#container {
|
|
border: solid 1px red;
|
|
}
|
|
|
|
#destination {
|
|
border: dashed 1px green;
|
|
}
|
|
|
|
img, #destination, #container {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="container"><img src="resources/abe.png"></div>
|
|
<div id="destination" contenteditable></div>
|
|
<div id="description"></div>
|
|
</body>
|
|
<script>
|
|
receivedDropEvent = false;
|
|
destination.addEventListener("drop", () => receivedDropEvent = true);
|
|
|
|
addEventListener("load", () => {
|
|
description("This test verifies that the web process does not crash when dragging an image element with a border"
|
|
+ " image whose dimensions exceeds the dimensions of the image element itself. To manually test, try to drag the"
|
|
+ " contents of the solid red box; the web process should not crash, and dropping into the green editable area"
|
|
+ " should insert an image.");
|
|
|
|
if (!window.testRunner || !window.eventSender)
|
|
return;
|
|
|
|
testRunner.dumpAsText();
|
|
eventSender.mouseMoveTo(50, 50);
|
|
eventSender.mouseDown();
|
|
eventSender.leapForward(2000);
|
|
eventSender.mouseMoveTo(50, 150);
|
|
eventSender.mouseUp();
|
|
|
|
shouldBeTrue("receivedDropEvent");
|
|
shouldBeTrue(`!!destination.querySelector("img")`);
|
|
});
|
|
</script>
|
|
</html>
|