blob: 72d20da2b5d02a950a4091075beb5796b4ccb89e [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test-pre.js"></script>
</head>
<body>
<input id="single_file" name="upfile" type="file" />
<input id="multiple_files" name="upfile[]" multiple="multiple" type="file" />
<input id="single_or_multiple_file" name="upfile[]" type="file" />
<p>This tests the label of a file chooser button.</p>
<div id="console"></div>
<script>
if (window.testRunner) {
var file = document.getElementById('single_file');
var button = internals.shadowRoot(file).firstChild;
var label = button.getAttribute('value');
var result = 'The label of a single file chooser button is "' + label + '".';
label == 'Choose File' ? testPassed(result) : testFailed(result);
file = document.getElementById('multiple_files');
button = internals.shadowRoot(file).firstChild;
label = button.getAttribute('value');
result = 'The label of a multiple file chooser button is "' + label + '".';
label == 'Choose Files' ? testPassed(result) : testFailed(result);
file = document.getElementById('single_or_multiple_file');
button = internals.shadowRoot(file).firstChild;
label = button.getAttribute('value');
result = 'Initially, the label of a file chooser button is "' + label + '".';
label == 'Choose File' ? testPassed(result) : testFailed(result);
file.setAttribute("multiple", "multiple");
button = internals.shadowRoot(file).firstChild;
label = button.getAttribute('value');
result = 'Set "multiple" attribute, then the label of the file chooser button becomes "' + label + '".';
label == 'Choose Files' ? testPassed(result) : testFailed(result);
file.removeAttribute("multiple");
button = internals.shadowRoot(file).firstChild;
label = button.getAttribute('value');
result = 'Unset "multiple" attribute, then the label of the file chooser button becomes "' + label + '".';
label == 'Choose File' ? testPassed(result) : testFailed(result);
}
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>