fune/testing/web-platform/tests/css/css-values/progress-computed.tentative.html
Daniil Sakhapov 99dc9d6b72 Bug 1875774 [wpt PR 44114] - Fix css progress() function wpt test, a=testonly
Automatic update from web-platform-tests
Fix css progress() function wpt test

Due to the spec change the test should be changed.
Spec change from:
progress / (to - from)
to:
(progress - from) / (to - from)

Spec: https://drafts.csswg.org/css-values-5/#progress-func

Bug: 1503730
Change-Id: I88dde3552cc461a20698fccf4ba06c1553ed94a7
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5222562
Commit-Queue: Daniil Sakhapov <sakhapov@chromium.org>
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1250699}

--

wpt-commits: adb1f571d73f9135c059d68e3f66227fd1c874be
wpt-pr: 44114
2024-01-26 04:26:09 +00:00

38 lines
2.6 KiB
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-values-5/#progress">
<link rel="author" title="sakhapov@chromuim.org">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../support/numeric-testcommon.js"></script>
<div id="target"></div>
<script>
// Identity tests
test_math_used('progress(1 from 0 to 1)', '1', {type:'number'});
// Nestings
test_math_used('progress(progress(1 from 0 to 1) from progress(0px from 0px to 1px) to progress(1deg from 0deg to 1deg))', '1', {type:'number'});
test_math_used('progress(sign(-10px) * 10px from (10px - 10px) to 10px * progress(1deg from 0deg to 1deg))', '-1', {type:'number'});
// General calculations
test_math_used('calc(progress(100px from 0px to 50px) * 10px + 100px)', '120px');
test_math_used('calc(progress(100 from 0 to sign(50px)))', '100', {type:'number'});
test_math_used('calc(progress(abs(5%) from hypot(3%, 4%) to 10%))', '0', {type:'number', approx:0.001});
test_math_used('progress(1000em from 10em to 110em)', '9.9', {type:'number', approx:0.1});
test_math_used('scale(progress(1000em from 10rem to 110em))', 'scale(9.9)', {prop:'transform', type:'number', approx:0.1});
test_math_used('scale(progress(0em from 0rem to 0em))', 'scale(0)', {prop:'transform', type:'number'});
test_math_used('scale(progress(sign(1em - 1rem) * 1ex from 0rem to 0em))', 'scale(0)', {prop:'transform', type:'number'});
// Type checking
test_math_used('calc(progress(1 from 0 to 1) * 10px)', '10px');
test_math_used('calc(progress(1 from 0 to 1) * 1s)', '1s', {type:'time'});
test_math_used('calc(progress(1 from 0 to 1) * 1deg)', '1deg', {type:'angle', approx:0.001});
// Test different number accepting properties
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 10em from 2rem to 12em) / 2)', '0.4', {prop:'opacity', type:'number'});
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 10)', '18', {prop:'order', type:'number'});
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 30)', '54', {prop:'flex-grow', type:'number'});
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) / 4)', '0.45', {prop:'flex-grow', type:'number'});
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 4)', '7', {prop:'column-count', type:'number'});
test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 2)', '3.6', {prop:'scale'});
</script>