| Index: third_party/WebKit/LayoutTests/fast/images/color-profile-drag-image.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/images/color-profile-drag-image.html b/third_party/WebKit/LayoutTests/fast/images/color-profile-drag-image.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..95c7ccd34a0d044fed38afb55d49c5143101133b
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/images/color-profile-drag-image.html
|
| @@ -0,0 +1,83 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<script src="../../resources/run-after-layout-and-paint.js"></script>
|
| +
|
| +<style>
|
| + img, canvas { margin: 5px; width: 48% }
|
| +</style>
|
| +
|
| +<body style="overflow: hidden">
|
| + <!-- The _blue_ sector of the <img> image should be at 12 o'clock. -->
|
| + <img>
|
| + <!-- The red sector of the <canvas> image should be at 12 o'clock. -->
|
| + <canvas></canvas>
|
| +</body>
|
| +
|
| +<script>
|
| +if (window.testRunner) {
|
| + // The pixel result will be the drag image. The blue sector if the
|
| + // drag image should be at 12 o'clock.
|
| + testRunner.dumpDragImage();
|
| +}
|
| +
|
| +window.onload = function() {
|
| + if (window.internals)
|
| + internals.settings.setImageColorProfilesEnabled(true);
|
| + if (window.testRunner)
|
| + testRunner.waitUntilDone();
|
| +
|
| + var image = document.querySelector('img');
|
| + image.onload = function() {
|
| + runAfterLayoutAndPaint(window.testRunner ? changeColorProfile : profileChanged);
|
| + };
|
| +
|
| + image.src = 'resources/red-at-12-oclock-with-color-profile.jpg';
|
| +};
|
| +
|
| +function changeColorProfile() {
|
| + window.testRunner.setColorProfile('whacked', profileChanged);
|
| +}
|
| +
|
| +function profileChanged() {
|
| + setTimeout(drawImagePatternToCanvas, 0);
|
| +}
|
| +
|
| +function drawImagePatternToCanvas() {
|
| + var canvas = document.querySelector('canvas');
|
| + var ctx = canvas.getContext('2d');
|
| + var pattern = ctx.createPattern(document.querySelector('img'), null);
|
| + var scale = 0.1870;
|
| +
|
| + ctx.clearRect(0, 0, canvas.width = 300, canvas.height = 300);
|
| + ctx.save();
|
| + ctx.scale(scale, scale);
|
| + ctx.fillStyle = pattern;
|
| + ctx.fillRect(0, 0, canvas.width / scale, canvas.height / scale);
|
| + ctx.restore();
|
| +
|
| + if (window.testRunner)
|
| + runAfterLayoutAndPaint(dragImage);
|
| +}
|
| +
|
| +function dragImage() {
|
| + var image = document.querySelector('img');
|
| +
|
| + if (window.eventSender) {
|
| + var x = image.offsetLeft + image.offsetWidth / 2;
|
| + var y = image.offsetTop + image.offsetHeight / 2;
|
| +
|
| + eventSender.dragMode = true;
|
| + eventSender.mouseMoveTo(x, y);
|
| + eventSender.mouseDown();
|
| +
|
| + eventSender.leapForward(1000);
|
| + eventSender.mouseMoveTo(x + 100, y + 100);
|
| + eventSender.mouseUp();
|
| + }
|
| +
|
| + if (window.testRunner)
|
| + setTimeout(function() { window.testRunner.notifyDone() }, 100);
|
| +}
|
| +
|
| +</script>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 1331533002:
[poc] curve-filter
Base URL: https://chromium.googlesource.com/chromium/blink.git@master