mirror of
https://github.com/servo/servo.git
synced 2025-07-22 23:03:42 +01:00
Update web-platform-tests to revision 6fa9de7201cd41564d02c3edd62365aeb40e171b
This commit is contained in:
parent
60f1ffc5a7
commit
dc1f7ba3ec
124 changed files with 2052 additions and 849 deletions
|
@ -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
|
||||
|
|
|
@ -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
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-001.html]
|
||||
expected: FAIL
|
|
@ -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
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[text-decoration-thickness-initial.html]
|
||||
[Initial value of text-decoration-thickness should be auto]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-linethrough-001.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-overline-001.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-scroll-001.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-underline-001.html]
|
||||
expected: FAIL
|
|
@ -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
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-vertical-001.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[text-decoration-thickness-vertical-002.html]
|
||||
expected: FAIL
|
|
@ -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
|
||||
|
||||
|
|
|
@ -0,0 +1,2 @@
|
|||
[matchMedia-display-none-iframe.html]
|
||||
expected: ERROR
|
|
@ -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
|
||||
|
||||
|
|
|
@ -56,3 +56,6 @@
|
|||
[separate text/javascript x/x]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 error text/javascript]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -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
|
||||
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_1.html]
|
||||
[Multiple history traversals from the same task]
|
||||
expected: FAIL
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
[traverse_the_history_2.html]
|
||||
[traverse_the_history_4.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -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
|
||||
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
[creating_browsing_context_test_01.html]
|
||||
type: testharness
|
||||
[first argument: absolute url]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[broadcastchannel-success.https.html]
|
||||
[Structured cloning of SharedArrayBuffers: BroadcastChannel within the same agent cluster]
|
||||
expected: FAIL
|
||||
|
|
@ -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
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[DOMContentLoaded-defer.html]
|
||||
[The end: DOMContentLoaded and defer scripts]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[buffered-flag.window.html]
|
||||
expected: TIMEOUT
|
||||
[PerformanceObserver with buffered flag sees previous navigation entry.]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -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
|
||||
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
[xrDevice_requestSession_immersive.https.html]
|
||||
[Tests requestSession ignores unknown optionalFeatures]
|
||||
expected: FAIL
|
||||
|
||||
[Tests requestSession accepts XRSessionInit dictionary]
|
||||
expected: FAIL
|
||||
|
|
@ -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
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[xrDevice_requestSession_requiredFeatures_unknown.https.html]
|
||||
[Tests requestSession rejects for unknown requiredFeatures]
|
||||
expected: FAIL
|
||||
|
|
@ -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
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
[Worker-constructor.html]
|
||||
expected: ERROR
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
|
@ -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");
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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 {
|
|
@ -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{
|
|
@ -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{
|
|
@ -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{
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>',
|
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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 = [];
|
||||
|
|
|
@ -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) => {
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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");
|
||||
});
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
@ -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
Loading…
Add table
Add a link
Reference in a new issue