mirror of
https://github.com/servo/servo.git
synced 2025-08-16 19:05:33 +01:00
Update web-platform-tests to revision 9919d0f04266001686c09d47ff6e25c98b48d91f
This commit is contained in:
WPT Sync Bot
parent
026e550d35
commit
e7fcc8e274
453 changed files with 7751 additions and 2288 deletions
|
|
@ -1,4 +1,5 @@
|
|||
spec: https://drafts.fxtf.org/compositing/
|
||||
suggested_reviewers:
|
||||
- chrishtr
|
||||
- plinss
|
||||
- nikosandronikos
|
||||
|
|
|
|||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Compositing and Blending Level 1: getComputedStyle().backgroundBlendMode</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/compositing-1/#propdef-background-blend-mode">
|
||||
<meta name="assert" content="background-blend-mode computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("background-blend-mode", "normal");
|
||||
test_computed_value("background-blend-mode", "multiply");
|
||||
test_computed_value("background-blend-mode", "screen");
|
||||
test_computed_value("background-blend-mode", "overlay");
|
||||
test_computed_value("background-blend-mode", "darken");
|
||||
test_computed_value("background-blend-mode", "lighten");
|
||||
test_computed_value("background-blend-mode", "color-dodge");
|
||||
test_computed_value("background-blend-mode", "color-burn");
|
||||
test_computed_value("background-blend-mode", "hard-light");
|
||||
test_computed_value("background-blend-mode", "soft-light");
|
||||
test_computed_value("background-blend-mode", "difference");
|
||||
test_computed_value("background-blend-mode", "exclusion");
|
||||
test_computed_value("background-blend-mode", "hue");
|
||||
test_computed_value("background-blend-mode", "saturation");
|
||||
test_computed_value("background-blend-mode", "color");
|
||||
test_computed_value("background-blend-mode", "luminosity");
|
||||
|
||||
test_computed_value("background-blend-mode", "normal, luminosity");
|
||||
test_computed_value("background-blend-mode", "screen, overlay");
|
||||
test_computed_value("background-blend-mode", "color, saturation");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Compositing and Blending Level 1: getComputedStyle().isolation</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/compositing-1/#propdef-isolation">
|
||||
<meta name="assert" content="isolation computed value is as specified.">
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("isolation", "auto");
|
||||
test_computed_value("isolation", "isolate");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Compositing and Blending Level 1: getComputedStyle().mixBlendMode</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/compositing-1/#propdef-mix-blend-mode">
|
||||
<meta name="assert" content="mix-blend-mode computed value is as specified.">
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("mix-blend-mode", "normal");
|
||||
test_computed_value("mix-blend-mode", "multiply");
|
||||
test_computed_value("mix-blend-mode", "screen");
|
||||
test_computed_value("mix-blend-mode", "overlay");
|
||||
test_computed_value("mix-blend-mode", "darken");
|
||||
test_computed_value("mix-blend-mode", "lighten");
|
||||
test_computed_value("mix-blend-mode", "color-dodge");
|
||||
test_computed_value("mix-blend-mode", "color-burn");
|
||||
test_computed_value("mix-blend-mode", "hard-light");
|
||||
test_computed_value("mix-blend-mode", "soft-light");
|
||||
test_computed_value("mix-blend-mode", "difference");
|
||||
test_computed_value("mix-blend-mode", "exclusion");
|
||||
test_computed_value("mix-blend-mode", "hue");
|
||||
test_computed_value("mix-blend-mode", "saturation");
|
||||
test_computed_value("mix-blend-mode", "color");
|
||||
test_computed_value("mix-blend-mode", "luminosity");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationDelay</title>
|
||||
<title>CSS Animations: getComputedStyle().animationDelay</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-delay">
|
||||
<meta name="assert" content="animation-delay converts to seconds.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationDirection</title>
|
||||
<title>CSS Animations: getComputedStyle().animationDirection</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-direction">
|
||||
<meta name="assert" content="animation-direction computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationDuration</title>
|
||||
<title>CSS Animations: getComputedStyle().animationDuration</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-duration">
|
||||
<meta name="assert" content="animation-duration converts to seconds.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationFillMode</title>
|
||||
<title>CSS Animations: getComputedStyle().animationFillMode</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-fill-mode">
|
||||
<meta name="assert" content="animation-fill-mode computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationIterationCount</title>
|
||||
<title>CSS Animations: getComputedStyle().animationIterationCount</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-iteration-count">
|
||||
<meta name="assert" content="animation-iteration-count computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationPlayState</title>
|
||||
<title>CSS Animations: getComputedStyle().animationPlayState</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-play-state">
|
||||
<meta name="assert" content="animation-play-state computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().animationTimingFunction</title>
|
||||
<title>CSS Animations: getComputedStyle().animationTimingFunction</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-timing-function">
|
||||
<meta name="assert" content="animation-timing-function computed value is a computed <easing-function> list.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().transitionTimingFunction</title>
|
||||
<title>CSS Animations: getComputedStyle().transitionTimingFunction</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transitions/#propdef-transition-timing-function">
|
||||
<meta name="assert" content="transition-timing-function computed value is a computed <easing-function> list.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundAttachment</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundAttachment</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-attachment">
|
||||
<meta name="assert" content="background-attachment computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundClip</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundClip</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-clip">
|
||||
<meta name="assert" content="background-clip computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundColor</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-color">
|
||||
<meta name="assert" content="background-color computed value is a computed color.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().background with multiple layers</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().background with multiple layers</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background">
|
||||
<meta name="assert" content="The number of layers is determined by the number of comma-separated values in the background-image property. .">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundImage</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundImage</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-image">
|
||||
<meta name="assert" content="background-image computed value is as specified.">
|
||||
<meta name="assert" content="Colors and lengths are computed, with radii clamped.">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundOrigin</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundOrigin</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-origin">
|
||||
<meta name="assert" content="background-origin computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundPosition</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundPosition</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-position">
|
||||
<meta name="assert" content="background-position computed value is a list, each item a pair of offsets (horizontal and vertical) from the top left origin each given as a computed <length-percentage> value.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders Module Level 4: getComputedValue().backgroundPositionX</title>
|
||||
<title>CSS Backgrounds and Borders Module Level 4: getComputedStyle().backgroundPositionX</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-x">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders Module Level 4: getComputedValue().backgroundPositionY</title>
|
||||
<title>CSS Backgrounds and Borders Module Level 4: getComputedStyle().backgroundPositionY</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-y">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundRepeat</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundRepeat</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-repeat">
|
||||
<meta name="assert" content="background-attachment repeat value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().backgroundSize</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().backgroundSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#background-size">
|
||||
<meta name="assert" content="background-size computed value is a list, each item a pair of sizes (one per axis) each represented as either a keyword or a computed length-percentage value.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderColor</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-color">
|
||||
<meta name="assert" content="border-color computed value is the computed colors.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderImageOutset</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderImageOutset</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-outset">
|
||||
<meta name="assert" content="border-image-outset computed value is four values, each a number or absolute length.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderImageRepeat</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderImageRepeat</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-repeat">
|
||||
<meta name="assert" content="border-image-repeat computed value is specified keywords.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderImageSlice</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderImageSlice</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-slice">
|
||||
<meta name="assert" content="border-image-slice computed value is four values, each either a number or percentage; plus a fill keyword if specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderImageSource</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderImageSource</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-source">
|
||||
<meta name="assert" content="border-image-source computed value is the keyword none or the specified image with URIs made absolute.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderImageWidth</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderImageWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-width">
|
||||
<meta name="assert" content="border-image-width computed value is four values, each either a number, the keyword auto, or a computed length-percentage value.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderStyle</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-style">
|
||||
<meta name="assert" content="border-style computed value is the specified keywords.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Backgrounds and Borders: getComputedValue().borderWidth</title>
|
||||
<title>CSS Backgrounds and Borders: getComputedStyle().borderWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-width">
|
||||
<meta name="assert" content="border-width computed value is the absolute length; zero if the border style is none or hidden.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().boxDecorationBreak</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().boxDecorationBreak</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-box-decoration-break">
|
||||
<meta name="assert" content="box-decoration-break computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakAfter</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().breakAfter</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-after">
|
||||
<meta name="assert" content="break-after computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakBefore</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().breakBefore</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-before">
|
||||
<meta name="assert" content="break-before computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().breakAfter</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().breakAfter</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-break-inside">
|
||||
<meta name="assert" content="break-inside computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().orphans</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().orphans</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-orphans">
|
||||
<meta name="assert" content="orphans computed value is specified integer.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Module Level 3: getComputedValue().widows</title>
|
||||
<title>CSS Fragmentation Module Level 3: getComputedStyle().widows</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#propdef-widows">
|
||||
<meta name="assert" content="widows computed value is specified integer.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Color Module Level 3: getComputedValue().color</title>
|
||||
<title>CSS Color Module Level 3: getComputedStyle().color</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-color/#propdef-color">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().opacity</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().opacity</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-color-3/#opacity">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -13,18 +13,18 @@ rt {
|
|||
contain: paint;
|
||||
display: ruby-text;
|
||||
font-size: 1rem;
|
||||
font-family: monospace;
|
||||
}
|
||||
rt::after {
|
||||
content: "PASS";
|
||||
|
||||
/* Doing the following instead of position:absolute to move it out into the area that would be clipped
|
||||
because Firefox clips absolutely positioned content of rt even though it does not support
|
||||
containment.
|
||||
Since this technique works also, not need to trigger a false negative.
|
||||
/* Doing the following instead of position:absolute to move it out into the area that would be
|
||||
clipped because Firefox clips absolutely positioned content of rt even in builds without
|
||||
support for css containment.
|
||||
Since this technique works also, there's no need to trigger a false negative.
|
||||
*/
|
||||
position: relative;
|
||||
left: 4ch;
|
||||
font-family: monospace;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Containment Module Level 1: getComputedValue().contain</title>
|
||||
<title>CSS Containment Module Level 1: getComputedStyle().contain</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property">
|
||||
<meta name="assert" content="contain computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flexBasis</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flexBasis</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-basis">
|
||||
<meta name="assert" content="flex-basis computed value is as specified, with length made absolute.">
|
||||
<meta name="assert" content="flex-basis computed value is non-negative.">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flex</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flex</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex">
|
||||
<meta name="assert" content="flex computed value is specified keywords and/or computed <length-percentage>.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flexDirection</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flexDirection</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-direction">
|
||||
<meta name="assert" content="flex-direction computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Animations: getComputedValue().flexFlow</title>
|
||||
<title>CSS Animations: getComputedStyle().flexFlow</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-flow">
|
||||
<meta name="assert" content="flex-flow computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flexGrow</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flexGrow</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-grow">
|
||||
<meta name="assert" content="flex-grow computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flexShrink</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flexShrink</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-shrink">
|
||||
<meta name="assert" content="flex-shrink computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexible Box Layout: getComputedValue().flexWrap</title>
|
||||
<title>CSS Flexible Box Layout: getComputedStyle().flexWrap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#propdef-flex-wrap">
|
||||
<meta name="assert" content="flex-wrap computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontFamily</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontFamily</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-family-prop">
|
||||
<meta name="assert" content="font-family computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontFeatureSettings</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontFeatureSettings</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-feature-settings-prop">
|
||||
<meta name="assert" content="font-feature-settings computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontKerning</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontKerning</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-kerning-prop">
|
||||
<meta name="assert" content="font-kerning computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontSizeAdjust</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontSizeAdjust</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop">
|
||||
<meta name="assert" content="font-size-adjust computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 4: getComputedValue().fontSize</title>
|
||||
<title>CSS Fonts Module Level 4: getComputedStyle().fontSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-fonts-4/#font-size-prop">
|
||||
<meta name="assert" content="font-size computed value is an absolute length.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 4: getComputedValue().fontStretch</title>
|
||||
<title>CSS Fonts Module Level 4: getComputedStyle().fontStretch</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-stretch-prop">
|
||||
<meta name="assert" content="font-stretch computed value is a percentage.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontStyle</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontStyle</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-style-prop">
|
||||
<meta name="assert" content="font-style computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontSynthesis</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontSynthesis</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-synthesis-prop">
|
||||
<meta name="assert" content="font-synthesis computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontVariantCaps</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontVariantCaps</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-caps-prop">
|
||||
<meta name="assert" content="font-variant-caps computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontVariantEastAsian</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontVariantEastAsian</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-east-asian-prop">
|
||||
<meta name="assert" content="font-variant-east-asian computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontVariantLigatures</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontVariantLigatures</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-ligatures-prop">
|
||||
<meta name="assert" content="font-variant-ligatures computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontVariantNumeric</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontVariantNumeric</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-numeric-prop">
|
||||
<meta name="assert" content="font-variant-numeric computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontVariantPosition</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontVariantPosition</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-position-prop">
|
||||
<meta name="assert" content="font-variant-position computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fonts Module Level 3: getComputedValue().fontWeight</title>
|
||||
<title>CSS Fonts Module Level 3: getComputedStyle().fontWeight</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-weight-prop">
|
||||
<meta name="assert" content="font-weight computed value is a number.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().gridArea</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().gridArea</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#placement">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().gridAutoColumns</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().gridAutoColumns</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-columns">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().gridAutoFlow</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().gridAutoFlow</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-flow">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().gridAutoRows</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().gridAutoRows</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-auto-rows">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Grid Layout Test: getComputedValue().gridTemplateAreas</title>
|
||||
<title>CSS Grid Layout Test: getComputedStyle().gridTemplateAreas</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#propdef-grid-template-areas">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Images: getComputedValue().imageOrientation</title>
|
||||
<title>CSS Images: getComputedStyle().imageOrientation</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-orientation">
|
||||
<meta name="assert" content="image-orientation computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Images: getComputedValue().imageRendering</title>
|
||||
<title>CSS Images: getComputedStyle().imageRendering</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-rendering">
|
||||
<meta name="assert" content="image-rendering computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Images: getComputedValue().objectFit</title>
|
||||
<title>CSS Images: getComputedStyle().objectFit</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-images-4/#propdef-object-fit">
|
||||
<meta name="assert" content="object-fit computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Images Module Level 3 Test: getComputedValue().objectPosition</title>
|
||||
<title>CSS Images Module Level 3 Test: getComputedStyle().objectPosition</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-object-position">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
test_invalid_value("object-position", "auto");
|
||||
test_invalid_value("object-position", "1px 2px 3px");
|
||||
test_invalid_value("object-position", "left right");
|
||||
test_invalid_value("object-position", "bottom 10%");
|
||||
test_invalid_value("object-position", "bottom 10% top 20%");
|
||||
|
||||
// The following were supported in an earlier version of the spec.
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: getComputedValue().listStyle</title>
|
||||
<title>CSS Lists: getComputedStyle().listStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style">
|
||||
<meta name="assert" content="list-style computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: getComputedValue().listStyleImage</title>
|
||||
<title>CSS Lists: getComputedStyle().listStyleImage</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-image">
|
||||
<meta name="assert" content="list-style-image computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: getComputedValue().listStylePosition</title>
|
||||
<title>CSS Lists: getComputedStyle().listStylePosition</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-position">
|
||||
<meta name="assert" content="list-style-position computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Lists: getComputedValue().listStyleType</title>
|
||||
<title>CSS Lists: getComputedStyle().listStyleType</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#propdef-list-style-type">
|
||||
<meta name="assert" content="list-style-type computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderBlockColor</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderBlockColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-block-color">
|
||||
<meta name="assert" content="border-block-color is computed color(s).">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderBlockStyle</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderBlockStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-block-style">
|
||||
<meta name="assert" content="border-block-style is specified keyword(s).">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderBlockWidth</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderBlockWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-block-width">
|
||||
<meta name="assert" content="border-block-width is absolute length; zero if the border block style is none or hidden.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderInlineColor</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderInlineColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-inline-color">
|
||||
<meta name="assert" content="border-inline-color is computed color(s).">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderInlineStyle</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderInlineStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-inline-style">
|
||||
<meta name="assert" content="border-inline-style is specified keyword(s).">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().borderInlineWidth</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().borderInlineWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-border-inline-width">
|
||||
<meta name="assert" content="border-inline-width is absolute length; zero if the border block style is none or hidden.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().insetBlock / insetInline</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().insetBlock / insetInline</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-inset-block">
|
||||
<meta name="assert" content="Computed value is as specified, with lengths made absolute.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().maxBlockSize</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().maxBlockSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-max-block-size">
|
||||
<meta name="assert" content="Computed max-block-size is the specified keyword, or the length-percentage made absolute.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().maxInlineSize</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().maxInlineSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-max-inline-size">
|
||||
<meta name="assert" content="Computed max-inline-size is the specified keyword, or the length-percentage made absolute.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().minBlockSize</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().minBlockSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-min-block-size">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#min-size-auto">
|
||||
<meta name="assert" content="Computed min-block-size is the specified keyword, or the length-percentage made absolute.">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Logical Properties and Values: getComputedValue().minInlineSize</title>
|
||||
<title>CSS Logical Properties and Values: getComputedStyle().minInlineSize</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-min-inline-size">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-flexbox-1/#min-size-auto">
|
||||
<meta name="assert" content="Computed min-inline-size is the specified keyword, or the length-percentage made absolute.">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Shapes Module Level 1: getComputedValue().shapeOutside</title>
|
||||
<title>CSS Shapes Module Level 1: getComputedStyle().shapeOutside</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-shapes/#clip-path-property">
|
||||
<meta name="assert" content="clip-path computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Insert a block into a multicol details containing column-span:all</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
#details {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
width: 400px;
|
||||
outline: 1px solid black;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<details open id="details">
|
||||
<div>block1</div>
|
||||
<summary>Summary</summary>
|
||||
<h3>spanner</h3>
|
||||
<div>block2</div>
|
||||
</details>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Insert a block into a multicol details containing column-span:all</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span">
|
||||
<link rel="match" href="multicol-span-all-dynamic-add-013-ref.html">
|
||||
<meta name="assert" content="This test checks that <summary> is still rendered as the first element after inserting a block into multicol <details>, at the place before <summary>.">
|
||||
|
||||
<script>
|
||||
function runTest() {
|
||||
document.body.offsetHeight;
|
||||
|
||||
// Create a div, and insert it as the first child of <details>,
|
||||
// just before <summary>.
|
||||
var block1 = document.createElement("div");
|
||||
var block1Text = document.createTextNode("block1");
|
||||
block1.appendChild(block1Text);
|
||||
|
||||
var details = document.getElementById("details");
|
||||
details.insertBefore(block1, details.children[0]);
|
||||
|
||||
document.documentElement.removeAttribute("class");
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#details {
|
||||
column-count: 3;
|
||||
column-rule: 6px solid;
|
||||
width: 400px;
|
||||
outline: 1px solid black;
|
||||
}
|
||||
h3 {
|
||||
column-span: all;
|
||||
outline: 1px solid blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body onload="runTest();">
|
||||
<details open id="details">
|
||||
<summary>Summary</summary>
|
||||
<h3>spanner</h3>
|
||||
<div>block2</div>
|
||||
</details>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnCount</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnCount</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-count">
|
||||
<meta name="assert" content="column-count computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnFill</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnFill</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-fill">
|
||||
<meta name="assert" content="column-fill computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnGap</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnGap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-gap">
|
||||
<meta name="assert" content="column-gap computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRuleColor</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnRuleColor</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-color">
|
||||
<meta name="assert" content="column-rule-color computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRule</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnRule</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule">
|
||||
<meta name="assert" content="column-rule computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRuleStyle</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnRuleStyle</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-style">
|
||||
<meta name="assert" content="column-rule-style computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnRuleWidth</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnRuleWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-rule-width">
|
||||
<meta name="assert" content="column-rule-width computed value is absolute length.">
|
||||
<meta name="assert" content="column-rule-width computed value is 0 if the column rule style is none or hidden.">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnSpan</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnSpan</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-span">
|
||||
<meta name="assert" content="column-span computed value is as specified.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout: getComputedValue().columnWidth</title>
|
||||
<title>CSS Multi-column Layout: getComputedStyle().columnWidth</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#propdef-column-width">
|
||||
<meta name="assert" content="column-width computed value is the keyword auto or an absolute length.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Overflow: getComputedValue().overflow</title>
|
||||
<title>CSS Overflow: getComputedStyle().overflow</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-overflow/#propdef-overflow">
|
||||
<meta name="assert" content="visible/clip compute to auto/hidden (respectively) if one of overflow-x or overflow-y is neither visible nor clip.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue