Move animations/composition/font-*-composition.html to WPT

Fredrik Söderquist · chromium-wpt-export-bot · commit d29bb343862a · 2025-11-21T09:50:37.000-08:00
Move the tests and perform a mechanical rewrite: * Change assertComposition() to test_composition(). * Change 'is' to 'expect' in the expectation objects. * Include required testharness.js and framework. * Add links to spec. Bug: 4066383 Change-Id: Id48b2c2f715a27340301b2f06504e3da5df062ac Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7185645 Auto-Submit: Fredrik Söderquist <fs@opera.com> Commit-Queue: Kevin Ellis <kevers@chromium.org> Reviewed-by: Kevin Ellis <kevers@chromium.org> Cr-Commit-Position: refs/heads/main@{#1548519}
diff --git a/css/css-fonts/animations/font-size-composition.html b/css/css-fonts/animations/font-size-composition.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>font-size composition</title>
+<link rel="help" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-size">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+<style>
+:root {
+  font-size: 30px;
+}
+.parent {
+  font-size: 20px;
+}
+</style>
+<body>
+<script>
+test_composition({
+  property: 'font-size',
+  underlying: '50px',
+  addFrom: '100px',
+  addTo: '200px',
+}, [
+  {at: -0.3, expect: '120px'},
+  {at: 0, expect: '150px'},
+  {at: 0.25, expect: '175px'},
+  {at: 0.5, expect: '200px'},
+  {at: 0.75, expect: '225px'},
+  {at: 1, expect: '250px'},
+  {at: 1.5, expect: '300px'},
+]);
+
+test_composition({
+  property: 'font-size',
+  underlying: '100px',
+  addFrom: '10px',
+  addTo: 'large',
+}, [
+  {at: -0.5, expect: '106px'},
+  {at: 0, expect: '110px'},
+  {at: 0.25, expect: '112px'},
+  {at: 0.5, expect: '114px'},
+  {at: 0.75, expect: '116px'},
+  {at: 1, expect: '118px'},
+  {at: 1.5, expect: '122px'},
+]);
+
+test_composition({
+  property: 'font-size',
+  underlying: '50%',
+  addFrom: 'small',
+  addTo: '20px',
+}, [
+  {at: -0.3, expect: '20.9px'},
+  {at: 0, expect: '23px'},
+  {at: 0.25, expect: '24.75px'},
+  {at: 0.5, expect: '26.5px'},
+  {at: 0.75, expect: '28.25px'},
+  {at: 1, expect: '30px'},
+  {at: 1.5, expect: '33.5px'},
+]);
+
+test_composition({
+  property: 'font-size',
+  underlying: '20%',
+  addFrom: '10rem',
+  replaceTo: '5em',
+}, [
+  {at: -0.3, expect: '365.2px'},
+  {at: 0, expect: '304px'},
+  {at: 0.25, expect: '253px'},
+  {at: 0.5, expect: '202px'},
+  {at: 0.75, expect: '151px'},
+  {at: 1, expect: '100px'},
+  {at: 1.5, expect: '0px'},
+]);
+
+test_composition({
+  property: 'font-size',
+  underlying: 'small',
+  replaceFrom: 'medium',
+  addTo: 'larger',
+}, [
+  {at: -0.3, expect: '9.7px'},
+  {at: 0, expect: '16px'},
+  {at: 0.25, expect: '21.25px'},
+  {at: 0.5, expect: '26.5px'},
+  {at: 0.75, expect: '31.75px'},
+  {at: 1, expect: '37px'},
+  {at: 1.5, expect: '47.5px'},
+]);
+</script>
+</body>
diff --git a/css/css-fonts/animations/font-weight-composition.html b/css/css-fonts/animations/font-weight-composition.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>font-weight composition</title>
+<link rel="help" href="https://drafts.csswg.org/css-fonts-3/#propdef-font-weight">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/interpolation-testcommon.js"></script>
+<body>
+<script>
+test_composition({
+  property: 'font-weight',
+  underlying: '500',
+  addFrom: '100',
+  addTo: '500',
+}, [
+  {at: -0.3, expect: '480'},
+  {at: 0, expect: '600'},
+  {at: 0.5, expect: '800'},
+  {at: 1, expect: '1000'},
+  {at: 1.5, expect: '1000'},
+]);
+
+test_composition({
+  property: 'font-weight',
+  underlying: '200',
+  addFrom: '600',
+  replaceTo: '500',
+}, [
+  {at: -0.3, expect: '889.75'},
+  {at: 0, expect: '800'},
+  {at: 0.5, expect: '650'},
+  {at: 1, expect: '500'},
+  {at: 1.5, expect: '350'},
+]);
+</script>
+</body>
