<!DOCTYPE html>
<script src="../../../resources/ui-helper.js"></script>
<body>
<p>Resetting a file upload control by script should clear the icon.</p>
<p>Manual test: Select a file for the file upload control, and confirm it has no icon.</p>
<input id=file1 type=file>
</form>
<script>
function openFilesInElement(element, files) {
    testRunner.setOpenPanelFiles(files);
    var centerX = element.offsetLeft + element.offsetWidth / 2;
    var centerY = element.offsetTop + element.offsetHeight / 2;
    UIHelper.activateAt(centerX, centerY);
}

function handleChange() {
    file1.value = '';
    // The change event can be fired before the mouse up, so use a timeout here to ensure the next mouse down happens after the pending mouse up.
    window.setTimeout(function() {
        UIHelper.activateAt(1, 1).then(function() {
            testRunner.notifyDone();
        });
    }, 0);
}

if (window.testRunner)
    testRunner.waitUntilDone();

var file1 = document.getElementById('file1');
file1.addEventListener('change', handleChange);
openFilesInElement(file1, ['foo.txt']);
</script>
</body>