| <!DOCTYPE html> | |
| <link rel="help" href="https://drafts.csswg.org/css-values-5/#media-progress"> | |
| <link rel="author" title="sakhapov@chromuim.org"> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <script src="../support/parsing-testcommon.js"></script> | |
| <script> | |
| function test_invalid_number(value) { | |
| test_invalid_value('opacity', value); | |
| } | |
| function test_invalid_length(value) { | |
| // 'letter-spacing' accepts <length> only, not <percentage> or any mixes. | |
| test_invalid_value('letter-spacing', value); | |
| } | |
| // Syntax checking | |
| test_invalid_number('media-progress()'); | |
| test_invalid_number('media-progress( )'); | |
| test_invalid_number('media-progress(,)'); | |
| test_invalid_number('media-progress(1, )'); | |
| test_invalid_number('media-progress(1)'); | |
| test_invalid_number('media-progress(50%, 0)'); | |
| test_invalid_number('media-progress(0, 1,)'); | |
| test_invalid_number('media-progress(,,)'); | |
| test_invalid_number('media-progress(, 1, 0)'); | |
| test_invalid_number('media-progress(, 1, 0 1)'); | |
| test_invalid_number('media-progress(, 1 0)'); | |
| test_invalid_number('media-progress(0,, 0)'); | |
| test_invalid_number('media-progress(,,,,)'); | |
| test_invalid_number('media-progress(0, from, 10, to 200)'); | |
| test_invalid_number('media-progress(0, from, 10, to, 200)'); | |
| test_invalid_number('media-progress(0, 10, 200)'); | |
| // General tests | |
| test_invalid_number('media-progress(height, 0, 8'); | |
| test_invalid_number('media-progress(depth, 0px, 8px'); | |
| test_invalid_number('media-progress(width, 0deg, 8deg'); | |
| test_invalid_number('media-progress(5, 0deg, 8deg'); | |
| test_invalid_number('media-progress(5, 0%, 8deg'); | |
| test_invalid_number('media-progress(height, 0%, sign(10px)'); | |
| test_invalid_number('media-progress(5%, 0px, 10px'); | |
| test_invalid_length('calc(1px * media-progress(10deg, 0, 10))'); | |
| test_invalid_length('calc(1px * media-progress(10, 0px, 10))'); | |
| </script> |