Chromium Code Reviews Chromium Code Reviews
Issue 2784373004:
[SPv2] Replay DragImages into PropertyTreeState of the enclosing stacking context (Closed)
| Index: third_party/WebKit/LayoutTests/images/drag-image-transformed-child.html |
| diff --git a/third_party/WebKit/LayoutTests/images/drag-image-transformed-child.html b/third_party/WebKit/LayoutTests/images/drag-image-transformed-child.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..98bb7733117507663294e7f518d9c424ea98114e |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/images/drag-image-transformed-child.html |
| @@ -0,0 +1,46 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + #draggable { |
| + position: relative; |
| + width: 100px; |
| + height: 100px; |
| + -webkit-user-drag: element; |
| + } |
| + |
| + #descendant-painting-sibling { |
| + position: relative; |
| + width: 100px; |
| + height: 100px; |
| + background: green; |
| + -webkit-user-drag: none; |
| + transform: translateX(50px); |
| + } |
| +</style> |
| +<div id="draggable"> |
| + <div id="descendant-painting-sibling"></div> |
| +</div> |
| +This test passes if the generated drag image is a 100x100 green box, positioned |
| +*with* the transform. |
| +<script> |
| + function drag() { |
| + testRunner.dumpDragImage(); |
| + |
| + var image = document.getElementById('draggable'); |
| + var startX = image.offsetLeft + image.offsetWidth / 2; |
|
wkorman
2017/03/31 18:21:51
Just validating the image, I expected this to mean
chrishtr
2017/03/31 20:59:03
This is because I put a transform: translateX(50px
wkorman
2017/03/31 21:08:18
Yes, but I incorporated that into my third bullet,
chrishtr
2017/03/31 21:18:00
Oh I see, sorry. The drag image is independent of
|
| + var startY = image.offsetTop + image.offsetHeight / 2; |
| + var positionX = startX + image.offsetWidth; |
| + var positionY = startY + image.offsetHeight; |
| + |
| + eventSender.dragMode = true; |
| + eventSender.mouseMoveTo(startX, startY); |
| + eventSender.mouseDown(); |
| + eventSender.mouseMoveTo(positionX, positionY); |
| + eventSender.mouseUp(); |
| + } |
| + |
| + if (!window.testRunner || !window.eventSender) { |
| + document.write("This test does not work in manual mode."); |
| + } else { |
| + window.onload = drag; |
| + } |
| +</script> |
