Suraj Thanugundla
206800612d
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=308981 -- wpt-commits: ec9eac868905145744880545348f98cea4c10d2a wpt-pr: 60653
56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<title>Tests basics of the 'position-anchor' property</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-anchor-1/#propdef-position-anchor">
|
|
<link rel="author" href="mailto:xiaochengh@chromium.org">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/parsing-testcommon.js"></script>
|
|
<script src="/css/support/computed-testcommon.js"></script>
|
|
<script src="/css/support/inheritance-testcommon.js"></script>
|
|
<script src="/css/support/interpolation-testcommon.js"></script>
|
|
|
|
<div id="container">
|
|
<div id="target"></div>
|
|
<div id="popover" popover></div>
|
|
</div>
|
|
|
|
<script>
|
|
// position-anchor: <anchor-element>
|
|
// <anchor-element> = normal | none | auto | <dashed-ident>
|
|
test_valid_value('position-anchor', 'normal');
|
|
test_valid_value('position-anchor', 'none');
|
|
test_valid_value('position-anchor', 'auto');
|
|
test_valid_value('position-anchor', '--foo');
|
|
test_invalid_value('position-anchor', 'foo-bar');
|
|
test_invalid_value('position-anchor', '--foo --bar')
|
|
test_invalid_value('position-anchor', '--foo, --bar')
|
|
test_invalid_value('position-anchor', '100px');
|
|
test_invalid_value('position-anchor', '100%');
|
|
|
|
// Computed value: as specified
|
|
test_computed_value('position-anchor', 'normal');
|
|
test_computed_value('position-anchor', 'none');
|
|
test_computed_value('position-anchor', 'auto');
|
|
test_computed_value('position-anchor', '--foo');
|
|
|
|
// Initial: normal
|
|
// Inherited: no
|
|
assert_not_inherited('position-anchor', 'normal', '--foo');
|
|
|
|
// Previous resolution added `position-anchor: auto` to popovers in
|
|
// the UA stylesheet, but that is no longer required. See:
|
|
// https://github.com/w3c/csswg-drafts/issues/13067#issuecomment-3525018605
|
|
// https://github.com/w3c/csswg-drafts/issues/13067#issuecomment-4239954367
|
|
test(() => {
|
|
popover.style['position-anchor'] = 'initial';
|
|
assert_equals(getComputedStyle(popover)['position-anchor'], 'normal');
|
|
}, 'Property position-anchor has initial value normal in popovers');
|
|
|
|
// Animation type: discrete
|
|
test_no_interpolation({
|
|
property: 'position-anchor',
|
|
from: '--foo',
|
|
to: 'auto',
|
|
});
|
|
</script>
|