Rune Lillesveen
bbf9825f87
Automatic update from web-platform-tests Escape idents in random() functions for serialization Bug: 514485825 Change-Id: If48015cb506fe0d9ffdb5e42db2c623f24b03911 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7858318 Reviewed-by: Munira Tursunova <moonira@google.com> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1634169} -- wpt-commits: d0861125125b0c6d371139292b1c0565e155896a wpt-pr: 60049
134 lines
8.3 KiB
HTML
134 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.csswg.org/css-values-5/#random">
|
|
<link rel="author" title="sam@webkit.org">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="../support/parsing-testcommon.js"></script>
|
|
<div id=target></div>
|
|
<script>
|
|
|
|
test_valid_value('width', 'random(0px, 100px)',
|
|
'random(element-scoped ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(fixed 0.5, 0px, 100px)');
|
|
test_valid_value('height', 'random(auto, 0px, 100px)',
|
|
'random(element-scoped ua-height-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo element-scoped, 0px, 100px)');
|
|
test_valid_value('width', 'random(element-scoped, 0px, 100px)');
|
|
test_valid_value('font-size', 'random(property-scoped, 0px, 100px)',
|
|
'random(ua-font-size, 0px, 100px)');
|
|
test_valid_value('font-size', 'random(--foo property-scoped, 0px, 100px)',
|
|
'random(--foo ua-font-size, 0px, 100px)');
|
|
test_valid_value('width', 'random(property-index-scoped, 0px, 100px)',
|
|
'random(ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo property-index-scoped, 0px, 100px)',
|
|
'random(--foo ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(element-scoped property-scoped, 0px, 100px)',
|
|
'random(element-scoped ua-width, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo element-scoped property-scoped, 0px, 100px)',
|
|
'random(--foo element-scoped ua-width, 0px, 100px)');
|
|
test_valid_value('height', 'random(property-scoped element-scoped, 0px, 100px)',
|
|
'random(element-scoped ua-height, 0px, 100px)');
|
|
test_valid_value('height', 'random(--foo property-scoped element-scoped, 0px, 100px)',
|
|
'random(--foo element-scoped ua-height, 0px, 100px)');
|
|
test_valid_value('width', 'random(element-scoped property-index-scoped, 0px, 100px)',
|
|
'random(element-scoped ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo element-scoped property-index-scoped, 0px, 100px)',
|
|
'random(--foo element-scoped ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(property-index-scoped element-scoped , 0px, 100px)',
|
|
'random(element-scoped ua-width-1, 0px, 100px)');
|
|
test_valid_value('width', 'random(--foo property-index-scoped element-scoped , 0px, 100px)',
|
|
'random(--foo element-scoped ua-width-1, 0px, 100px)');
|
|
|
|
test_valid_value('height', 'random(0px, 100px, 3px)', 'random(element-scoped ua-height-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(fixed 0.5, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(auto, 0px, 100px, 3px)', 'random(element-scoped ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(element-scoped, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo element-scoped, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(property-scoped, 0px, 100px, 3px)',
|
|
'random(ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo property-scoped, 0px, 100px, 3px)',
|
|
'random(--foo ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(property-index-scoped, 0px, 100px, 3px)',
|
|
'random(ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo property-index-scoped, 0px, 100px, 3px)',
|
|
'random(--foo ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(element-scoped property-scoped, 0px, 100px, 3px)',
|
|
'random(element-scoped ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo element-scoped property-scoped, 0px, 100px, 3px)',
|
|
'random(--foo element-scoped ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(property-scoped element-scoped , 0px, 100px, 3px)',
|
|
'random(element-scoped ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo property-scoped element-scoped , 0px, 100px, 3px)',
|
|
'random(--foo element-scoped ua-width, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(element-scoped property-index-scoped, 0px, 100px, 3px)',
|
|
'random(element-scoped ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo element-scoped property-index-scoped, 0px, 100px, 3px)',
|
|
'random(--foo element-scoped ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(property-index-scoped element-scoped , 0px, 100px, 3px)',
|
|
'random(element-scoped ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--foo property-index-scoped element-scoped , 0px, 100px, 3px)',
|
|
'random(--foo element-scoped ua-width-1, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(--\\{ element-scoped, 0px, 100px, 3px)');
|
|
test_valid_value('width', 'random(element-scoped ua-\\{, 0px, 100px, 3px)');
|
|
|
|
// Test consistent types
|
|
test_valid_value('width', 'random(--foo, 10px, 20%)');
|
|
|
|
// Test out of order.
|
|
test_valid_value('width', 'random(--foo, 100px, 0px)');
|
|
|
|
// Test negative values
|
|
test_valid_value('width', 'random(--foo, -100px, -10px)');
|
|
test_valid_value('width', 'random(--foo, -100px, -10px, -5px)');
|
|
|
|
// Test mixed units.
|
|
test_valid_value('width', 'random(--foo, 1em, 200rem)');
|
|
|
|
// Test nested expressions
|
|
test_valid_value('width', 'random(10 * 100px, 200em / 2)', 'random(element-scoped ua-width-1, 1000px, 100em)');
|
|
test_valid_value('width', 'random(--foo, 10 * 100px, 200em / 2)', 'random(--foo, 1000px, 100em)');
|
|
test_valid_value('width', 'random(fixed calc(2 / 4), 0px, 100px)', 'random(fixed calc(0.5), 0px, 100px)');
|
|
|
|
// Test nested in expressions
|
|
test_valid_value('width', 'calc(2 * random(--foo, 0px, 100px))');
|
|
test_valid_value('math-depth', 'add(random(--foo, 0, 3))');
|
|
test_valid_value('color', 'rgb(random(--foo, 0, 255) random(--foo, 0, 255) random(--foo, 0, 255))');
|
|
test_valid_value('color', 'rgb(from blue r g random(--foo, b, (150 + b)))');
|
|
test_valid_value('color', 'color-mix(in srgb, rgb(random(--foo, 0, 255) 0 random(--foo, 0, 255)), rgb(0 random(--foo, 0, 255) 0))');
|
|
|
|
// Test other types
|
|
test_valid_value('max-lines', 'random(--foo, 25, 50)');
|
|
test_valid_value('max-lines', 'random(--foo, 25, 50, 5)');
|
|
test_valid_value('scale', 'random(--foo, 0.5, 2.5)');
|
|
test_valid_value('scale', 'random(--foo, 0.5, 2.5, 0.1)');
|
|
test_valid_value('rotate', 'random(25deg, 1turn)',
|
|
'random(element-scoped ua-rotate-1, 25deg, 360deg)');
|
|
test_valid_value('rotate', 'random(--foo, 25deg, 1turn, 5deg)',
|
|
'random(--foo, 25deg, 360deg, 5deg)');
|
|
test_valid_value('transition-delay', 'random(25ms, 50s)',
|
|
'random(element-scoped ua-transition-delay-1, 0.025s, 50s)');
|
|
test_valid_value('transition-delay', 'random(--foo, 25ms, 50s, 5s)',
|
|
'random(--foo, 0.025s, 50s, 5s)');
|
|
|
|
// Test user specified <random-ua-ident>
|
|
test_valid_value('width', 'random(ua-width, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo ua-width, 10px, 20%)');
|
|
test_valid_value('width', 'random(ua-width-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo ua-width-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(element-scoped ua-height-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo element-scoped ua-height-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(ua-height-1 element-scoped, 10px, 20%)',
|
|
'random(element-scoped ua-height-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo ua-height-1 element-scoped, 10px, 20%)',
|
|
'random(--foo element-scoped ua-height-1, 10px, 20%)');
|
|
test_valid_value('width', 'random(ua-x, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo ua-x, 10px, 20%)');
|
|
test_valid_value('width', 'random(ua-x element-scoped, 10px, 20%)',
|
|
'random(element-scoped ua-x, 10px, 20%)');
|
|
test_valid_value('width', 'random(--foo ua-x element-scoped, 10px, 20%)',
|
|
'random(--foo element-scoped ua-x, 10px, 20%)');
|
|
|
|
</script>
|