| <!DOCTYPE html> |
| <link rel="help" href="https://drafts.csswg.org/css-values-5/#media-progress"> |
| <link rel="author" title="[email protected]"> |
| <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> |
