Update web-platform-tests to revision 6fa9de7201cd41564d02c3edd62365aeb40e171b

This commit is contained in:
WPT Sync Bot 2019-07-20 10:25:14 +00:00
parent 60f1ffc5a7
commit dc1f7ba3ec
124 changed files with 2052 additions and 849 deletions

View file

@ -7,7 +7,7 @@
expected: FAIL
[Opening a blob URL in a new window immediately before revoking it works.]
expected: FAIL
expected: TIMEOUT
[Opening a blob URL in a noopener about:blank window immediately before revoking it works.]
expected: FAIL

View file

@ -34,3 +34,6 @@
[Revoke blob URL after creating Request, will fetch]
expected: FAIL
[Revoke blob URL after calling fetch, fetch should succeed]
expected: FAIL

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,25 @@
[align-content-computed.html]
[Property align-content value 'start' computes to 'start']
expected: FAIL
[Property align-content value 'safe flex-start' computes to 'safe flex-start']
expected: FAIL
[Property align-content value 'unsafe end' computes to 'unsafe end']
expected: FAIL
[Property align-content value 'baseline' computes to 'baseline']
expected: FAIL
[Property align-content value 'last baseline' computes to 'last baseline']
expected: FAIL
[Property align-content value 'normal' computes to 'normal']
expected: FAIL
[Property align-content value 'end' computes to 'end']
expected: FAIL
[Property align-content value 'space-evenly' computes to 'space-evenly']
expected: FAIL

View file

@ -0,0 +1,25 @@
[align-items-computed.html]
[Property align-items value 'self-start' computes to 'self-start']
expected: FAIL
[Property align-items value 'self-end' computes to 'self-end']
expected: FAIL
[Property align-items value 'unsafe center' computes to 'unsafe center']
expected: FAIL
[Property align-items value 'normal' computes to 'normal']
expected: FAIL
[Property align-items value 'start' computes to 'start']
expected: FAIL
[Property align-items value 'safe self-end' computes to 'safe self-end']
expected: FAIL
[Property align-items value 'end' computes to 'end']
expected: FAIL
[Property align-items value 'last baseline' computes to 'last baseline']
expected: FAIL

View file

@ -0,0 +1,28 @@
[align-self-computed.html]
[Property align-self value 'safe self-end' computes to 'safe self-end']
expected: FAIL
[Property align-self value 'self-start' computes to 'self-start']
expected: FAIL
[Property align-self value 'end' computes to 'end']
expected: FAIL
[Property align-self value 'auto' computes to 'auto']
expected: FAIL
[Property align-self value 'last baseline' computes to 'last baseline']
expected: FAIL
[Property align-self value 'normal' computes to 'normal']
expected: FAIL
[Property align-self value 'self-end' computes to 'self-end']
expected: FAIL
[Property align-self value 'unsafe center' computes to 'unsafe center']
expected: FAIL
[Property align-self value 'start' computes to 'start']
expected: FAIL

View file

@ -0,0 +1,25 @@
[justify-content-computed.html]
[Property justify-content value 'unsafe end' computes to 'unsafe end']
expected: FAIL
[Property justify-content value 'start' computes to 'start']
expected: FAIL
[Property justify-content value 'end' computes to 'end']
expected: FAIL
[Property justify-content value 'left' computes to 'left']
expected: FAIL
[Property justify-content value 'unsafe right' computes to 'unsafe right']
expected: FAIL
[Property justify-content value 'space-evenly' computes to 'space-evenly']
expected: FAIL
[Property justify-content value 'normal' computes to 'normal']
expected: FAIL
[Property justify-content value 'safe flex-start' computes to 'safe flex-start']
expected: FAIL

View file

@ -0,0 +1,61 @@
[justify-items-computed.html]
[Property justify-items value 'self-start' computes to 'self-start']
expected: FAIL
[Property justify-items value 'legacy' computes to 'normal']
expected: FAIL
[Property justify-items value 'stretch' computes to 'stretch']
expected: FAIL
[Property justify-items value 'start' computes to 'start']
expected: FAIL
[Property justify-items value 'right' computes to 'right']
expected: FAIL
[Property justify-items value 'center' computes to 'center']
expected: FAIL
[Property justify-items value 'legacy right' computes to 'legacy right']
expected: FAIL
[Property justify-items value 'self-end' computes to 'self-end']
expected: FAIL
[Property justify-items value 'legacy center' computes to 'legacy center']
expected: FAIL
[Property justify-items value 'unsafe center' computes to 'unsafe center']
expected: FAIL
[Property justify-items value 'flex-start' computes to 'flex-start']
expected: FAIL
[Property justify-items value 'legacy left' computes to 'legacy left']
expected: FAIL
[Property justify-items value 'flex-end' computes to 'flex-end']
expected: FAIL
[justify-items legacy depends on inherited value]
expected: FAIL
[Property justify-items value 'last baseline' computes to 'last baseline']
expected: FAIL
[Property justify-items value 'baseline' computes to 'baseline']
expected: FAIL
[Property justify-items value 'safe left' computes to 'safe left']
expected: FAIL
[Property justify-items value 'normal' computes to 'normal']
expected: FAIL
[Property justify-items value 'safe self-end' computes to 'safe self-end']
expected: FAIL
[Property justify-items value 'end' computes to 'end']
expected: FAIL

View file

@ -0,0 +1,49 @@
[justify-self-computed.html]
[Property justify-self value 'baseline' computes to 'baseline']
expected: FAIL
[Property justify-self value 'end' computes to 'end']
expected: FAIL
[Property justify-self value 'safe self-end' computes to 'safe self-end']
expected: FAIL
[Property justify-self value 'auto' computes to 'auto']
expected: FAIL
[Property justify-self value 'last baseline' computes to 'last baseline']
expected: FAIL
[Property justify-self value 'flex-end' computes to 'flex-end']
expected: FAIL
[Property justify-self value 'self-end' computes to 'self-end']
expected: FAIL
[Property justify-self value 'center' computes to 'center']
expected: FAIL
[Property justify-self value 'stretch' computes to 'stretch']
expected: FAIL
[Property justify-self value 'normal' computes to 'normal']
expected: FAIL
[Property justify-self value 'self-start' computes to 'self-start']
expected: FAIL
[Property justify-self value 'start' computes to 'start']
expected: FAIL
[Property justify-self value 'left' computes to 'left']
expected: FAIL
[Property justify-self value 'unsafe right' computes to 'unsafe right']
expected: FAIL
[Property justify-self value 'flex-start' computes to 'flex-start']
expected: FAIL
[Property justify-self value 'unsafe center' computes to 'unsafe center']
expected: FAIL

View file

@ -1,10 +1,4 @@
[background-position-x-valid.html]
[e.style['background-position-x'\] = "calc(10px - 0.5em)" should set the property value]
expected: FAIL
[e.style['background-position-x'\] = "calc(10px - 0.5em), left -20%, right 10px" should set the property value]
expected: FAIL
[e.style['background-position-x'\] = "x-end" should set the property value]
expected: FAIL

View file

@ -11,6 +11,3 @@
[e.style['background-position-y'\] = "y-end" should set the property value]
expected: FAIL
[e.style['background-position-y'\] = "calc(10px - 0.5em)" should set the property value]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-001.html]
expected: FAIL

View file

@ -0,0 +1,10 @@
[text-decoration-thickness-computed.html]
[Property text-decoration-thickness value 'from-font' computes to 'from-font']
expected: FAIL
[Property text-decoration-thickness value 'auto' computes to 'auto']
expected: FAIL
[Property text-decoration-thickness value 'calc(10px - 8px)' computes to '2px']
expected: FAIL

View file

@ -0,0 +1,4 @@
[text-decoration-thickness-initial.html]
[Initial value of text-decoration-thickness should be auto]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-linethrough-001.html]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-overline-001.html]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-scroll-001.html]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-underline-001.html]
expected: FAIL

View file

@ -0,0 +1,25 @@
[text-decoration-thickness-valid.html]
[e.style['text-decoration-thickness'\] = "from-font" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "2001em" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "-49em" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "auto" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "calc(-50em + 13px)" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "53px" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "calc(40em - 10px)" should set the property value]
expected: FAIL
[e.style['text-decoration-thickness'\] = "-10px" should set the property value]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-vertical-001.html]
expected: FAIL

View file

@ -0,0 +1,2 @@
[text-decoration-thickness-vertical-002.html]
expected: FAIL

View file

@ -1079,12 +1079,6 @@
[text-indent percentage(%) / values]
expected: FAIL
[margin-top length(ex) / values]
expected: FAIL
[margin-top length(mm) / values]
expected: FAIL
[margin-top length(pt) / values]
[padding-bottom length(ex) / values]
expected: FAIL

View file

@ -0,0 +1,2 @@
[matchMedia-display-none-iframe.html]
expected: ERROR

View file

@ -312,6 +312,15 @@
[<iframe>: separate response Content-Type: */* text/html]
expected: FAIL
[<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
[<iframe>: combined response Content-Type: text/html */*]
expected: FAIL
[<iframe>: separate response Content-Type: text/plain */*]
expected: FAIL
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
expected: FAIL
[<iframe>: separate response Content-Type: text/plain */*;charset=gbk]
expected: FAIL

View file

@ -56,3 +56,6 @@
[separate text/javascript x/x]
expected: FAIL
[separate text/javascript;charset=windows-1252 error text/javascript]
expected: FAIL

View file

@ -11,9 +11,6 @@
[X-Content-Type-Options%3A%20nosniff%0C]
expected: FAIL
[X-Content-Type-Options%3A%20'NosniFF']
expected: FAIL
[X-Content-Type-Options%3A%20%22nosniFF%22]
[Content-Type-Options%3A%20nosniff]
expected: FAIL

View file

@ -0,0 +1,4 @@
[traverse_the_history_1.html]
[Multiple history traversals from the same task]
expected: FAIL

View file

@ -1,4 +1,4 @@
[traverse_the_history_2.html]
[traverse_the_history_4.html]
[Multiple history traversals, last would be aborted]
expected: FAIL

View file

@ -3,3 +3,9 @@
[Setting location.hash on srcdoc iframe]
expected: FAIL
[Setting hash which is partially encoded should only encode incompatible characters]
expected: FAIL
[Setting hash should encode incompatible characters]
expected: FAIL

View file

@ -1,5 +0,0 @@
[creating_browsing_context_test_01.html]
type: testharness
[first argument: absolute url]
expected: FAIL

View file

@ -0,0 +1,4 @@
[broadcastchannel-success.https.html]
[Structured cloning of SharedArrayBuffers: BroadcastChannel within the same agent cluster]
expected: FAIL

View file

@ -0,0 +1,7 @@
[toggleEvent.html]
[Calling open twice on 'details' fires only one toggle event]
expected: FAIL
[Setting open=true to opened 'details' element should not fire a toggle event at the 'details' element]
expected: FAIL

View file

@ -1,4 +0,0 @@
[DOMContentLoaded-defer.html]
[The end: DOMContentLoaded and defer scripts]
expected: FAIL

View file

@ -0,0 +1,5 @@
[buffered-flag.window.html]
expected: TIMEOUT
[PerformanceObserver with buffered flag sees previous navigation entry.]
expected: TIMEOUT

View file

@ -116,3 +116,9 @@
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[30\]\t9.4836157560348511e-1\t9.5236867666244507e-1\t4.0071010589599609e-3\t4.2075103446311962e-3\t3.8985999999999999e-3\n\t[31\]\t9.2646563053131104e-1\t9.3139332532882690e-1\t4.9276947975158691e-3\t5.2906700783754857e-3\t3.8985999999999999e-3\n\t[32\]\t9.0087991952896118e-1\t9.0675884485244751e-1\t5.8789253234863281e-3\t6.4834496590358351e-3\t3.8985999999999999e-3\n\t[33\]\t8.7170630693435669e-1\t8.7856203317642212e-1\t6.8557262420654297e-3\t7.8033490899654511e-3\t3.8985999999999999e-3\n\t[34\]\t8.3906102180480957e-1\t8.4691369533538818e-1\t7.8526735305786133e-3\t9.2721059699818163e-3\t3.8985999999999999e-3\n\t...and 31037 more errors.\n\tMax AbsError of 1.1836414583850666e+22 at index of 39267.\n\t[39267\]\t1.1836414583850666e+22\t-9.8276454210281372e-1\t1.1836414583850666e+22\t1.2043998411383850e+22\t3.8985999999999999e-3\n\tMax RelError of 2.3038078820072928e+22 at index of 20238.\n\t[20238\]\t1.0960356369936048e+22\t-4.7574958205223083e-1\t1.0960356369936048e+22\t2.3038078820072928e+22\t3.8985999999999999e-3\n]
expected: FAIL
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[30\]\t9.4836157560348511e-1\t9.5236867666244507e-1\t4.0071010589599609e-3\t4.2075103446311962e-3\t3.8985999999999999e-3\n\t[31\]\t9.2646563053131104e-1\t9.3139332532882690e-1\t4.9276947975158691e-3\t5.2906700783754857e-3\t3.8985999999999999e-3\n\t[32\]\t9.0087991952896118e-1\t9.0675884485244751e-1\t5.8789253234863281e-3\t6.4834496590358351e-3\t3.8985999999999999e-3\n\t[33\]\t8.7170630693435669e-1\t8.7856203317642212e-1\t6.8557262420654297e-3\t7.8033490899654511e-3\t3.8985999999999999e-3\n\t[34\]\t8.3906102180480957e-1\t8.4691369533538818e-1\t7.8526735305786133e-3\t9.2721059699818163e-3\t3.8985999999999999e-3\n\t...and 31037 more errors.\n\tMax AbsError of 1.5492252409458160e+0 at index of 20238.\n\t[20238\]\t-2.0249748229980469e+0\t-4.7574958205223083e-1\t1.5492252409458160e+0\t3.2563880230077262e+0\t3.8985999999999999e-3\n\tMax RelError of 3.3137802965303198e+0 at index of 1253.\n\t[1253\]\t-4.3022233992815018e-2\t-9.9732093513011932e-3\t3.3049024641513824e-2\t3.3137802965303198e+0\t3.8985999999999999e-3\n]
expected: FAIL
[X SNR (21.35658911509222 dB) is not greater than or equal to 65.737. Got 21.35658911509222.]
expected: FAIL

View file

@ -0,0 +1,7 @@
[xrDevice_requestSession_immersive.https.html]
[Tests requestSession ignores unknown optionalFeatures]
expected: FAIL
[Tests requestSession accepts XRSessionInit dictionary]
expected: FAIL

View file

@ -0,0 +1,7 @@
[xrDevice_requestSession_optionalFeatures.https.html]
[Tests requestSession ignores unknown optionalFeatures]
expected: FAIL
[Tests requestSession accepts XRSessionInit dictionary with empty feature lists]
expected: FAIL

View file

@ -0,0 +1,4 @@
[xrDevice_requestSession_requiredFeatures_unknown.https.html]
[Tests requestSession rejects for unknown requiredFeatures]
expected: FAIL

View file

@ -0,0 +1,37 @@
[xrSession_requestReferenceSpace_features.https.html]
[Non-immersive session rejects unbounded space even when requested]
expected: FAIL
[Immersive session supports local space by default]
expected: FAIL
[Non-immersive session supports local-floor space when required]
expected: FAIL
[Immersive session rejects local-floor space if not requested]
expected: FAIL
[Immersive session supports local-floor space when required]
expected: FAIL
[Non-immersive session rejects bounded-floor space even when requested]
expected: FAIL
[Non-immersive session supports local space when optional]
expected: FAIL
[Immersive session supports local-floor space when optional]
expected: FAIL
[Non-immersive session supports local space when required]
expected: FAIL
[Non-immersive session supports viewer space by default]
expected: FAIL
[Non-immersive session rejects local space if not requested]
expected: FAIL
[Immersive session supports viewer space by default]
expected: FAIL

View file

@ -1,2 +0,0 @@
[Worker-constructor.html]
expected: ERROR

View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().alignContent</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-content">
<meta name="assert" content="align-content 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("align-content", "normal");
test_computed_value("align-content", "baseline");
test_computed_value("align-content", "last baseline");
test_computed_value("align-content", "space-between");
test_computed_value("align-content", "space-around");
test_computed_value("align-content", "space-evenly");
test_computed_value("align-content", "stretch");
test_computed_value("align-content", "center");
test_computed_value("align-content", "start");
test_computed_value("align-content", "end");
test_computed_value("align-content", "flex-start");
test_computed_value("align-content", "flex-end");
test_computed_value("align-content", "unsafe end");
test_computed_value("align-content", "safe flex-start");
</script>
</body>
</html>

View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().alignItems</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-items">
<meta name="assert" content="align-items 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("align-items", "normal");
test_computed_value("align-items", "stretch");
test_computed_value("align-items", "baseline");
test_computed_value("align-items", "last baseline");
test_computed_value("align-items", "center");
test_computed_value("align-items", "start");
test_computed_value("align-items", "end");
test_computed_value("align-items", "self-start");
test_computed_value("align-items", "self-end");
test_computed_value("align-items", "flex-start");
test_computed_value("align-items", "flex-end");
test_computed_value("align-items", "unsafe center");
test_computed_value("align-items", "safe self-end");
</script>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().alignSelf</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-align-self">
<meta name="assert" content="align-self 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("align-self", "auto");
test_computed_value("align-self", "normal");
test_computed_value("align-self", "stretch");
test_computed_value("align-self", "baseline");
test_computed_value("align-self", "last baseline");
test_computed_value("align-self", "center");
test_computed_value("align-self", "start");
test_computed_value("align-self", "end");
test_computed_value("align-self", "self-start");
test_computed_value("align-self", "self-end");
test_computed_value("align-self", "flex-start");
test_computed_value("align-self", "flex-end");
test_computed_value("align-self", "unsafe center");
test_computed_value("align-self", "safe self-end");
</script>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().justifyContent</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
<meta name="assert" content="justify-content 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("justify-content", "normal");
test_computed_value("justify-content", "space-between");
test_computed_value("justify-content", "space-around");
test_computed_value("justify-content", "space-evenly");
test_computed_value("justify-content", "stretch");
test_computed_value("justify-content", "center");
test_computed_value("justify-content", "start");
test_computed_value("justify-content", "end");
test_computed_value("justify-content", "flex-start");
test_computed_value("justify-content", "flex-end");
test_computed_value("justify-content", "unsafe end");
test_computed_value("justify-content", "safe flex-start");
test_computed_value("justify-content", "left");
test_computed_value("justify-content", "unsafe right");
</script>
</body>
</html>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-content with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-content">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
<meta name="assert" content="justify-content supports only the grammar 'normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-content with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-content">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-content">
<meta name="assert" content="justify-content supports the full grammar 'normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().justifyItems</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
<meta name="assert" content="justify-items computed value is as specified.">
<meta name="assert" content="justify-items legacy depends on inherited value.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="container">
<div id="target"></div>
</div>
<script>
test_computed_value("justify-items", "normal");
test_computed_value("justify-items", "stretch");
test_computed_value("justify-items", "baseline");
test_computed_value("justify-items", "last baseline");
test_computed_value("justify-items", "center");
test_computed_value("justify-items", "start");
test_computed_value("justify-items", "end");
test_computed_value("justify-items", "self-start");
test_computed_value("justify-items", "self-end");
test_computed_value("justify-items", "flex-start");
test_computed_value("justify-items", "flex-end");
test_computed_value("justify-items", "unsafe center");
test_computed_value("justify-items", "safe self-end");
test_computed_value("justify-items", "right");
test_computed_value("justify-items", "safe left");
test_computed_value("justify-items", "legacy", "normal");
test_computed_value("justify-items", "legacy left");
test_computed_value("justify-items", "legacy right");
test_computed_value("justify-items", "legacy center");
test(() => {
const container = document.getElementById('container');
const target = document.getElementById('target');
target.style.justifyItems = 'legacy';
container.style.justifyItems = 'legacy left';
assert_equals(getComputedStyle(target).justifyItems, 'legacy left');
container.style.justifyItems = 'legacy right';
assert_equals(getComputedStyle(target).justifyItems, 'legacy right');
container.style.justifyItems = 'legacy center';
assert_equals(getComputedStyle(target).justifyItems, 'legacy center');
container.style.justifyItems = 'flex-end';
assert_equals(getComputedStyle(target).justifyItems, 'normal');
}, 'justify-items legacy depends on inherited value');
</script>
</body>
</html>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-items with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-items">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
<meta name="assert" content="justify-items supports only the grammar 'normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-items with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-items">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-items">
<meta name="assert" content="justify-items supports the full grammar 'normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: getComputedStyle().justifySelf</title>
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
<meta name="assert" content="justify-self 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("justify-self", "auto");
test_computed_value("justify-self", "normal");
test_computed_value("justify-self", "stretch");
test_computed_value("justify-self", "baseline");
test_computed_value("justify-self", "last baseline");
test_computed_value("justify-self", "center");
test_computed_value("justify-self", "start");
test_computed_value("justify-self", "end");
test_computed_value("justify-self", "self-start");
test_computed_value("justify-self", "self-end");
test_computed_value("justify-self", "flex-start");
test_computed_value("justify-self", "flex-end");
test_computed_value("justify-self", "unsafe center");
test_computed_value("justify-self", "safe self-end");
test_computed_value("justify-self", "left");
test_computed_value("justify-self", "unsafe right");
</script>
</body>
</html>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-self with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-self">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
<meta name="assert" content="justify-self supports only the grammar 'auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>CSS Box Alignment Level 3: parsing justify-self with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-justify-3/#propdef-justify-self">
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-justify-self">
<meta name="assert" content="justify-self supports the full grammar 'auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

View file

@ -19,13 +19,13 @@ test_valid_value("background-position-x", "x-end");
test_valid_value("background-position-x", "-20%");
test_valid_value("background-position-x", "10px");
test_valid_value("background-position-x", "0.5em");
test_valid_value("background-position-x", "calc(10px - 0.5em)");
test_valid_value("background-position-x", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("background-position-x", "left -20%");
test_valid_value("background-position-x", "right 10px");
test_valid_value("background-position-x", "-20%, 10px");
test_valid_value("background-position-x", "center, left, right");
test_valid_value("background-position-x", "0.5em, x-start, x-end");
test_valid_value("background-position-x", "calc(10px - 0.5em), left -20%, right 10px");
test_valid_value("background-position-x", "calc(10px - 0.5em), left -20%, right 10px", "calc(-0.5em + 10px), left -20%, right 10px");
</script>
</body>
</html>

View file

@ -19,13 +19,13 @@ test_valid_value("background-position-y", "y-end");
test_valid_value("background-position-y", "-20%");
test_valid_value("background-position-y", "10px");
test_valid_value("background-position-y", "0.5em");
test_valid_value("background-position-y", "calc(10px - 0.5em)");
test_valid_value("background-position-y", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("background-position-y", "top -20%");
test_valid_value("background-position-y", "bottom 10px");
test_valid_value("background-position-y", "-20%, 10px");
test_valid_value("background-position-y", "center, top, bottom");
test_valid_value("background-position-y", "0.5em, y-start, y-end");
test_valid_value("background-position-y", "calc(10px - 0.5em), top -20%, bottom 10px");
test_valid_value("background-position-y", "calc(10px - 0.5em), top -20%, bottom 10px", "calc(-0.5em + 10px), top -20%, top 10px");
</script>
</body>
</html>

View file

@ -2,6 +2,7 @@
<meta charset="utf-8">
<title>CSS container Layout Test Reference</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.container {
font: 10px/1 Ahem;

View file

@ -6,6 +6,7 @@
<link rel="match" href="grid-container-scrollbar-vertical-lr-001-ref.html">
<meta name="assert" content="This test verifies that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
<link href="support/grid.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.grid {
font: 10px/1 Ahem;

View file

@ -2,6 +2,7 @@
<meta charset="utf-8">
<title>CSS container Layout Test Reference</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.container {
font: 10px/1 Ahem;

View file

@ -6,6 +6,7 @@
<link rel="match" href="grid-container-scrollbar-vertical-rl-001-ref.html">
<meta name="assert" content="This test verifies that scrollbars are properly painted on grid containers, and are shown in the expected position depending on the direction.">
<link href="support/grid.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.grid {
font: 10px/1 Ahem;

View file

@ -19,7 +19,7 @@ test_valid_value("border-block", "double", ["double", "medium double"]);
test_valid_value("border-block-start", "green double thin", "thin double green");
test_valid_value("border-block-start", "green", ["green", "medium none green"]);
test_valid_value("border-block-end", "thin", ["thin", "thin none"]);
test_valid_value("border-block-end", "calc(10px - 0.5em) dotted red");
test_valid_value("border-block-end", "calc(10px - 0.5em) dotted red", "calc(-0.5em + 10px) dotted red");
</script>
</body>
</html>

View file

@ -13,14 +13,14 @@
<script>
// <length> | thin | medium | thick
test_valid_value("border-block-start-width", "10px");
test_valid_value("border-block-start-width", "calc(10px + 0.5em)");
test_valid_value("border-block-start-width", "calc(10px + 0.5em)", "calc(0.5em + 10px)");
test_valid_value("border-block-start-width", "thick");
test_valid_value("border-block-start-width", "thin");
test_valid_value("border-block-end-width", "0", "0px");
test_valid_value("border-block-end-width", "calc(10px - 0.5em)");
test_valid_value("border-block-end-width", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("border-block-end-width", "medium");
test_valid_value("border-block-width", "10px");
test_valid_value("border-block-width", "medium calc(10px + 0.5em)");
test_valid_value("border-block-width", "medium calc(10px + 0.5em)", "medium calc(0.5em + 10px)");
test_valid_value("border-block-width", "10px 10px", "10px");
</script>
</body>

View file

@ -19,7 +19,7 @@ test_valid_value("border-inline", "double", ["double", "medium double"]);
test_valid_value("border-inline-start", "green double thin", "thin double green");
test_valid_value("border-inline-start", "green", ["green", "medium none green"]);
test_valid_value("border-inline-end", "thin", ["thin", "thin none"]);
test_valid_value("border-inline-end", "calc(10px - 0.5em) dotted red");
test_valid_value("border-inline-end", "calc(10px - 0.5em) dotted red", "calc(-0.5em + 10px) dotted red");
</script>
</body>
</html>

View file

@ -13,14 +13,14 @@
<script>
// <length> | thin | medium | thick
test_valid_value("border-inline-start-width", "10px");
test_valid_value("border-inline-start-width", "calc(10px + 0.5em)");
test_valid_value("border-inline-start-width", "calc(10px + 0.5em)", "calc(0.5em + 10px)");
test_valid_value("border-inline-start-width", "thick");
test_valid_value("border-inline-start-width", "thin");
test_valid_value("border-inline-end-width", "0", "0px");
test_valid_value("border-inline-end-width", "calc(10px - 0.5em)");
test_valid_value("border-inline-end-width", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("border-inline-end-width", "medium");
test_valid_value("border-inline-width", "10px");
test_valid_value("border-inline-width", "medium calc(10px + 0.5em)");
test_valid_value("border-inline-width", "medium calc(10px + 0.5em)", "medium calc(0.5em + 10px)");
test_valid_value("border-inline-width", "10px 10px", "10px");
</script>
</body>

View file

@ -15,16 +15,16 @@
test_valid_value("inset-block-start", "auto");
test_valid_value("inset-block-end", "-10px");
test_valid_value("inset-inline-start", "-20%");
test_valid_value("inset-inline-end", "calc(10px - 0.5em)");
test_valid_value("inset-inline-end", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("inset-block", "auto");
test_valid_value("inset-block", "-10px");
test_valid_value("inset-block", "calc(10px - 0.5em) -20%");
test_valid_value("inset-block", "calc(10px - 0.5em) -20%", "calc(-0.5em + 10px) -20%");
test_valid_value("inset-block", "auto auto", "auto");
test_valid_value("inset-inline", "-20%");
test_valid_value("inset-inline", "calc(10px - 0.5em)");
test_valid_value("inset-inline", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
test_valid_value("inset-inline", "-10px auto");
test_valid_value("inset-inline", "auto calc(10px + 0.5em)");
test_valid_value("inset-inline", "auto calc(10px + 0.5em)", "auto calc(0.5em + 10px)");
</script>
</body>
</html>

View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>CSS Multi-column Layout Test: Append a block to an empty inline element</title>
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
<style>
#column {
column-count: 3;
column-rule: 6px solid;
width: 400px;
outline: 1px solid black;
}
div {
height: 300px;
background-color: yellow;
}
</style>
<body>
<article id="column">
<span id="span"><div>block</div></span>
</article>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>CSS Multi-column Layout Test: Append a block to an empty inline element</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/#cf">
<link rel="help" href="https://www.w3.org/TR/CSS22/visuren.html#anonymous-block-level">
<link rel="match" href="multicol-dynamic-add-001-ref.html">
<meta name="assert" content="This test checks that the block appended into an inline element should perform correct block-in-inline splitting, and balance the block's height into three columns.">
<script>
function runTest() {
document.body.offsetHeight;
/* Append a block to the inline element. */
var block = document.createElement("div");
var text = document.createTextNode("block");
block.appendChild(text);
var span = document.getElementById("span");
span.appendChild(block);
document.documentElement.removeAttribute("class");
}
</script>
<style>
#column {
column-count: 3;
column-rule: 6px solid;
width: 400px;
outline: 1px solid black;
}
div {
height: 300px;
background-color: yellow;
}
</style>
<body onload="runTest();">
<article id="column">
<span id="span"><!-- block will be added here. --></span>
</article>
</body>
</html>

View file

@ -54,6 +54,8 @@ assert_valid("<percentage>", "-9.3e3%");
assert_valid("<length-percentage>", "-54%");
assert_valid("<length-percentage>", "0");
assert_valid("<length-percentage>", "calc(-11px + 10.4%)");
assert_valid("<length>", "10vmin");
assert_valid("<percentage> | <length>+", "calc(100vh - 10px) 30px");
assert_valid("<number>", "-109");
assert_valid("<number>", "2.3e4");
@ -183,14 +185,12 @@ assert_invalid("<length>", "10%");
assert_invalid("<length>", "calc(5px + 10%)");
assert_invalid("<length>", "calc(5px * 3px / 6px)");
assert_invalid("<length>", "10em");
assert_invalid("<length>", "10vmin");
assert_invalid("<length>", "calc(4px + 3em)");
assert_invalid("<length>", "calc(4px + calc(8 * 2em))");
assert_invalid("<length>+", "calc(2ex + 16px)");
assert_invalid("<length>+", "10px calc(20px + 4rem)");
assert_invalid("<length>+", "");
assert_invalid("<length>#", "");
assert_invalid("<percentage> | <length>+", "calc(100vh - 10px) 30px");
assert_invalid("<length>", "10px;");
assert_invalid("<length-percentage>", "calc(2px + 10% + 7ex)");
assert_invalid("<percentage>", "0");

View file

@ -1,42 +1,73 @@
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#scroll-snap-type"/>
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#principal-flow"/>
<link rel="help" href="https://drafts.csswg.org/css-scroll-snap-1/#scroll-snap-type" />
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-4/#principal-flow" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
html {
height: 3000px;
scroll-snap-type: inline mandatory;
width: 3000px;
}
#target {
position: absolute;
background-color: blue;
top: 1000px;
width: 100%;
left: 100px;
width: 100vw;
height: 100px;
}
</style>
<div id="target"></div>
<script>
const documentHeight = document.documentElement.clientHeight;
test(() => {
target.style.scrollSnapAlign = "end start";
window.scrollTo(0, 1000);
function cleanup() {
document.documentElement.style.scrollSnapType = "none";
target.style.scrollSnapAlign = "";
document.body.style.writingMode = "";
window.scrollTo(0, 0);
}
test(t => {
t.add_cleanup(cleanup);
document.documentElement.style.scrollSnapType = "y mandatory";
target.style.scrollSnapAlign = "end none";
window.scrollTo(0, 800);
// `target y (1000px)` + `target height (100px)` - document height.
assert_equals(document.scrollingElement.scrollTop, 1100 - documentHeight);
target.style.scrollSnapAlign = "";
window.scrollTo(0, 0);
assert_equals(document.scrollingElement.scrollLeft, 0, "x should not snap");
}, "The scroll-snap-type on the root element is applied");
test(() => {
document.body.style.writingMode = "vertical-rl";
target.style.scrollSnapAlign = "start end";
test(t => {
t.add_cleanup(cleanup);
window.scrollTo(0, 1000);
// `target y (1000px)` + `target height (100px)` - document height.
assert_equals(document.scrollingElement.scrollTop, 1100 - documentHeight);
}, "The writing-mode on the body is used");
</script>
document.documentElement.style.scrollSnapType = "inline mandatory";
document.body.style.writingMode = "vertical-lr";
target.style.scrollSnapAlign = "none end";
window.scrollTo(200, 800);
// Since inline axis is vertical, scrolling viewport vertically on block
// axis should snap.
assert_equals(document.scrollingElement.scrollTop, 1100 - documentHeight, "inline should snap");
// `target x (100px)`.
assert_equals(document.scrollingElement.scrollLeft, 200, "block should not snap");
}, "The writing-mode (vertical-lr) on the body is used");
test(t => {
t.add_cleanup(cleanup);
document.documentElement.style.scrollSnapType = "inline mandatory";
document.body.style.writingMode = "horizontal-tb"; // inline is horizontal
target.style.scrollSnapAlign = "none start";
window.scrollTo(200, 800);
assert_equals(document.scrollingElement.scrollLeft, 100, "inline should snap");
assert_equals(document.scrollingElement.scrollTop, 800, "block should not snap");
}, "The writing-mode (horizontal-tb) on the body is used ");
</script>

View file

@ -13,7 +13,7 @@
<script>
test_valid_value("border-spacing", "0px");
test_valid_value("border-spacing", "10px 20px");
test_valid_value("border-spacing", "calc(10px + 0.5em) calc(10px - 0.5em)");
test_valid_value("border-spacing", "calc(10px + 0.5em) calc(10px - 0.5em)", "calc(0.5em + 10px) calc(-0.5em + 10px)");
</script>
</body>
</html>

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>Non-reference case for text-decoration-width</title>
<title>Non-reference case for text-decoration-thickness</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#main {

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<title>Reference case for text-decoration-thickness</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div{

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<title>Reference case for text-decoration-thickness</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>Reference case for text-decoration-width</title>
<title>Reference case for text-decoration-thickness</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: should affect the underline thickness">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness: should affect the underline thickness">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="mismatch" href="reference/text-decoration-width-001-notref.html">
<link rel="mismatch" href="reference/text-decoration-thickness-001-notref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#main {
@ -21,7 +21,7 @@
padding-right: 1em;
}
#rightbox {
text-decoration-width: 2em;
text-decoration-thickness: 2em;
}
</style>
</head>

View file

@ -2,9 +2,9 @@
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Decoration Test: parsing text-decoration-width computed values</title>
<title>CSS Text Decoration Test: parsing text-decoration-thickness computed values</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<meta name="assert" content="text-decoration-width computed value is as specified.">
<meta name="assert" content="text-decoration-thickness 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>
@ -12,9 +12,9 @@
<body>
<div id="target"></div>
<script>
test_computed_value("text-decoration-width", "auto");
test_computed_value("text-decoration-width", "from-font");
test_computed_value("text-decoration-width", "calc(10px - 8px)", "2px");
test_computed_value("text-decoration-thickness", "auto");
test_computed_value("text-decoration-thickness", "from-font");
test_computed_value("text-decoration-thickness", "calc(10px - 8px)", "2px");
</script>
</body>
</html>

View file

@ -4,14 +4,14 @@
<meta charset="utf-8">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="help" title="2.4 Text Decoration Width: the 'text-decoration-width' property"
<link rel="help" title="2.4 Text Decoration Width: the 'text-decoration-thickness' property"
href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property" />
</head>
<body>
<script>
test(function() {
assert_equals(getComputedStyle(document.body)["text-decoration-width"], "auto", "Must be set to value auto as initial value.");
}, "Initial value of text-decoration-width should be auto");
assert_equals(getComputedStyle(document.body)["text-decoration-thickness"], "auto", "Must be set to value auto as initial value.");
}, "Initial value of text-decoration-thickness should be auto");
</script>
</body>
</html>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Decoration Test: parsing text-decoration-thickness with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<meta name="assert" content="text-decoration-thickness supports the following values: auto | from-font | <length>">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_invalid_value("text-decoration-thickness", "otto");
test_invalid_value("text-decoration-thickness", "asdlflj");
test_invalid_value("text-decoration-thickness", "-10");
test_invalid_value("text-decoration-thickness", "60002020");
test_invalid_value("text-decoration-thickness", "!@#$%^&");
test_invalid_value("text-decoration-thickness", "10e2");
test_invalid_value("text-decoration-thickness", "from font");
test_invalid_value("text-decoration-thickness", "10%");
test_invalid_value("text-decoration-thickness", "-27%");
test_invalid_value("text-decoration-thickness", "calc(40% - 20px)");
test_invalid_value("text-decoration-thickness", "calc(100% - 40em)");
</script>
</body>
</html>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width; the width of the decoration line is increased">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness; the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
<link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div{
@ -22,7 +22,7 @@
* it will entirely cover the div's content-box (making it fully green) as long
* as the line-through is approximately centered, vertically.
*/
text-decoration-width: 1.1em;
text-decoration-thickness: 1.1em;
}
</style>
</head>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
<link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
@ -27,7 +27,7 @@
top: 3em;
text-decoration: green overline;
text-decoration-skip-ink: none;
text-decoration-width: 4em;
text-decoration-thickness: 4em;
}
</style>
</head>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: increased width text decorations don't create scrollable overflow">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness: increased width text decorations don't create scrollable overflow">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-scroll-001-ref.html">
<link rel="match" href="reference/text-decoration-thickness-scroll-001-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
@ -29,7 +29,7 @@
color: transparent;
text-decoration: green underline;
text-decoration-skip-ink: none;
text-decoration-width: 8em;
text-decoration-thickness: 8em;
}
</style>
</head>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
<link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
@ -27,7 +27,7 @@
bottom: 3em;
text-decoration: green underline;
text-decoration-skip-ink: none;
text-decoration-width: 4em;
text-decoration-thickness: 4em;
}
</style>
</head>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Decoration Test: parsing text-decoration-thickness longhands with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<meta name="assert" content="text-decoration-thickness supports the following values: auto | from-font | <length>">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("text-decoration-thickness", "auto");
test_valid_value("text-decoration-thickness", "from-font");
test_valid_value("text-decoration-thickness", "-10px");
test_valid_value("text-decoration-thickness", "2001em");
test_valid_value("text-decoration-thickness", "-49em");
test_valid_value("text-decoration-thickness", "53px");
test_valid_value("text-decoration-thickness", "calc(40em - 10px)");
test_valid_value("text-decoration-thickness", "calc(-50em + 13px)");
</script>
</body>
</html>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-vertical-green-rect-ref.html">
<link rel="match" href="reference/text-decoration-thickness-vertical-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
@ -34,7 +34,7 @@
left: 1.3em;
text-decoration: green underline;
text-decoration-skip-ink: none;
text-decoration-width: 1.5em;
text-decoration-thickness: 1.5em;
}
</style>
</head>

View file

@ -2,12 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<title>Test case for text-decoration-width</title>
<title>Test case for text-decoration-thickness</title>
<meta name="assert" content="text-decoration:width; the width of the decoration line is increased">
<link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<link rel="match" href="reference/text-decoration-width-vertical-green-rect-ref.html">
<link rel="match" href="reference/text-decoration-thickness-vertical-green-rect-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
#box{
@ -33,7 +33,7 @@
right: 1em;
text-decoration: green underline;
text-decoration-skip-ink: none;
text-decoration-width: 1.2em;
text-decoration-thickness: 1.2em;
}
</style>
</head>

View file

@ -1,27 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Decoration Test: parsing text-decoration-width with invalid values</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<meta name="assert" content="text-decoration-width supports the following values: auto | from-font | <length>">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_invalid_value("text-decoration-width", "otto");
test_invalid_value("text-decoration-width", "asdlflj");
test_invalid_value("text-decoration-width", "-10");
test_invalid_value("text-decoration-width", "60002020");
test_invalid_value("text-decoration-width", "!@#$%^&");
test_invalid_value("text-decoration-width", "10e2");
test_invalid_value("text-decoration-width", "from font");
test_invalid_value("text-decoration-width", "10%");
test_invalid_value("text-decoration-width", "-27%");
test_invalid_value("text-decoration-width", "calc(40% - 20px)");
test_invalid_value("text-decoration-width", "calc(100% - 40em)");
</script>
</body>
</html>

View file

@ -1,24 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Text Decoration Test: parsing text-decoration-width longhands with valid values</title>
<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
<meta name="assert" content="text-decoration-width supports the following values: auto | from-font | <length>">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("text-decoration-width", "auto");
test_valid_value("text-decoration-width", "from-font");
test_valid_value("text-decoration-width", "-10px");
test_valid_value("text-decoration-width", "2001em");
test_valid_value("text-decoration-width", "-49em");
test_valid_value("text-decoration-width", "53px");
test_valid_value("text-decoration-width", "calc(40em - 10px)");
test_valid_value("text-decoration-width", "calc(-50em + 13px)");
</script>
</body>
</html>

View file

@ -1,6 +1,6 @@
<!doctype html>
<meta charset="utf-8">
<title>'text-decoration-width' property</title>
<title>'text-decoration-thickness' property</title>
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
@ -13,7 +13,7 @@
<script>
'use strict';
runPropertyTests('text-decoration-width', [
runPropertyTests('text-decoration-thickness', [
{ syntax: 'auto' },
{
syntax: '<length>',

View file

@ -62,6 +62,9 @@
(Dispatch and Process Click 2 - not buffered)
*/
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
clickTimeMin = performance.now();
clickAndBlockMain('button');
// Event handlers will be dispatched asynchronously, so this will be called

View file

@ -12,6 +12,9 @@
let firstInputSeen = false;
let eventSeen = false;
async_test(t => {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
const validateEntry = t.step_func(entry => {
if (entry.entryType === 'first-input')
firstInputSeen = true;

View file

@ -65,6 +65,9 @@
}
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
clickTimeMin = performance.now();
clickAndBlockMain('button');
processingStartMin = performance.now();

View file

@ -66,6 +66,9 @@
observer callback start
*/
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
const observerPromise = new Promise((resolve, reject) => {
new PerformanceObserver(function(entryList) {
observedEntries = observedEntries.concat(entryList.getEntries().filter(

View file

@ -21,6 +21,9 @@
(Dispatch and Process Click 2 - not buffered)
*/
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
let numFirstInputObserved = 0;
let numEventsObserved = 0;
let observedEventEntries = [];

View file

@ -56,6 +56,9 @@ registration are lost
(Dispatch and Process Click 2 (not buffered, observed))
*/
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
// Use a dummy observer to know when the first click has been dispatched.
const observerPromise = new Promise((resolve, reject) => {
new PerformanceObserver((entryList, observer) => {

View file

@ -20,6 +20,9 @@
PerformanceObserver should observe one and only one entry.
*/
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
let hasObservedFirstInput = false;
new PerformanceObserver(t.step_func((entryList) => {
assert_false(hasObservedFirstInput);

View file

@ -18,6 +18,9 @@
delayCalled = true;
}
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
const observer = new PerformanceObserver(t.step_func_done((entryList) => {
const entries = entryList.getEntries().filter(e => e.name === 'mousedown');
// There must only be one click entry: from the clickAndBlockMain() call.

View file

@ -12,6 +12,9 @@
<script>
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
function testEntries() {
// First callback is not ensured to have the entry.
if (performance.getEntriesByType('first-input').length === 0) {

View file

@ -35,6 +35,9 @@
}
async_test(function(t) {
if (!window.PerformanceEventTiming)
assert_unreached("PerformanceEventTiming is not supported");
new PerformanceObserver(t.step_func_done(entryList => {
const observerCallbackTime = performance.now();
const entries = entryList.getEntries().filter(

View file

@ -89,7 +89,7 @@
assert_false(response.bodyUsed, "bodyUsed is false at init");
if (asText) {
return response.text().then(function(bodyAsString) {
assert_equals(bodyAsString.length, 0, "Resolved value should be empty");
assert_equals(bodyAsString, "", "Resolved value should be empty");
assert_true(response.bodyUsed, "bodyUsed is true after being consumed");
});
}

View file

@ -10,7 +10,12 @@
<iframe id="srcdoc-iframe"
srcdoc="<div style='height: 200vh'></div><div id='test'></div>"></iframe>
<script>
test(function () {
function resetHash() {
location.hash = "";
}
test(function (t) {
t.add_cleanup(resetHash);
window.history.pushState(1, document.title, '#x=1');
var hash = location.hash;
@ -30,6 +35,30 @@
assert_true(frameWin.scrollY > frameWin.innerHeight,
"Should have scrolled by more than one viewport height");
}));
test(function(t) {
t.add_cleanup(resetHash);
location.hash = "test";
assert_equals(location.hash, "#test");
}, "Setting hash should automatically include hash character");
test(function(t) {
t.add_cleanup(resetHash);
location.hash = "#not encoded";
assert_equals(location.hash, "#not%20encoded");
}, "Setting hash should encode incompatible characters");
test(function(t) {
t.add_cleanup(resetHash);
location.hash = "#already%20encoded";
assert_equals(location.hash, "#already%20encoded");
}, "Setting hash to an already encoded value should not double encode it");
test(function(t) {
t.add_cleanup(resetHash);
location.hash = "#mixed encoding%20here";
assert_equals(location.hash, "#mixed%20encoding%20here");
}, "Setting hash which is partially encoded should only encode incompatible characters");
</script>
</body>
</html>

View file

@ -6,6 +6,7 @@
<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script> <!-- Use token() to allow running tests in parallel -->
<div id="log"></div>
@ -13,23 +14,19 @@
"use strict";
promise_test(t => {
const channelName = token();
return Promise.all([
createIFrame("resources/broadcastchannel-iframe.html"),
createIFrame("resources/broadcastchannel-iframe.html"),
createIFrame("resources/broadcastchannel-iframe.html")
createIFrame(`resources/broadcastchannel-iframe.html?channel=${channelName}&index=0`),
createIFrame(`resources/broadcastchannel-iframe.html?channel=${channelName}&index=1`),
createIFrame(`resources/broadcastchannel-iframe.html?channel=${channelName}&index=2`)
]).then(() => {
const sab = new SharedArrayBuffer(3);
const view = new Uint8Array(sab);
const channel = new BroadcastChannel("channel name");
const channel = new BroadcastChannel(channelName);
return new Promise(resolve => {
let soFar = 0;
channel.onmessage = t.step_func(({ data: { sab: broadcastSAB, i } }) => {
if (broadcastSAB) {
// We only care about "broadcasts" from the workers.
return;
}
channel.onmessage = t.step_func(({ data: { i } }) => {
assert_in_array(i, [0, 1, 2], "Any message events must come from expected sources");
++soFar;

View file

@ -0,0 +1,2 @@
Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp

Some files were not shown because too many files have changed in this diff Show more