mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Daniil Sakhapov
c13c1c7b59
Automatic update from web-platform-tests Change wpt tests for circle() and ellipse() serialization Following the change 4571330, update default value serialization for circle() and ellipse() to include default value if specified, and don't include if not specified. Change-Id: Ie1516eaca5b657a0daf5ff270ac697a0017ad79a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4579348 Commit-Queue: Daniil Sakhapov <[email protected]> Reviewed-by: Fredrik Söderquist <[email protected]> Cr-Commit-Position: refs/heads/main@{#1151818} -- wpt-commits: d438bdbf5bae2a22b574180da57a6bd0f19d12ee wpt-pr: 40342
63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!doctype html>
|
|
<meta charset=utf-8>
|
|
<meta name="assert"
|
|
content="This test checks the inerpolation on basic-shapes is correct" />
|
|
<title>Tests for the output of the interpolation of basic-shapes</title>
|
|
<link rel="help"
|
|
href="https://drafts.csswg.org/css-shapes/#basic-shape-interpolation">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<body>
|
|
<div id='log'></div>
|
|
<script type='text/javascript'>
|
|
'use strict';
|
|
|
|
function createDiv(test) {
|
|
var element = document.createElement('div');
|
|
document.body.appendChild(element);
|
|
test.add_cleanup(function() {
|
|
element.remove();
|
|
});
|
|
return element;
|
|
}
|
|
|
|
test(function(t) {
|
|
var div = createDiv(t);
|
|
div.style.shapeOutside = 'circle(25px)';
|
|
// The radius becomes negative between 60%~61%, so we set the delay to -61s.
|
|
div.style.transition = 'all 100s cubic-bezier(0, 0, 1, -60) -61s';
|
|
getComputedStyle(div).shapeOutside;
|
|
|
|
div.style.shapeOutside = 'circle(26px)';
|
|
assert_equals(getComputedStyle(div).shapeOutside, 'circle(0px)',
|
|
'The radius of circle is clamped to zero at 61%');
|
|
}, 'Test circle with negative easing on shape-outside');
|
|
|
|
test(function(t) {
|
|
var div = createDiv(t);
|
|
div.style.shapeOutside = 'ellipse(25px 25px)';
|
|
// The radius becomes negative between 60%~61%, so we set the delay to -61s.
|
|
div.style.transition = 'all 100s cubic-bezier(0, 0, 1, -60) -61s';
|
|
getComputedStyle(div).shapeOutside;
|
|
|
|
div.style.shapeOutside = 'ellipse(26px 26px)';
|
|
assert_equals(getComputedStyle(div).shapeOutside,
|
|
'ellipse(0px 0px)',
|
|
'The radius of ellipse is clamped to zero at 61%');
|
|
}, 'Test ellipse with negative easing on shape-outside');
|
|
|
|
test(function(t) {
|
|
var div = createDiv(t);
|
|
div.style.shapeOutside = 'inset(10% round 25px)';
|
|
// The radius becomes negative between 60%~61%, so we set the delay to -61s.
|
|
div.style.transition = 'all 100s cubic-bezier(0, 0, 1, -60) -61s';
|
|
getComputedStyle(div).shapeOutside;
|
|
|
|
div.style.shapeOutside = 'inset(10% round 26px)';
|
|
assert_equals(getComputedStyle(div).shapeOutside, 'inset(10%)',
|
|
'The radius of inset is clamped to zero at 61%');
|
|
}, 'Test inset with negative easing on shape-outside');
|
|
|
|
</script>
|
|
</html>
|