| <!DOCTYPE html> |
| <title>Image set parsing</title> |
| <link rel="author" title="Noam Rosenthal" href="mailto:noam.j.rosenthal@gmail.com"> |
| <link rel="help" href="https://drafts.csswg.org/css-images-4/#image-set-notation"> |
| <meta name="assert" content="General image-set parsing follows CSS Images 4 rules."> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/css/support/parsing-testcommon.js"></script> |
| <body> |
| <script> |
| function test_valid_value_variants(property, value, serializedValue) { |
| if (!serializedValue) serializedValue = value; |
| test_valid_value(property, value, serializedValue); |
| test_valid_value(property, "-webkit-" + value, serializedValue); |
| } |
| |
| function test_invalid_value_variants(property, value) { |
| test_invalid_value(property, value); |
| test_invalid_value(property, "-webkit-" + value); |
| } |
| |
| test_valid_value_variants('background-image', "image-set(url(example.png) 1x)", 'image-set(url("example.png") 1x)'); |
| test_valid_value_variants('background-image', 'image-set(url("example.png") 1x)'); |
| test_valid_value_variants('background-image', "image-set('example.jpg' 1x)", 'image-set(url("example.jpg") 1x)'); |
| test_valid_value_variants('background-image', "image-set(url(example.png) 1x, 'example.png' 2x)", 'image-set(url("example.png") 1x, url("example.png") 2x)'); |
| test_valid_value_variants('background-image', 'image-set(url("example.png") 1dppx)'); |
| test_valid_value_variants('background-image', 'image-set(url("example.png") 1dpi)'); |
| test_valid_value_variants('background-image', 'image-set(url("example.png") 1dpcm)'); |
| test_valid_value_variants('background-image', "image-set(url(example.png) 1dpcm, 'example.png' 2x)", 'image-set(url("example.png") 1dpcm, url("example.png") 2x)'); |
| test_valid_value_variants('background-image', "image-set('example.jpeg' 222dpi, url(example.png) 3.5x)", 'image-set(url("example.jpeg") 222dpi, url("example.png") 3.5x)'); |
| test_valid_value_variants('background-image', "image-set(linear-gradient(black, white) 1x)"); |
| test_valid_value_variants('background-image', 'image-set(url("example.png") 1x type("image/png"))'); |
| test_valid_value_variants('background-image', "image-set(url(example.png) type('image/png'))", 'image-set(url("example.png") 1x type("image/png"))'); |
| test_valid_value_variants('background-image', "image-set(url(example.png) type('image/png') 1x)", 'image-set(url("example.png") 1x type("image/png"))'); |
| test_valid_value_variants('content', "image-set(linear-gradient(black, white) 1x, 'example.png' 4x)", 'image-set(linear-gradient(black, white) 1x, url("example.png") 4x)'); |
| test_valid_value_variants('content', 'image-set(url("example.png") 192dpi, linear-gradient(black, white) 1x)'); |
| |
| test_invalid_value_variants('background-image', "image-set(none, url(example.png) 1x)"); |
| test_invalid_value_variants('background-image', "image-set()"); |
| test_invalid_value_variants('background-image', "image-set(url(example.png) 0x)"); |
| test_invalid_value_variants('background-image', "image-set(url(example.png) -20x)"); |
| test_invalid_value_variants('background-image', "image-set('example.jpeg' 92pid url(example.png) 1x)"); |
| test_invalid_value_variants('background-image', "image-set(url(example.png) type(image/png))"); |
| test_invalid_value_variants('background-image', "image-set(url(example.png) type('image/png') type('image/png'))"); |
| test_invalid_value_variants('background-image', "image-set(url(example.png) 1xtype('image/png'))"); |
| test_invalid_value_variants('background-image', "image-set(type('image/png') url(example.png) 1x)"); |
| test_invalid_value_variants('cursor', "image-set(linear-gradient(black, white) 1x)"); |
| </script> |
