| <!DOCTYPE html> |
| <link rel="help" href="https://drafts.csswg.org/css-values-5/#container-progress-func"> |
| <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('container-progress()'); |
| test_invalid_number('container-progress( )'); |
| test_invalid_number('container-progress(,)'); |
| test_invalid_number('container-progress(1, )'); |
| test_invalid_number('container-progress(1)'); |
| test_invalid_number('container-progress(50%, 0)'); |
| test_invalid_number('container-progress(0, 1,)'); |
| test_invalid_number('container-progress(from,)'); |
| test_invalid_number('container-progress(from 1, 0)'); |
| test_invalid_number('container-progress(3 of 2, 1, 0)'); |
| test_invalid_number('container-progress(width of 2, 1, 0)'); |
| test_invalid_number('container-progress(from 1, 0 1)'); |
| test_invalid_number('container-progress(from 1 0)'); |
| test_invalid_number('container-progress(0,, 0)'); |
| test_invalid_number('container-progress(to,,,,)'); |
| test_invalid_number('container-progress(0,,, 10,, 200)'); |
| test_invalid_number('container-progress(0,,, 10,,, 200)'); |
| test_invalid_number('container-progress(0,, 10,, 200)'); |
| test_invalid_number('container-progress(0, 10, 200)'); |
| test_invalid_number('container-progress(0 from 10 to 200)'); |
| |
| // General tests |
| test_invalid_number('container-progress(height, 0, 8'); |
| test_invalid_number('container-progress(height container, 0, 8'); |
| test_invalid_number('container-progress(height of, 0, 8'); |
| test_invalid_number('container-progress(depth, 0px, 8px'); |
| test_invalid_number('container-progress(width of 10, 0px, 8px'); |
| test_invalid_number('container-progress(height of 10, 0px, 8px'); |
| test_invalid_number('container-progress(height of name, 0deg, 8deg'); |
| test_invalid_number('container-progress(height of name, 0, 8px'); |
| test_invalid_number('container-progress(10px, 0px, 8px'); |
| test_invalid_number('container-progress(depth of name, 0px, 8px'); |
| test_invalid_number('container-progress(width, 0deg, 8deg'); |
| test_invalid_number('container-progress(5, 0deg, 8deg'); |
| test_invalid_number('container-progress(5, 0%, 8deg'); |
| test_invalid_number('container-progress(height, 0%, sign(10px)'); |
| test_invalid_number('container-progress(5%, 0px, 10px'); |
| test_invalid_length('calc(1px * container-progress(10deg, 0, 10))'); |
| test_invalid_length('calc(1px * container-progress(10, 0px, 10))'); |
| </script> |