OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <meta charset=utf-8> |
| 3 <title>The output element</title> |
| 4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> |
| 5 <link rel=help href="https://html.spec.whatwg.org/multipage/#the-output-element"
> |
| 6 <script src="../../../../../../resources/testharness.js"></script> |
| 7 <script src="../../../../../../resources/testharnessreport.js"></script> |
| 8 <div id="log"></div> |
| 9 <output id=output></output> |
| 10 <script> |
| 11 var output = document.getElementById("output"); |
| 12 |
| 13 test(function(){ |
| 14 assert_equals(output.type, "output", "type must return the string 'output'")
; |
| 15 assert_equals(output.textContent, "", "textContent is empty"); |
| 16 assert_equals(output.value, "", "value should be empty"); |
| 17 assert_equals(output.defaultValue, "", "defaultValue should be empty"); |
| 18 |
| 19 output.textContent="5"; |
| 20 assert_equals(output.value, "5", "textContent is set to 5: value is updated"
); |
| 21 assert_equals(output.textContent, "5", "textContent is set to 5"); |
| 22 assert_equals(output.defaultValue, "5", "textContent is set to 5: defaultVal
ue is updated"); |
| 23 |
| 24 output.defaultValue="10"; // value mode flag is in "default" mode. Setting d
efaultValue should set textContent as well |
| 25 assert_equals(output.value, "10", "defaultValue is set to 10: value is updat
ed"); |
| 26 assert_equals(output.textContent, "10", "defaultValue is set to 10: textCont
ent is updated"); |
| 27 assert_equals(output.defaultValue, "10", "defaultValue is set to 10"); |
| 28 |
| 29 output.value="20"; // set the value mode flag to "value": default value rem
ains unchanged |
| 30 assert_equals(output.value, "20", "value is set to 20"); |
| 31 assert_equals(output.textContent, "20", "value is set to 20: textContent is
updated"); |
| 32 assert_equals(output.defaultValue, "10", "value is set to 20: defaultValue r
emains unchanged"); |
| 33 |
| 34 output.defaultValue="15"; // value mode flag is in "value" mode. textContent
remains unchanged when setting defaultValue |
| 35 assert_equals(output.value, "20", "defaultValue is set to 15: value remains
unchanged"); |
| 36 assert_equals(output.textContent, "20", "defaultValue is set to 15: textCont
ent remains unchanged"); |
| 37 assert_equals(output.defaultValue, "15", "defaultValue is set to 15"); |
| 38 }, "output value and defaultValue"); |
| 39 </script> |
OLD | NEW |