summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/files/apply-blob-url-to-img.html
blob: 5dd2d0ca54c3b62e4e96b476e5d89a1d7aaea425 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
<body>
<input type="file" name="file" id="file" onchange="onInputFileChange()">
<img id='imgToReplace' src=''>
<pre id='console'></pre>

<script>
function log(message)
{
    document.getElementById('console').appendChild(document.createTextNode(message + "\n"));
}

function onInputFileChange()
{
    var file = document.getElementById("file").files[0];
    var img = document.getElementById('imgToReplace');
    log("Old image: " + img.width + " x " + img.height);
    img.onload = onImgLoad;
    img.src = window.URL.createObjectURL(file);
}

function onImgLoad()
{
    var img = document.getElementById('imgToReplace');
    log("New image: " + img.width + " x " + img.height);
    log("DONE");
    if (testRunner.notifyDone)
        testRunner.notifyDone();
}

function moveMouseToCenterOfElement(element)
{
    var centerX = element.offsetLeft + element.offsetWidth / 2;
    var centerY = element.offsetTop + element.offsetHeight / 2;
    eventSender.mouseMoveTo(centerX, centerY);
}

function runTests()
{
    eventSender.beginDragWithFiles(['resources/abe.png']);
    moveMouseToCenterOfElement(document.getElementById('file'));
    eventSender.mouseUp();
}

if (window.eventSender) {
    testRunner.dumpAsText();
    testRunner.waitUntilDone();
    window.onload = runTests;
}
</script>
</body>
</html>