47 lines
1.1 KiB
HTML
47 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="../../../resources/js-test.js"></script>
|
|
</head>
|
|
<body>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("Tests that it is possible to select a color on a input type=color that is marked as readOnly.");
|
|
|
|
var input = document.createElement('input');
|
|
input.type = 'color';
|
|
input.readOnly = true;
|
|
input.value = '#000000';
|
|
document.body.appendChild(input);
|
|
|
|
input.style.position = 'absolute';
|
|
input.style.left = '0';
|
|
input.style.top = '0';
|
|
input.style.width = '20px';
|
|
input.style.height = '20px';
|
|
|
|
var onChangeCount = 0;
|
|
input.onchange = function() {
|
|
debug("change event dispatched - value changed to " + input.value);
|
|
onChangeCount++;
|
|
};
|
|
|
|
input.oninput = function() {
|
|
debug("input event dispatched - value is: " + input.value);
|
|
};
|
|
|
|
eventSender.mouseMoveTo(10, 10);
|
|
eventSender.mouseDown();
|
|
eventSender.mouseUp();
|
|
|
|
shouldBe('onChangeCount', '0');
|
|
|
|
// input.onchange should be called
|
|
internals.selectColorInColorChooser(input, '#ff0000');
|
|
shouldBe('onChangeCount', '1');
|
|
shouldBeEqualToString('input.value', '#ff0000');
|
|
</script>
|
|
</body>
|
|
</html>
|