| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="../resources/common.js"></script> |
| </head> |
| <body> |
| <script> |
| description('Checks incomplete datetime formats are rejected.'); |
| |
| var input = document.createElement('input'); |
| input.type = 'date'; |
| document.body.appendChild(input); |
| |
| function setDateTimeFormat(pattern) { |
| var value = input.value; |
| getElementByPseudoId(internals.shadowRoot(input), '-webkit-datetime-edit').setAttribute('pattern', pattern); |
| input.value = ''; // Updates the element for new format |
| input.value = value; |
| } |
| |
| input.value = '1999-07-31'; |
| |
| debug('Valid format'); |
| setDateTimeFormat("dd-MM-yyyy"); |
| shouldBeEqualToString('getUserAgentShadowTextContent(input)', '31-07-1999'); |
| |
| debug("Invalid format, fallback to yyyy-MM-dd"); |
| setDateTimeFormat('yyyy-MM'); |
| shouldBeEqualToString('getUserAgentShadowTextContent(input)', '1999-07-31'); |
| setDateTimeFormat('MM/dd'); |
| shouldBeEqualToString('getUserAgentShadowTextContent(input)', '1999-07-31'); |
| setDateTimeFormat('dd-yyyy'); |
| shouldBeEqualToString('getUserAgentShadowTextContent(input)', '1999-07-31'); |
| |
| </script> |
| </body> |
| </html> |