mirror of
https://github.com/servo/servo.git
synced 2025-07-29 18:20:24 +01:00
Update web-platform-tests to revision 169a1410bfe8e517d79852144555dd49ea1f597a
This commit is contained in:
WPT Sync Bot
parent
ebaa73ddcd
commit
932f14ce3a
400 changed files with 2211 additions and 865 deletions
|
|
@ -1,4 +1,4 @@
|
|||
[hit-test-floats-004.html]
|
||||
[hit-test-floats-003.html]
|
||||
[Miss float below something else]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[hit-test-anonymous-block.html]
|
||||
[Hit test beside line of text inside anonymous block]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[cross-axis-scrollbar.html]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
[flex-flow-013.html]
|
||||
[.flexbox 12]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 10]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 11]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 4]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 5]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 6]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 7]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 2]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 8]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 9]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[flex-flow-auto-margins-no-available-space-assert.html]
|
||||
expected: CRASH
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
[intrinsic-min-width-applies-with-fixed-width.html]
|
||||
[body > div 3]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 2]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 6]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 5]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 4]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
[intrinsic-width-orthogonal-writing-mode.html]
|
||||
[.inline-flexbox 3]
|
||||
expected: FAIL
|
||||
|
||||
[.inline-flexbox 2]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -2,3 +2,6 @@
|
|||
[Hit test intersecting scaled box]
|
||||
expected: FAIL
|
||||
|
||||
[Hit test within unscaled box]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
[no-transition-from-ua-to-blocking-stylesheet.html]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
|
|
@ -1,19 +1,7 @@
|
|||
[MediaQueryList-addListener-removeListener.html]
|
||||
[removing listener from one MQL doesn't remove it from all MQLs]
|
||||
expected: FAIL
|
||||
|
||||
[listeners are called when <iframe> is resized]
|
||||
expected: FAIL
|
||||
|
||||
[listeners are called in order they were added]
|
||||
expected: FAIL
|
||||
|
||||
[listeners are called in order their MQLs were created]
|
||||
expected: FAIL
|
||||
|
||||
[listener that was added twice is called only once]
|
||||
expected: FAIL
|
||||
|
||||
[listeners are called correct number of times]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -324,15 +324,12 @@
|
|||
[<iframe>: separate response Content-Type: text/html;" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/plain */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" \\" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -53,9 +53,6 @@
|
|||
[combined text/javascript ]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 text/javascript]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript x/x]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_1.html]
|
||||
[Multiple history traversals from the same task]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_3.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -11,9 +11,3 @@
|
|||
[Set HTTP URL frame location.protocol to ftp]
|
||||
expected: FAIL
|
||||
|
||||
[Set data URL frame location.protocol to data]
|
||||
expected: FAIL
|
||||
|
||||
[Set data URL frame location.protocol to file]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,5 @@
|
|||
[iframe_sandbox_popups_escaping-3.html]
|
||||
expected: CRASH
|
||||
expected: TIMEOUT
|
||||
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
[iframe_sandbox_popups_nonescaping-3.html]
|
||||
expected: TIMEOUT
|
||||
expected: CRASH
|
||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||
expected: NOTRUN
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
[forward-focus-to-associated-element.html]
|
||||
expected: TIMEOUT
|
||||
[focusing a label without for attribute should fowrad focus to the first labelable child]
|
||||
expected: TIMEOUT
|
||||
|
||||
[focusing a hidden label with tabindex should forward focus to the labelable element]
|
||||
expected: FAIL
|
||||
|
||||
[focusing a label with empty tabindex should forward focus to the labelable element]
|
||||
expected: FAIL
|
||||
|
||||
[focusing a label with for attribute should forward focus to the associated element]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[077.html]
|
||||
[ adding several types of scripts through the DOM and removing some of them confuses scheduler ]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -23,3 +23,6 @@
|
|||
[X Rendered audio for channel 5 does not equal [0,0.0626220703125,0.125030517578125,0.18695068359375,0.24810791015625,0.308319091796875,0.3673095703125,0.42486572265625,0.480743408203125,0.53472900390625,0.58660888671875,0.636199951171875,0.68328857421875,0.727691650390625,0.76922607421875,0.8077392578125...\] with an element-wise tolerance of {"absoluteThreshold":0.000030517578125,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[1\]\t3.6732959747314453e-1\t6.2622070312500000e-2\t3.0470752716064453e-1\t4.8658168859649127e+0\t3.0517578125000000e-5\n\t[2\]\t6.8329977989196777e-1\t1.2503051757812500e-1\t5.5826926231384277e-1\t4.4650639949963384e+0\t3.0517578125000000e-5\n\t[3\]\t9.0373212099075317e-1\t1.8695068359375000e-1\t7.1678143739700317e-1\t3.8340669508039502e+0\t3.0517578125000000e-5\n\t[4\]\t9.9780619144439697e-1\t2.4810791015625000e-1\t7.4969828128814697e-1\t3.0216621502152523e+0\t3.0517578125000000e-5\n\t[5\]\t9.5236867666244507e-1\t3.0831909179687500e-1\t6.4404958486557007e-1\t2.0889059484187866e+0\t3.0517578125000000e-5\n\t...and 40518 more errors.\n\tMax AbsError of 1.9901288747787476e+0 at index of 14838.\n\t[14838\]\t9.9751412868499756e-1\t-9.9261474609375000e-1\t1.9901288747787476e+0\t2.0049358349858575e+0\t3.0517578125000000e-5\n\tMax RelError of Infinity at index of 12348.\n\t[12348\]\t9.5105654001235962e-1\t0.0000000000000000e+0\t9.5105654001235962e-1\tInfinity\t3.0517578125000000e-5\n]
|
||||
expected: FAIL
|
||||
|
||||
[X Rendered audio for channel 5 does not equal [0,0.0626220703125,0.125030517578125,0.18695068359375,0.24810791015625,0.308319091796875,0.3673095703125,0.42486572265625,0.480743408203125,0.53472900390625,0.58660888671875,0.636199951171875,0.68328857421875,0.727691650390625,0.76922607421875,0.8077392578125...\] with an element-wise tolerance of {"absoluteThreshold":0.000030517578125,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[1\]\t3.6732959747314453e-1\t6.2622070312500000e-2\t3.0470752716064453e-1\t4.8658168859649127e+0\t3.0517578125000000e-5\n\t[2\]\t6.8329977989196777e-1\t1.2503051757812500e-1\t5.5826926231384277e-1\t4.4650639949963384e+0\t3.0517578125000000e-5\n\t[3\]\t9.0373212099075317e-1\t1.8695068359375000e-1\t7.1678143739700317e-1\t3.8340669508039502e+0\t3.0517578125000000e-5\n\t[4\]\t9.9780619144439697e-1\t2.4810791015625000e-1\t7.4969828128814697e-1\t3.0216621502152523e+0\t3.0517578125000000e-5\n\t[5\]\t9.5236867666244507e-1\t3.0831909179687500e-1\t6.4404958486557007e-1\t2.0889059484187866e+0\t3.0517578125000000e-5\n\t...and 42288 more errors.\n\tMax AbsError of 1.9999794363975525e+0 at index of 37272.\n\t[37272\]\t9.9997943639755249e-1\t-1.0000000000000000e+0\t1.9999794363975525e+0\t1.9999794363975525e+0\t3.0517578125000000e-5\n\tMax RelError of Infinity at index of 10584.\n\t[10584\]\t-5.8778524398803711e-1\t0.0000000000000000e+0\t5.8778524398803711e-1\tInfinity\t3.0517578125000000e-5\n]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -41,3 +41,9 @@
|
|||
[X Stitched sine-wave buffers at sample rate 44100 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.000090957,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[31080\]\t1.4359397937369067e-7\t5.6332010030746460e-1\t5.6331995671348523e-1\t9.9999974509345702e-1\t9.0957000000000003e-5\n\t[31081\]\t4.5788828620277723e-41\t6.1397600173950195e-1\t6.1397600173950195e-1\t1.0000000000000000e+0\t9.0957000000000003e-5\n\tMax AbsError of 6.1397600173950195e-1 at index of 31081.\n\tMax RelError of 1.0000000000000000e+0 at index of 31081.\n]
|
||||
expected: FAIL
|
||||
|
||||
[X SNR (45.08491666551882 dB) is not greater than or equal to 85.58. Got 45.08491666551882.]
|
||||
expected: FAIL
|
||||
|
||||
[X Stitched sine-wave buffers at sample rate 44100 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.000090957,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[31080\]\t9.4118863344192505e-3\t5.6332010030746460e-1\t5.5390821397304535e-1\t9.8329211698769103e-1\t9.0957000000000003e-5\n\t[31081\]\t4.5570226059843051e-41\t6.1397600173950195e-1\t6.1397600173950195e-1\t1.0000000000000000e+0\t9.0957000000000003e-5\n\tMax AbsError of 6.1397600173950195e-1 at index of 31081.\n\tMax RelError of 1.0000000000000000e+0 at index of 31081.\n]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
[018.html]
|
||||
expected: TIMEOUT
|
||||
[origin of the script that invoked the method, javascript:]
|
||||
expected: TIMEOUT
|
||||
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,4 +1,4 @@
|
|||
[hit-test-floats-004.html]
|
||||
[hit-test-floats-003.html]
|
||||
[Miss float below something else]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[hit-test-anonymous-block.html]
|
||||
[Hit test beside line of text inside anonymous block]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[cross-axis-scrollbar.html]
|
||||
expected: FAIL
|
||||
31
tests/wpt/metadata/css/css-flexbox/flex-flow-013.html.ini
Normal file
31
tests/wpt/metadata/css/css-flexbox/flex-flow-013.html.ini
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
[flex-flow-013.html]
|
||||
[.flexbox 12]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 10]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 11]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 4]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 5]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 6]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 7]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 2]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 8]
|
||||
expected: FAIL
|
||||
|
||||
[.flexbox 9]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[flex-flow-auto-margins-no-available-space-assert.html]
|
||||
expected: CRASH
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
[intrinsic-min-width-applies-with-fixed-width.html]
|
||||
[body > div 3]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 2]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 6]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 5]
|
||||
expected: FAIL
|
||||
|
||||
[body > div 4]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
[intrinsic-width-orthogonal-writing-mode.html]
|
||||
[.inline-flexbox 3]
|
||||
expected: FAIL
|
||||
|
||||
[.inline-flexbox 2]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -2,3 +2,6 @@
|
|||
[Hit test intersecting scaled box]
|
||||
expected: FAIL
|
||||
|
||||
[Hit test within unscaled box]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
[no-transition-from-ua-to-blocking-stylesheet.html]
|
||||
expected: FAIL
|
||||
expected: TIMEOUT
|
||||
|
|
|
|||
|
|
@ -2,3 +2,6 @@
|
|||
[listeners are called when <iframe> is resized]
|
||||
expected: FAIL
|
||||
|
||||
[listeners are called correct number of times]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -324,15 +324,12 @@
|
|||
[<iframe>: separate response Content-Type: text/html;" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/plain */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html;x=" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" \\" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html;charset=gbk text/plain text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -53,9 +53,6 @@
|
|||
[combined text/javascript ]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 text/javascript]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript x/x]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_1.html]
|
||||
[Multiple history traversals from the same task]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[traverse_the_history_3.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -18,9 +18,3 @@
|
|||
[Set HTTP URL frame location.protocol to ftp]
|
||||
expected: FAIL
|
||||
|
||||
[Set data URL frame location.protocol to data]
|
||||
expected: FAIL
|
||||
|
||||
[Set data URL frame location.protocol to file]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
[iframe_sandbox_popups_escaping-3.html]
|
||||
type: testharness
|
||||
expected: CRASH
|
||||
expected: TIMEOUT
|
||||
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
[iframe_sandbox_popups_nonescaping-3.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
expected: CRASH
|
||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||
expected: NOTRUN
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,14 @@
|
|||
[forward-focus-to-associated-element.html]
|
||||
expected: TIMEOUT
|
||||
[focusing a label without for attribute should fowrad focus to the first labelable child]
|
||||
expected: TIMEOUT
|
||||
|
||||
[focusing a hidden label with tabindex should forward focus to the labelable element]
|
||||
expected: FAIL
|
||||
|
||||
[focusing a label with empty tabindex should forward focus to the labelable element]
|
||||
expected: FAIL
|
||||
|
||||
[focusing a label with for attribute should forward focus to the associated element]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[077.html]
|
||||
[ adding several types of scripts through the DOM and removing some of them confuses scheduler ]
|
||||
expected: FAIL
|
||||
|
||||
|
|
@ -92,3 +92,6 @@
|
|||
[X Rendered audio for channel 5 does not equal [0,0.0626220703125,0.125030517578125,0.18695068359375,0.24810791015625,0.308319091796875,0.3673095703125,0.42486572265625,0.480743408203125,0.53472900390625,0.58660888671875,0.636199951171875,0.68328857421875,0.727691650390625,0.76922607421875,0.8077392578125...\] with an element-wise tolerance of {"absoluteThreshold":0.000030517578125,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[1\]\t3.6732959747314453e-1\t6.2622070312500000e-2\t3.0470752716064453e-1\t4.8658168859649127e+0\t3.0517578125000000e-5\n\t[2\]\t6.8329977989196777e-1\t1.2503051757812500e-1\t5.5826926231384277e-1\t4.4650639949963384e+0\t3.0517578125000000e-5\n\t[3\]\t9.0373212099075317e-1\t1.8695068359375000e-1\t7.1678143739700317e-1\t3.8340669508039502e+0\t3.0517578125000000e-5\n\t[4\]\t9.9780619144439697e-1\t2.4810791015625000e-1\t7.4969828128814697e-1\t3.0216621502152523e+0\t3.0517578125000000e-5\n\t[5\]\t9.5236867666244507e-1\t3.0831909179687500e-1\t6.4404958486557007e-1\t2.0889059484187866e+0\t3.0517578125000000e-5\n\t...and 40518 more errors.\n\tMax AbsError of 1.9901288747787476e+0 at index of 14838.\n\t[14838\]\t9.9751412868499756e-1\t-9.9261474609375000e-1\t1.9901288747787476e+0\t2.0049358349858575e+0\t3.0517578125000000e-5\n\tMax RelError of Infinity at index of 12348.\n\t[12348\]\t9.5105654001235962e-1\t0.0000000000000000e+0\t9.5105654001235962e-1\tInfinity\t3.0517578125000000e-5\n]
|
||||
expected: FAIL
|
||||
|
||||
[X Rendered audio for channel 5 does not equal [0,0.0626220703125,0.125030517578125,0.18695068359375,0.24810791015625,0.308319091796875,0.3673095703125,0.42486572265625,0.480743408203125,0.53472900390625,0.58660888671875,0.636199951171875,0.68328857421875,0.727691650390625,0.76922607421875,0.8077392578125...\] with an element-wise tolerance of {"absoluteThreshold":0.000030517578125,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[1\]\t3.6732959747314453e-1\t6.2622070312500000e-2\t3.0470752716064453e-1\t4.8658168859649127e+0\t3.0517578125000000e-5\n\t[2\]\t6.8329977989196777e-1\t1.2503051757812500e-1\t5.5826926231384277e-1\t4.4650639949963384e+0\t3.0517578125000000e-5\n\t[3\]\t9.0373212099075317e-1\t1.8695068359375000e-1\t7.1678143739700317e-1\t3.8340669508039502e+0\t3.0517578125000000e-5\n\t[4\]\t9.9780619144439697e-1\t2.4810791015625000e-1\t7.4969828128814697e-1\t3.0216621502152523e+0\t3.0517578125000000e-5\n\t[5\]\t9.5236867666244507e-1\t3.0831909179687500e-1\t6.4404958486557007e-1\t2.0889059484187866e+0\t3.0517578125000000e-5\n\t...and 42288 more errors.\n\tMax AbsError of 1.9999794363975525e+0 at index of 37272.\n\t[37272\]\t9.9997943639755249e-1\t-1.0000000000000000e+0\t1.9999794363975525e+0\t1.9999794363975525e+0\t3.0517578125000000e-5\n\tMax RelError of Infinity at index of 10584.\n\t[10584\]\t-5.8778524398803711e-1\t0.0000000000000000e+0\t5.8778524398803711e-1\tInfinity\t3.0517578125000000e-5\n]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -272,3 +272,9 @@
|
|||
[X Stitched sine-wave buffers at sample rate 44100 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.000090957,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[31080\]\t1.4359397937369067e-7\t5.6332010030746460e-1\t5.6331995671348523e-1\t9.9999974509345702e-1\t9.0957000000000003e-5\n\t[31081\]\t4.5788828620277723e-41\t6.1397600173950195e-1\t6.1397600173950195e-1\t1.0000000000000000e+0\t9.0957000000000003e-5\n\tMax AbsError of 6.1397600173950195e-1 at index of 31081.\n\tMax RelError of 1.0000000000000000e+0 at index of 31081.\n]
|
||||
expected: FAIL
|
||||
|
||||
[X SNR (45.08491666551882 dB) is not greater than or equal to 85.58. Got 45.08491666551882.]
|
||||
expected: FAIL
|
||||
|
||||
[X Stitched sine-wave buffers at sample rate 44100 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.000090957,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[31080\]\t9.4118863344192505e-3\t5.6332010030746460e-1\t5.5390821397304535e-1\t9.8329211698769103e-1\t9.0957000000000003e-5\n\t[31081\]\t4.5570226059843051e-41\t6.1397600173950195e-1\t6.1397600173950195e-1\t1.0000000000000000e+0\t9.0957000000000003e-5\n\tMax AbsError of 6.1397600173950195e-1 at index of 31081.\n\tMax RelError of 1.0000000000000000e+0 at index of 31081.\n]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
[018.html]
|
||||
expected: TIMEOUT
|
||||
[origin of the script that invoked the method, javascript:]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Flexbox: Auto margins on column flex direction with wrap</title>
|
||||
<link href="support/flexbox.css" rel="stylesheet">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-direction-column">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#valdef-flex-wrap-wrap">
|
||||
<link rel="match" href="reference/columns-center-with-margins-and-wrap-001-ref.html">
|
||||
<meta name="assert" content="This test ensures that auto margins for column flows are correctly calculated"/>
|
||||
<style>
|
||||
.flexbox {
|
||||
border: 1px solid black;
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
}
|
||||
.item1 {
|
||||
margin: 0 auto;
|
||||
background: lightblue;
|
||||
}
|
||||
.item2 {
|
||||
background: lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if the flex items are properly centered in each column</p>
|
||||
<div class="flexbox column wrap">
|
||||
<div class="item1">centeredWithMargins</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox: Scrollbars and flex-direction.</title>
|
||||
<link href="support/flexbox.css" rel="stylesheet">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-direction-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-overflow-4/#classic-scrollbars">
|
||||
<link rel="match" href="reference/cross-axis-scrollbar-ref.html">
|
||||
<meta name="assert" content="This test ensures that flexbox scrollbars take flex-direction into account."/>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.flexbox {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.vertical-rl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.vertical-lr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
.column > div {
|
||||
flex: none;
|
||||
background-color: green;
|
||||
width: 100px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.row > div {
|
||||
background-color: green;
|
||||
flex: 1;
|
||||
height: 50px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.vertical-lr > .column > div {
|
||||
flex: none;
|
||||
height: 50px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.vertical-lr > .row > div {
|
||||
flex: 1;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
This test passes if no red is showing.
|
||||
|
||||
<div style="position: relative;">
|
||||
|
||||
<div style="position: absolute; top: 0; left: 0;">
|
||||
<div class="flexbox column" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; top: 0; left: 150px;">
|
||||
<div class="flexbox column" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; top:0; left: 300px" class="vertical-lr">
|
||||
<div class="flexbox column" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-flex-start"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: absolute; top:0; left: 450px;" class="vertical-lr">
|
||||
<div class="flexbox column" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-flex-start"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 20px; width: 100px; position: absolute; top: 100px; left: 0">
|
||||
<div class="flexbox row" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 20px; width: 100px; position: absolute; top: 100px; left: 150px">
|
||||
<div class="flexbox row" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 50px; width: 50px; position: absolute; top: 100px; left: 300px" class="vertical-lr">
|
||||
<div class="flexbox row" style="overflow-x: scroll; overflow-y: hidden; border-bottom: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="height: 50px; width: 50px; position: absolute; top: 100px; left: 450px" class="vertical-lr">
|
||||
<div class="flexbox row" style="overflow-y: scroll; overflow-x: hidden; border-right: 10px solid green;">
|
||||
<div class="align-self-flex-start"></div>
|
||||
<div class="align-self-center"></div>
|
||||
<div class="align-self-flex-end"></div>
|
||||
<div class="align-self-baseline"></div>
|
||||
<div class="align-self-stretch"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- FIXME: Add tests for vertical-rl. Setting the logical
|
||||
bottom border on these tests cause additional scrollbars to appear. -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
158
tests/wpt/web-platform-tests/css/css-flexbox/flex-flow-013.html
Normal file
158
tests/wpt/web-platform-tests/css/css-flexbox/flex-flow-013.html
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox Test: flex-flow - column column-reverse and row-reverse</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#propdef-flex-direction">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#propdef-flex-flow">
|
||||
<meta name="assert" content="Test ensures that setting 'flex-flow' property to either 'column',
|
||||
'column-reverse' or 'row-reverse' in combination with different 'direction' and 'writing-mode'
|
||||
values works properly.">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
.flexbox {
|
||||
width: 600px;
|
||||
display: flex;
|
||||
background-color: grey;
|
||||
}
|
||||
.flexbox > div {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.vertical-rl, .vertical-lr, .column, .column-reverse {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.vertical-rl {
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
|
||||
.vertical-lr {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
|
||||
.row-reverse {
|
||||
flex-flow: row-reverse;
|
||||
}
|
||||
|
||||
.column {
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
.column-reverse {
|
||||
flex-flow: column-reverse;
|
||||
}
|
||||
|
||||
.flexbox > .first {
|
||||
background-color: blue;
|
||||
}
|
||||
.flexbox > .second {
|
||||
background-color: green;
|
||||
}
|
||||
.flexbox > .third {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.flexbox > div > div {
|
||||
background-color: orange;
|
||||
height: 10px;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<body onload="checkLayout('.flexbox')">
|
||||
<div id=log></div>
|
||||
|
||||
<div class="flexbox">
|
||||
<div class="first" data-expected-width="75" data-offset-x="0" style="flex: 1 0 0; margin: 0 auto;"></div>
|
||||
<div class="second" data-expected-width="350" data-offset-x="75" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-x="275"></div></div>
|
||||
<div class="third" data-expected-width="75" data-offset-x="425" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="flexbox rtl">
|
||||
<div class="first" data-expected-width="75" data-offset-x="525" style="flex: 1 0 0; margin: 0 auto;"></div>
|
||||
<div class="second" data-expected-width="350" data-offset-x="175" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-x="175"></div></div>
|
||||
<div class="third" data-expected-width="75" data-offset-x="100" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="flexbox row-reverse">
|
||||
<div class="first" data-expected-width="75" data-offset-x="525" style="flex: 1 0 0; margin: 0 auto;"></div>
|
||||
<div class="second" data-expected-width="350" data-offset-x="175" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-x="375"></div></div>
|
||||
<div class="third" data-expected-width="75" data-offset-x="0" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="flexbox rtl row-reverse">
|
||||
<div class="first" data-expected-width="75" data-offset-x="0" style="flex: 1 0 0; margin: 0 auto;"></div>
|
||||
<div class="second" data-expected-width="350" data-offset-x="75" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-x="75"></div></div>
|
||||
<div class="third" data-expected-width="75" data-offset-x="525" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div class="flexbox column">
|
||||
<div class="first" data-expected-height="150" data-offset-y="0" style="flex: 1 0 0; margin: auto 200px auto 150px;"></div>
|
||||
<div class="second" data-expected-height="300" data-offset-y="150" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-y="150" data-offset-x="200"></div></div>
|
||||
<div class="third" data-expected-height="150" data-offset-y="450" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div class="flexbox column-reverse">
|
||||
<div class="first" data-expected-height="150" data-offset-y="450" style="flex: 1 0 0; margin: auto 200px auto 150px;"></div>
|
||||
<div class="second" data-expected-height="300" data-offset-y="150" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-y="150" data-offset-x="200"></div></div>
|
||||
<div class="third" data-expected-height="150" data-offset-y="0" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div class="flexbox column rtl">
|
||||
<div class="first" data-expected-height="150" data-offset-y="0" data-offset-x="480" style="flex: 1 0 0; margin: auto 100px auto 50px;"></div>
|
||||
<div class="second" data-expected-height="300" data-offset-y="150" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-y="150" data-offset-x="380"></div></div>
|
||||
<div class="third" data-expected-height="150" data-offset-y="450" data-offset-x="580" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div class="flexbox column-reverse rtl">
|
||||
<div class="first" data-expected-height="150" data-offset-y="450" data-offset-x="480" style="flex: 1 0 0; margin: auto 100px auto 50px;"></div>
|
||||
<div class="second" data-expected-height="300" data-offset-y="150" style="flex: 2 0 0; padding-inline-start: 200px"><div data-offset-y="150" data-offset-x="380"></div></div>
|
||||
<div class="third" data-expected-height="150" data-offset-y="0" data-offset-x="580" style="flex: 1 0 0; margin-inline-end: 100px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div data-expected-height="600" class="flexbox vertical-lr column">
|
||||
<div class="first" data-offset-x="0" data-expected-width="500" style="flex: 1 0 0; min-width: 300px"></div>
|
||||
<div class="second" data-offset-x="500" data-offset-y="100" data-expected-width="100" style="flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div data-expected-height="600" class="flexbox vertical-lr column-reverse">
|
||||
<div class="first" data-offset-x="100" data-expected-width="500" style="flex: 1 0 0; min-width: 300px"></div>
|
||||
<div class="second" data-offset-x="0" data-offset-y="100" data-expected-width="100" style="flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div data-expected-height="600" class="flexbox vertical-rl column">
|
||||
<div class="first" data-offset-x="100" data-expected-width="500" style="flex: 1 0 0; min-width: 300px; margin-bottom: 100px"></div>
|
||||
<div class="second" data-offset-x="0" data-offset-y="100" data-expected-width="100" style="flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="position: relative;">
|
||||
<div data-expected-height="600" class="flexbox vertical-rl column-reverse">
|
||||
<div class="first" data-offset-x="0" data-expected-width="500" style="flex: 1 0 0; min-width: 300px; margin-bottom: 100px"></div>
|
||||
<div class="second" data-offset-x="500" data-offset-y="100" data-expected-width="100" style="flex: 1 0 200px; max-width: 100px; margin: 100px 0 50px 0;"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Flexbox: flex-flow auto margin with no available space</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-shrink-property">
|
||||
<link rel="help" href="https://crbug.com/380201">
|
||||
<meta name="assert" content="This test checks that a flexbox doesn't shrink below border/padding
|
||||
when stretching children with no available space.">
|
||||
<style>
|
||||
* {
|
||||
display: flex;
|
||||
padding-bottom: 20pt;
|
||||
min-height: 0.7%;
|
||||
margin-top: 6000%;
|
||||
flex-shrink: 0;
|
||||
flex-basis: 7000%;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<abbr data-expected-height=30210272>
|
||||
<input></input>
|
||||
</abbr>
|
||||
<script>
|
||||
window.checkLayout('abbr');
|
||||
</script>
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-align-3/#column-row-gap">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-align-3/#gap-legacy">
|
||||
<link rel="match" href="gap-008-ltr-ref.html">
|
||||
<link rel="match" href="gap-009-ltr-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The 'gap' property enables putting space exclusively between items">
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-align-3/#column-row-gap">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-align-3/#gap-legacy">
|
||||
<link rel="match" href="gap-008-ltr-ref.html">
|
||||
<link rel="match" href="gap-010-ltr-ref.html">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="The 'gap' property enables putting space exclusively between items">
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox: Ensure proper formatting with display: inline-flex</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-property">
|
||||
<meta name="assert" content="This test checks that inline-flex generates a flex container box that is inline-level when placed in flow layout.">
|
||||
<style>
|
||||
#testcase > div {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-color: green;
|
||||
outline: 2px solid darkgreen;
|
||||
}
|
||||
#testcase > div > div {
|
||||
flex: 1;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<body onload="checkLayout('#testcase')">
|
||||
<div id=log></div>
|
||||
<p>This test passes if the three green boxes are on the same horizontal line.</p>
|
||||
|
||||
<div id="testcase" style="position: relative">
|
||||
<div data-offset-y="0" data-offset-x="0" data-expected-width="50" data-expected-height="50" style="display: inline-block">
|
||||
</div><div data-offset-y="0" data-offset-x="50" data-expected-width="50" data-expected-height="50" style="display: inline-flex;">
|
||||
<div data-expected-width="25"></div>
|
||||
<div data-expected-width="25"></div>
|
||||
</div><div data-offset-y="0" data-offset-x="100" data-expected-width="50" data-expected-height="50" style="display: inline-block"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Flexbox: Proper min-width intrinsic size with display: flex</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">
|
||||
<link rel="help" href="https://www.w3.org/TR/CSS2/visudet.html#min-max-widths">
|
||||
<meta name="assert" content="This test checks that min-width intrinsic size still applies if a fixed width is set.">
|
||||
<style>
|
||||
.min-content {
|
||||
width: 10px;
|
||||
min-width: -webkit-min-content;
|
||||
min-width: -moz-min-content;
|
||||
min-width: -ie-min-content;
|
||||
min-width: -o-min-content;
|
||||
min-width: min-content;
|
||||
outline: 2px solid;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.max-content {
|
||||
width: 10px;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -ie-max-content;
|
||||
min-width: -o-max-content;
|
||||
min-width: max-content;
|
||||
outline: 2px solid;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.fit-content {
|
||||
width: 10px;
|
||||
min-width: -webkit-fit-content;
|
||||
min-width: -moz-fit-content;
|
||||
min-width: -ie-fit-content;
|
||||
min-width: -o-fit-content;
|
||||
min-width: fit-content;
|
||||
outline: 2px solid;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.child {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-color: pink;
|
||||
}
|
||||
div {
|
||||
display: inline-block;
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
|
||||
<body onload="checkLayout('body > div')">
|
||||
<div id=log></div>
|
||||
|
||||
<div class="min-content" data-expected-width=20>
|
||||
<div class="child"></div><div class="child"></div>
|
||||
</div>
|
||||
|
||||
<div class="max-content" data-expected-width=40>
|
||||
<div class="child"></div><div class="child"></div>
|
||||
</div>
|
||||
|
||||
<div class="fit-content" data-expected-width=40>
|
||||
<div class="child"></div><div class="child"></div>
|
||||
</div>
|
||||
|
||||
<div style="width: 30px">
|
||||
<div class="fit-content" data-expected-width=30>
|
||||
<div class="child"></div><div class="child"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width: 10px">
|
||||
<div class="fit-content" data-expected-width=20>
|
||||
<div class="child"></div><div class="child"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<title>CSS Flexbox: container widths & ortho items</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-flexbox-1/#flex-containers">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#block-flow">
|
||||
<link href="support/flexbox.css" rel="stylesheet">
|
||||
<meta name="assert" content="the correct width/height of ortho children is used to size flex containers">
|
||||
<style>
|
||||
.vertical {
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/resources/check-layout-th.js"></script>
|
||||
<body onload="checkLayout('.inline-flexbox')">
|
||||
<div id=log></div>
|
||||
|
||||
<div class="inline-flexbox" data-expected-width="20">
|
||||
<div class="vertical" style="width: 20px; height: 50px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="inline-flexbox" data-expected-width="20">
|
||||
<div class="vertical" style="line-height: 20px;">Some text</div>
|
||||
</div>
|
||||
|
||||
<div class="inline-flexbox" data-expected-width="20">
|
||||
<span class="vertical" data-expected-width="20" style="line-height: 20px;">Some text</span>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="../support/flexbox.css" rel="stylesheet">
|
||||
<style>
|
||||
.flexbox {
|
||||
border: 1px solid black;
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
}
|
||||
.item1 {
|
||||
background: lightblue;
|
||||
}
|
||||
.item2 {
|
||||
background: lime;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if the flex items are properly centered in each column</p>
|
||||
<div class="flexbox column wrap">
|
||||
<div class="item1 align-self-center">centeredWithMargins</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
<div class="item2 align-self-center">centeredWithAlignSelf</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.testcase {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.testcase div {
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
This test passes if no red is showing.
|
||||
|
||||
<div style="position: relative; background-color: transparent;">
|
||||
|
||||
<div class="testcase" style="top:0; left: 0">
|
||||
<div style="width: 100px; height: 50px"></div>
|
||||
<div style="width: 100px; overflow-x: scroll"></div>
|
||||
<div style="width: 100px; height: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="height: 50px; writing-mode: vertical-lr; top: 0; left: 150px">
|
||||
<div style="width: 100px"></div>
|
||||
<div style="overflow-y: scroll"></div>
|
||||
<div style="width: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="height: 50px; writing-mode: vertical-lr; top: 0; left: 300px">
|
||||
<div style="width: 100px"></div>
|
||||
<div style="overflow-y: scroll"></div>
|
||||
<div style="width: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="top: 0; left: 450px">
|
||||
<div style="width: 100px; height: 50px"></div>
|
||||
<div style="width: 100px; overflow-x: scroll"></div>
|
||||
<div style="width: 100px; height: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="top: 100px; left: 0">
|
||||
<div style="width: 100px; height: 50px; "></div>
|
||||
<div style="width: 100px; overflow-x: scroll"></div>
|
||||
<div style="width: 100px; height: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="height: 50px; writing-mode: vertical-lr; top: 100px; left: 150px">
|
||||
<div style="width: 90px; overflow-y: scroll"></div>
|
||||
<div style="width: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="top: 100px; left: 300px">
|
||||
<div style="width: 100px; height: 40px; overflow-x: scroll"></div>
|
||||
<div style="width: 100px; height: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
<div class="testcase" style="height: 50px; writing-mode: vertical-lr; top: 100px; left: 450px">
|
||||
<div style="width: 100px"></div>
|
||||
<div style="overflow-y: scroll"></div>
|
||||
<div style="width: 10px; position: relative; z-index: -1"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="match" href="font-stretch-pass-ref.html">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-stretch-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc>"
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-prop-desc">
|
||||
<meta name="assert" content="When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<title>CSS Test: language-specific display</title>
|
||||
<link rel="author" title="Chris Lilley" href="chris@w3.org">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#language-specific-support">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/##font-variant-ligatures-prop">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-fonts-3/#font-variant-ligatures-prop">
|
||||
<meta name="assert" content="However, in languages such as Turkish which uses both a dotted-i and a dotless-i, it's important to not use this ligature or use a specialized version that contains a dot over the "i".">
|
||||
<style>
|
||||
@font-face {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test: Change display for the ::first-letter container while replacing text node</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo/#first-letter-pseudo">
|
||||
<link rel="match" href="../reference/pass_if_letter_uppercase.html">
|
||||
<style>
|
||||
#container::first-letter { text-transform: uppercase }
|
||||
#container.ib { display: inline-block }
|
||||
</style>
|
||||
<body>
|
||||
<p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p>
|
||||
<div id="container">Test not run</div>
|
||||
</body>
|
||||
<script>
|
||||
container.offsetTop;
|
||||
container.className = "ib";
|
||||
container.appendChild(document.createTextNode("filler Text"));
|
||||
container.firstChild.remove();
|
||||
</script>
|
||||
|
|
@ -0,0 +1,292 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Pseudo-Elements Test: Supported properties in ::marker animations</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-animations-1/#keyframes">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transitions-1/#transitions">
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
|
||||
<meta name="assert" content="This test checks ::marker supports animations and transitions, but only for the properties that apply to ::marker." />
|
||||
<style id="style"></style>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id="log"></div>
|
||||
<ul>
|
||||
<li id="target">target</li>
|
||||
</ul>
|
||||
<script>
|
||||
const interpolationTests = [
|
||||
// ::marker supports all font properties.
|
||||
{
|
||||
property: "font",
|
||||
from: "oblique normal 100 ultra-condensed 5px / 20px serif",
|
||||
to: "italic small-caps 900 ultra-expanded 25px / 50px Ahem",
|
||||
midPoint: ["italic small-caps 500 expanded 15px Ahem", "italic small-caps 500 expanded 15px/normal Ahem"],
|
||||
},
|
||||
{
|
||||
property: "font-family",
|
||||
from: "serif",
|
||||
to: "Ahem",
|
||||
midPoint: "Ahem",
|
||||
},
|
||||
{
|
||||
property: "font-feature-settings",
|
||||
from: "'c2sc'",
|
||||
to: "'smcp'",
|
||||
midPoint: "\"smcp\"",
|
||||
},
|
||||
{
|
||||
property: "font-kerning",
|
||||
from: "normal",
|
||||
to: "none",
|
||||
midPoint: "none",
|
||||
},
|
||||
{
|
||||
property: "font-size",
|
||||
from: "5px",
|
||||
to: "25px",
|
||||
midPoint: "15px",
|
||||
},
|
||||
{
|
||||
property: "font-size-adjust",
|
||||
from: "1",
|
||||
to: "3",
|
||||
midPoint: "2",
|
||||
},
|
||||
{
|
||||
property: "font-stretch",
|
||||
from: "ultra-condensed",
|
||||
to: "ultra-expanded",
|
||||
midPoint: ["expanded", "125%"],
|
||||
},
|
||||
{
|
||||
property: "font-style",
|
||||
from: "oblique",
|
||||
to: "italic",
|
||||
midPoint: "italic",
|
||||
},
|
||||
{
|
||||
property: "font-synthesis",
|
||||
from: "weight",
|
||||
to: "none",
|
||||
midPoint: "none",
|
||||
},
|
||||
{
|
||||
property: "font-variant",
|
||||
from: "unicase",
|
||||
to: "small-caps",
|
||||
midPoint: "small-caps",
|
||||
},
|
||||
{
|
||||
property: "font-variant-caps",
|
||||
from: "unicase",
|
||||
to: "small-caps",
|
||||
midPoint: "small-caps",
|
||||
},
|
||||
{
|
||||
property: "font-variant-east-asian",
|
||||
from: "proportional-width",
|
||||
to: "full-width",
|
||||
midPoint: "full-width",
|
||||
},
|
||||
{
|
||||
property: "font-variant-ligatures",
|
||||
from: "no-historical-ligatures",
|
||||
to: "historical-ligatures",
|
||||
midPoint: "historical-ligatures",
|
||||
},
|
||||
{
|
||||
property: "font-variant-numeric",
|
||||
from: "ordinal",
|
||||
to: "slashed-zero",
|
||||
midPoint: "slashed-zero",
|
||||
},
|
||||
{
|
||||
property: "font-variant-position",
|
||||
from: "super",
|
||||
to: "sub",
|
||||
midPoint: "sub",
|
||||
},
|
||||
{
|
||||
property: "font-weight",
|
||||
from: "100",
|
||||
to: "900",
|
||||
midPoint: "500",
|
||||
},
|
||||
|
||||
// ::marker supports `white-space`
|
||||
{
|
||||
property: "white-space",
|
||||
from: "pre-line",
|
||||
to: "nowrap",
|
||||
midPoint: "nowrap",
|
||||
},
|
||||
|
||||
// ::marker supports `color`
|
||||
{
|
||||
property: "color",
|
||||
from: "rgb(0, 100, 200)",
|
||||
to: "rgb(100, 200, 0)",
|
||||
midPoint: "rgb(50, 150, 100)",
|
||||
},
|
||||
|
||||
// ::marker supports `text-combine-upright`, `unicode-bidi` and `direction`,
|
||||
// but they are not animatable.
|
||||
{
|
||||
property: "text-combine-upright",
|
||||
from: "all",
|
||||
to: "all",
|
||||
midPoint: null,
|
||||
},
|
||||
{
|
||||
property: "unicode-bidi",
|
||||
from: "embed",
|
||||
to: "plaintext",
|
||||
midPoint: null,
|
||||
},
|
||||
{
|
||||
property: "direction",
|
||||
from: "rtl",
|
||||
to: "rtl",
|
||||
midPoint: null,
|
||||
},
|
||||
|
||||
// ::marker supports `content`
|
||||
{
|
||||
property: "content",
|
||||
from: "'foo'",
|
||||
to: "'bar'",
|
||||
midPoint: "\"bar\"",
|
||||
},
|
||||
|
||||
// ::marker does NOT support layout properties
|
||||
{
|
||||
property: "display",
|
||||
from: "flex",
|
||||
to: "none",
|
||||
midPoint: ["block", "inline", "inline-block"],
|
||||
},
|
||||
{
|
||||
property: "position",
|
||||
from: "fixed",
|
||||
to: "absolute",
|
||||
midPoint: "static",
|
||||
},
|
||||
{
|
||||
property: "float",
|
||||
from: "left",
|
||||
to: "right",
|
||||
midPoint: "none",
|
||||
},
|
||||
|
||||
// ::marker does NOT support list properties despite being affected by them,
|
||||
// they apply to the list item instead.
|
||||
{
|
||||
property: "list-style",
|
||||
from: "inside url('foo') square",
|
||||
to: "inside url('bar') decimal",
|
||||
midPoint: "outside none disc",
|
||||
},
|
||||
{
|
||||
property: "list-style-image",
|
||||
from: "url('foo')",
|
||||
to: "url('bar')",
|
||||
midPoint: "none",
|
||||
},
|
||||
{
|
||||
property: "list-style-position",
|
||||
from: "inside",
|
||||
to: "inside",
|
||||
midPoint: "outside",
|
||||
},
|
||||
{
|
||||
property: "list-style-type",
|
||||
from: "square",
|
||||
to: "decimal",
|
||||
midPoint: "disc",
|
||||
},
|
||||
|
||||
// ::marker does NOT support `line-height` because, despite being a
|
||||
// longhand of `font`, it's not a font property.
|
||||
{
|
||||
property: "line-height",
|
||||
from: "20px",
|
||||
to: "50px",
|
||||
midPoint: "normal",
|
||||
},
|
||||
];
|
||||
|
||||
const target = document.getElementById("target");
|
||||
const styleElement = document.getElementById("style");
|
||||
const markerStyle = getComputedStyle(target, "::marker");
|
||||
|
||||
function check({property, from, to, midPoint}) {
|
||||
assert_true(property in markerStyle, property + " doesn't seem to be supported in the computed style");
|
||||
assert_true(CSS.supports(property, from), `'${from}' is a supported value for ${property}.`);
|
||||
assert_true(CSS.supports(property, to), `'${to}' is a supported value for ${property}.`);
|
||||
const computed = markerStyle.getPropertyValue(property);
|
||||
if (Array.isArray(midPoint)) {
|
||||
assert_in_array(computed, midPoint);
|
||||
} else {
|
||||
assert_equals(computed, midPoint);
|
||||
}
|
||||
}
|
||||
|
||||
function testAnimations(interpolationTests) {
|
||||
styleElement.textContent = `
|
||||
::marker {
|
||||
animation: anim 2s -1s paused linear;
|
||||
}
|
||||
@keyframes anim {
|
||||
from {}
|
||||
to {}
|
||||
}
|
||||
`;
|
||||
const keyframes = styleElement.sheet.cssRules[1];
|
||||
const fromStyle = keyframes.cssRules[0].style;
|
||||
const toStyle = keyframes.cssRules[1].style;
|
||||
for (let {property, from, to, midPoint} of interpolationTests) {
|
||||
fromStyle.cssText = "";
|
||||
toStyle.cssText = "";
|
||||
if (midPoint == null) {
|
||||
midPoint = markerStyle.getPropertyValue(property);
|
||||
}
|
||||
fromStyle.setProperty(property, from);
|
||||
toStyle.setProperty(property, to);
|
||||
test(() => {
|
||||
check({property, from, to, midPoint});
|
||||
}, `Animation of ${property} in ::marker`);
|
||||
}
|
||||
}
|
||||
|
||||
function testTransitions(interpolationTests) {
|
||||
styleElement.textContent = `
|
||||
.transition::marker {
|
||||
transition: all 2s -1s linear;
|
||||
}
|
||||
.from::marker {}
|
||||
.to::marker {}
|
||||
`;
|
||||
const fromStyle = styleElement.sheet.cssRules[1].style;
|
||||
const toStyle = styleElement.sheet.cssRules[2].style;
|
||||
for (let {property, from, to, midPoint} of interpolationTests) {
|
||||
fromStyle.cssText = "";
|
||||
toStyle.cssText = "";
|
||||
if (midPoint == null) {
|
||||
midPoint = to;
|
||||
}
|
||||
fromStyle.setProperty(property, from);
|
||||
toStyle.setProperty(property, to);
|
||||
target.className = "from";
|
||||
markerStyle.width;
|
||||
target.classList.add("transition");
|
||||
markerStyle.width;
|
||||
target.classList.add("to");
|
||||
test(() => {
|
||||
check({property, from, to, midPoint});
|
||||
}, `Transition of ${property} in ::marker`);
|
||||
}
|
||||
}
|
||||
|
||||
testAnimations(interpolationTests);
|
||||
testTransitions(interpolationTests);
|
||||
</script>
|
||||
|
|
@ -45,6 +45,24 @@ test_pseudo_computed_value("::marker", "direction", "rtl");
|
|||
// ::marker supports `content`
|
||||
test_pseudo_computed_value("::marker", "content", "\"foo\"");
|
||||
|
||||
// ::marker supports animation properties.
|
||||
test_pseudo_computed_value("::marker", "animation", "1s linear 2s infinite alternate forwards paused anim");
|
||||
test_pseudo_computed_value("::marker", "animation-delay", "1s");
|
||||
test_pseudo_computed_value("::marker", "animation-direction", "alternate");
|
||||
test_pseudo_computed_value("::marker", "animation-duration", "2s");
|
||||
test_pseudo_computed_value("::marker", "animation-fill-mode", "forwards");
|
||||
test_pseudo_computed_value("::marker", "animation-iteration-count", "infinite");
|
||||
test_pseudo_computed_value("::marker", "animation-name", "anim");
|
||||
test_pseudo_computed_value("::marker", "animation-play-state", "paused");
|
||||
test_pseudo_computed_value("::marker", "animation-timing-function", "linear");
|
||||
|
||||
// ::marker supports transition properties.
|
||||
test_pseudo_computed_value("::marker", "transition", "display 1s linear 2s");
|
||||
test_pseudo_computed_value("::marker", "transition-delay", "1s");
|
||||
test_pseudo_computed_value("::marker", "transition-duration", "2s");
|
||||
test_pseudo_computed_value("::marker", "transition-property", "display");
|
||||
test_pseudo_computed_value("::marker", "transition-timing-function", "linear");
|
||||
|
||||
// ::marker does NOT support layout properties
|
||||
test_pseudo_computed_value("::marker", "display", "none", ["block", "inline", "inline-block"]);
|
||||
test_pseudo_computed_value("::marker", "position", "absolute", "static");
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Anchor of the element</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-anchor-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-anchor-property">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the representative point of the element specified with 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -28,4 +28,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Anchor of the element</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-anchor-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-anchor-property">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the representative point of the element specified with 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -29,4 +29,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Anchor of the element</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-anchor-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-anchor-property">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the representative point of the element specified with 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -30,4 +30,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Anchor of the element</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-anchor-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-anchor-property">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the representative point of the element specified with 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -28,4 +28,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Anchor of the element</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-anchor-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-anchor-property">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the representative point of the element specified with 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -30,4 +30,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Position an element with 'polar-origin' and 'polar-anchor'</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#positioning-content">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#motion-paths-overview/">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the position of an element specified with 'polar-origin' and 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Position an element with 'polar-origin' and 'polar-anchor'</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#positioning-content">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#motion-paths-overview/">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the position of an element specified with 'polar-origin' and 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Position an element with 'polar-origin' and 'polar-anchor'</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#positioning-content">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#motion-paths-overview/">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the position of an element specified with 'polar-origin' and 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Position an element with 'polar-origin' and 'polar-anchor'</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#positioning-content">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#motion-paths-overview/">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the position of an element specified with 'polar-origin' and 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Position an element with 'polar-origin' and 'polar-anchor'</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#positioning-content">
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#motion-paths-overview/">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Test checks that the position of an element specified with 'polar-origin' and 'polar-anchor'.">
|
||||
<style type="text/css">
|
||||
|
|
@ -33,4 +33,4 @@
|
|||
<div class="item"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Origin of Coordinates</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-origin-property" />
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-origin-property" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Test checks that the origin of the coordinate system specified with 'polar-origin'." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Origin of Coordinates</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-origin-property" />
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-origin-property" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Test checks that the origin of the coordinate system specified with 'polar-origin'." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>CSS Test: Origin of Coordinates</title>
|
||||
<link rel="author" title="Jihye Hong" href="mailto:jh.hong@lge.com" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css-round-display-1/#polar-origin-property" />
|
||||
<link rel="help" href="https://www.w3.org/TR/motion-1/#polar-origin-property" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Test checks that the origin of the coordinate system specified with 'polar-origin'." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: :host ignores default namespace</title>
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-element-in-tree">
|
||||
<link rel="help" href="https://drafts.csswg.org/selectors-4/#featureless">
|
||||
<link rel="help" href="https://bugzil.la/1546375">
|
||||
<link rel="match" href="reference/green-box.html">
|
||||
<p>Test passes if you see a single 100px by 100px green box below.</p>
|
||||
<div id="host"></div>
|
||||
<script>
|
||||
document.getElementById("host").attachShadow({ mode: "open" }).innerHTML = `
|
||||
<style>
|
||||
@namespace url(http://www.w3.org/2000/svg);
|
||||
:host { background-color: green; width: 100px; height: 100px; }
|
||||
</style>
|
||||
`;
|
||||
</script>
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under vertical-rl."/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under vertical-lr."/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under sideways-rl."/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under sideways-lr."/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under vertical-rl and text-orientation: sideways."/>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shapes-from-image"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin"/>
|
||||
<link rel="help" href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property"/>
|
||||
<link rel="match" href="reference/shape-outside-linear-gradient-001-ref.html"/>
|
||||
<meta name="flags" content="ahem"/>
|
||||
<meta name="assert" content="This test verifies that shape-outside respects a simple linear gradient with shape-margin under vertical-lr and text-orientation: sideways."/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-line">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-line-property">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#propdef-writing-mode">
|
||||
<link rel="match" href="reference/line-through-vertical-ref.html">
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>CSS Text Decoration Test - text-emphasis</title>
|
||||
<link rel="author" title="TestTWF Tokyo Meetup (Unofficial)" href="mailto:ymdsmn@gmail.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style">
|
||||
<link rel="help" href="http://www.w3.org/TR/css-text-decor-3/#text-emphasis-style-property">
|
||||
<meta name="assert" content="Test checks that 'text-emphasis-style: filled double-circle'.">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color-property">
|
||||
<link rel="match" href="reference/text-decoration-color-recalc-ref.html">
|
||||
<style>
|
||||
div {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>CSS Test: CSS3 text-decoration-color</title>
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-color-property">
|
||||
<link rel="match" href="reference/text-decoration-color-ref.html">
|
||||
<style>
|
||||
.underline {
|
||||
|
|
|
|||
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