mirror of
https://github.com/servo/servo.git
synced 2025-07-22 23:03:42 +01:00
Update web-platform-tests to revision 936827a6527f1c53051d3bc5bc79304c88c0737f
This commit is contained in:
parent
c585f4fff5
commit
02a68a38f0
338 changed files with 14862 additions and 2933 deletions
File diff suppressed because it is too large
Load diff
|
@ -0,0 +1,34 @@
|
|||
[gap-computed.html]
|
||||
[Property gap value '10px 20%' computes to '10px 20%']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value '10px' computes to '10px']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'normal 10px' computes to 'normal 10px']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value '20% calc(20% + 10px)' computes to '20% calc(20% + 10px)']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'calc(20% + 10px) normal' computes to 'calc(20% + 10px) normal']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'calc(20% + 10px)' computes to 'calc(20% + 10px)']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'calc(-0.5em + 10px) calc(0.5em + 10px)' computes to '0px 30px']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'calc(0.5em + 10px)' computes to '30px']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'normal' computes to 'normal']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value '20%' computes to '20%']
|
||||
expected: FAIL
|
||||
|
||||
[Property gap value 'calc(-0.5em + 10px)' computes to '0px']
|
||||
expected: FAIL
|
||||
|
28
tests/wpt/metadata/css/css-align/parsing/gap-valid.html.ini
Normal file
28
tests/wpt/metadata/css/css-align/parsing/gap-valid.html.ini
Normal file
|
@ -0,0 +1,28 @@
|
|||
[gap-valid.html]
|
||||
[e.style['gap'\] = "20% calc(20% + 10px)" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "20% 20%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "10px 20%" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "0px normal" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "calc(20% + 10px) 0px" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "10px 10px" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "normal normal" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "normal 10px" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['gap'\] = "calc(20% + 10px) calc(20% + 10px)" should set the property value]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[custom-property-animation-on-main-thread.https.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[one-custom-property-animation.https.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[two-custom-property-animation.https.html]
|
||||
expected: FAIL
|
|
@ -17,3 +17,24 @@
|
|||
[e.style['text-decoration'\] = "double overline underline" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "underline auto" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "auto" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "10px" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "line-through 20px" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "overline 3em" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "from-font" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
[e.style['text-decoration'\] = "overline green from-font" should set the property value]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
[composited-transform.html]
|
||||
[An additive transform animation on-top of a replace transform animation should composite correctly]
|
||||
expected: FAIL
|
||||
|
|
@ -20,3 +20,6 @@
|
|||
[After setting a transition's effect to null, a new transition can be started]
|
||||
expected: FAIL
|
||||
|
||||
[After setting a transition's effect to null, it should be possible to interrupt that transition]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -0,0 +1,13 @@
|
|||
[transition-timing-function-computed.html]
|
||||
[Property transition-timing-function value 'steps(2, jump-none)' computes to 'steps(2, jump-none)']
|
||||
expected: FAIL
|
||||
|
||||
[Property transition-timing-function value 'steps(2, jump-start)' computes to 'steps(2, jump-start)']
|
||||
expected: FAIL
|
||||
|
||||
[Property transition-timing-function value 'steps(2, jump-end)' computes to 'steps(2)']
|
||||
expected: FAIL
|
||||
|
||||
[Property transition-timing-function value 'steps(2, jump-both)' computes to 'steps(2, jump-both)']
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[max-length-percent-001.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[min-length-percent-001.html]
|
||||
expected: FAIL
|
|
@ -1,2 +0,0 @@
|
|||
[matchMedia-display-none-iframe.html]
|
||||
expected: ERROR
|
|
@ -312,21 +312,9 @@
|
|||
[<iframe>: separate response Content-Type: */* text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: */* text/html]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: separate response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html */*;charset=gbk]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;" \\" text/plain]
|
||||
expected: FAIL
|
||||
|
||||
[<iframe>: combined response Content-Type: text/html;x=" text/plain]
|
||||
[<iframe>: combined response Content-Type: text/html */*]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -56,9 +56,3 @@
|
|||
[separate text/javascript x/x]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 error text/javascript]
|
||||
expected: FAIL
|
||||
|
||||
[separate text/javascript;charset=windows-1252 text/javascript]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -1,6 +1,8 @@
|
|||
[scroll-restoration-fragment-scrolling-cross-origin.html]
|
||||
type: testharness
|
||||
expected: TIMEOUT
|
||||
[Manual scroll restoration should take precedent over scrolling to fragment in cross origin navigation]
|
||||
expected: TIMEOUT
|
||||
|
||||
[Precedence of scroll restoration mode over fragment scrolling in cross-origin history traversal]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -1,4 +0,0 @@
|
|||
[traverse_the_history_4.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
[traverse_the_history_5.html]
|
||||
[Multiple history traversals, last would be aborted]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[creating_browsing_context_test_01.html]
|
||||
[first argument: absolute url]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
[blob.https.html]
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://web-platform.test:8443 in subframe via subframe]
|
||||
expected: FAIL
|
||||
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://web-platform.test:8443 in subframe via navigate]
|
||||
expected: FAIL
|
||||
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://www1.web-platform.test:8443 in subframe via subframe]
|
||||
expected: FAIL
|
||||
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://not-web-platform.test:8443 in subframe via navigate]
|
||||
expected: FAIL
|
||||
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://not-web-platform.test:8443 in subframe via subframe]
|
||||
expected: FAIL
|
||||
|
||||
[Cross-Origin-Embedder-Policy and blob: URL from https://www1.web-platform.test:8443 in subframe via navigate]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[data.https.html]
|
||||
[Cross-Origin-Embedder-Policy and data: URLs]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[none.https.html]
|
||||
["require-corp" top-level noopener popup: navigating to "none" should succeed]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
[require-corp.https.html]
|
||||
["require-corp" top-level: creating a noopener "none" popup should succeed]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level: fetch() to response without CORP should fail]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level (as noopener popup): navigating to "none" should succeed]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level (as popup with opener set to null): navigating to "none" should succeed]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level: navigating a frame to "none" should fail]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level: navigating a frame from "require-corp" to "none" should fail]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level: creating a "none" popup should succeed.]
|
||||
expected: FAIL
|
||||
|
||||
["require-corp" top-level (as popup): navigating to "none" should succeed]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[sandbox.https.html]
|
||||
expected: TIMEOUT
|
||||
[Cross-Origin-Embedder-Policy and sandbox]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[srcdoc.https.html]
|
||||
expected: TIMEOUT
|
||||
[Cross-Origin-Embedder-Policy and srcdoc]
|
||||
expected: TIMEOUT
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
[coep-navigate-popup.https.html]
|
||||
[Popup navigating to same-origin with coop unsafe-inherit/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-origin with no coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-origin with coop unsafe-inherit/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with no coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-origin with coop/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-origin with coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-origin with no coop/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with coop unsafe-inherit/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with coop/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with no coop/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with coop unsafe-inherit/no coep]
|
||||
expected: FAIL
|
||||
|
||||
[Popup navigating to same-site with coop/coep]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
[coep-redirect.https.html]
|
||||
[Redirect from coop unsafe-inherit/coep to coop unsafe-inherit/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Redirect from coop/coep to coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Redirect from coop unsafe-inherit/coep to coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Redirect from no coop/no coep to coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Redirect from coop/no coep to coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Redirect from coop/coep to no coop/coep]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
[coep.https.html]
|
||||
[Same-site popup with coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-origin popup with coop unsafe-inherit/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-origin popup without coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-site popup with coop unsafe-inherit/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-site popup with coop unsafe-inherit without coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-origin popup with coop unsafe-inherit without coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-origin popup with coop/coep]
|
||||
expected: FAIL
|
||||
|
||||
[Same-site popup without coep]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[coop-navigated-popup.https.html]
|
||||
[Open a popup to a document without COOP, then navigate it to a document with]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[coop-sandbox.https.html]
|
||||
[Sandboxed Cross-Origin-Opener-Policy popup should result in a network error]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
[popup-none.https.html]
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[none document opening popup to https://not-web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
[popup-same-origin-unsafe-allow-outgoing.https.html]
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
[popup-same-origin.https.html]
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-origin document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
[popup-same-site-unsafe-allow-outgoing.https.html]
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://not-web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site_unsafe-allow-outgoing document opening popup to https://www1.web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
[popup-same-site.https.html]
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: ""]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: "jibberish"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://www1.web-platform.test:8443 with COOP: "same-origin"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://not-web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: "same-site"]
|
||||
expected: FAIL
|
||||
|
||||
[same-site document opening popup to https://web-platform.test:8443 with COOP: "same-site unsafe-allow-outgoing"]
|
||||
expected: FAIL
|
||||
|
|
@ -10709,3 +10709,24 @@
|
|||
[SVGElement interface: attribute onformdata]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList interface: calling item(unsigned long) on location.ancestorOrigins with too few arguments must throw TypeError]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList interface: calling contains(DOMString) on location.ancestorOrigins with too few arguments must throw TypeError]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList interface: location.ancestorOrigins must inherit property "contains(DOMString)" with the proper type]
|
||||
expected: FAIL
|
||||
|
||||
[Stringification of location.ancestorOrigins]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList interface: location.ancestorOrigins must inherit property "item(unsigned long)" with the proper type]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList must be primary interface of location.ancestorOrigins]
|
||||
expected: FAIL
|
||||
|
||||
[DOMStringList interface: location.ancestorOrigins must inherit property "length" with the proper type]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
[tabindex-getter.html]
|
||||
[HTML Test: tabIndex getter return value]
|
||||
expected: FAIL
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
[select-1-block-size-001-2.html]
|
||||
expected: FAIL
|
|
@ -0,0 +1,2 @@
|
|||
[select-1-block-size-001.html]
|
||||
expected: FAIL
|
|
@ -1,11 +1,7 @@
|
|||
[form-submission-algorithm.html]
|
||||
expected: TIMEOUT
|
||||
[If form's firing submission events is true, then return; 'submit' event]
|
||||
expected: FAIL
|
||||
|
||||
[If form's firing submission events is true, then return; 'invalid' event]
|
||||
expected: FAIL
|
||||
|
||||
[Cannot navigate (after constructing the entry list)]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,7 +0,0 @@
|
|||
[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
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
[DOMContentLoaded-defer.html]
|
||||
[The end: DOMContentLoaded and defer scripts]
|
||||
expected: FAIL
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
[promise-rejection-events.html]
|
||||
expected: TIMEOUT
|
||||
[delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
|
||||
expected: FAIL
|
||||
|
||||
|
@ -9,6 +8,3 @@
|
|||
[no unhandledrejection/rejectionhandled: rejection handler attached synchronously to a promise created from createImageBitmap]
|
||||
expected: FAIL
|
||||
|
||||
[rejectionhandled is dispatched from a queued task, and not immediately]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -12,3 +12,6 @@
|
|||
[Verifies the resolution of entry.startTime is at least 5 microseconds.]
|
||||
expected: TIMEOUT
|
||||
|
||||
[Verifies the resolution of performance.now() is at least 5 microseconds.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
[realtimeanalyser-fft-scaling.html]
|
||||
expected: TIMEOUT
|
||||
[X 2048-point FFT peak position is not equal to 64. Got 0.]
|
||||
expected: FAIL
|
||||
|
||||
|
|
|
@ -197,3 +197,6 @@
|
|||
[X SNR (21.44080528729615 dB) is not greater than or equal to 65.737. Got 21.44080528729615.]
|
||||
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 9.8276454210281372e-1 at index of 39267.\n\t[39267\]\t-4.4464776011506507e-25\t-9.8276454210281372e-1\t9.8276454210281372e-1\t1.0000000000000000e+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
|
||||
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
[xrBoundedReferenceSpace_updates.https.html]
|
||||
expected: TIMEOUT
|
||||
expected: ERROR
|
||||
['XRBoundedReferenceSpace updates properly when the changes are applied]
|
||||
expected: TIMEOUT
|
||||
|
||||
|
|
|
@ -1,4 +0,0 @@
|
|||
[WorkerGlobalScope-close.html]
|
||||
[Test sending a message after closing.]
|
||||
expected: FAIL
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
# This is the configuration file for Azure Pipelines, used to run tests on
|
||||
# macOS. Documentation to help understand this setup:
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/yaml-schema
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/build/triggers
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/process/multiple-phases
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/process/templates
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/process/variables
|
||||
|
@ -10,13 +11,20 @@
|
|||
# project is required:
|
||||
# - The "Build pull requests from forks of this repository" setting must be
|
||||
# enabled: https://docs.microsoft.com/en-us/azure/devops/pipelines/repos/github#validate-contributions-from-forks
|
||||
# - A scheduled build needs to be set up for one of the epochs/* branches.
|
||||
# - Self-hosted agents for Windows 10 are used:
|
||||
# - 'Hosted Windows Client' is the latest Windows 10
|
||||
# - 'Hosted Windows Client Next' is Windows 10 Insider Preview
|
||||
# Documention for the setup of these agents:
|
||||
# https://docs.microsoft.com/en-us/azure/devops/pipelines/agents/v2-windows
|
||||
|
||||
schedules:
|
||||
- cron: "15 */6 * * *"
|
||||
displayName: Every six hours
|
||||
branches:
|
||||
include:
|
||||
- epochs/six_hourly
|
||||
always: true
|
||||
|
||||
jobs:
|
||||
# The affected tests jobs are unconditional for speed, as most PRs have one or
|
||||
# more affected tests: https://github.com/web-platform-tests/wpt/issues/13936.
|
||||
|
|
|
@ -19,23 +19,25 @@ self.addEventListener('install', (event) => {
|
|||
});
|
||||
|
||||
// Resolves when the service worker receives the 'activate' event.
|
||||
const kServiceWorkerActivatedPromise = new Promise(resolve => {
|
||||
const kServiceWorkerActivatedPromise = new Promise((resolve) => {
|
||||
self.addEventListener('activate', event => { resolve(); });
|
||||
});
|
||||
|
||||
const kCookieChangeReceivedPromise = new Promise((resolve) => {
|
||||
self.addEventListener('cookiechange', (event) => {
|
||||
resolve(event);
|
||||
});
|
||||
});
|
||||
|
||||
promise_test(async testCase => {
|
||||
await kServiceWorkerActivatedPromise;
|
||||
|
||||
const cookie_change_received_promise = new Promise((resolve) => {
|
||||
self.oncookiechange = (event) => { resolve(event); };
|
||||
});
|
||||
|
||||
await cookieStore.set('cookie-name', 'cookie-value');
|
||||
testCase.add_cleanup(async () => {
|
||||
await cookieStore.delete('cookie-name');
|
||||
});
|
||||
|
||||
const event = await cookie_change_received_promise;
|
||||
const event = await kCookieChangeReceivedPromise;
|
||||
assert_equals(event.type, 'cookiechange');
|
||||
assert_equals(event.changed.length, 1);
|
||||
assert_equals(event.changed[0].name, 'cookie-name');
|
||||
|
|
|
@ -11,11 +11,11 @@
|
|||
(async () => {
|
||||
const scope = 'scope';
|
||||
|
||||
let registration = await navigator.serviceWorker.getRegistration(scope);
|
||||
if (registration)
|
||||
await registration.unregister();
|
||||
registration = await navigator.serviceWorker.register(
|
||||
const registration = await navigator.serviceWorker.register(
|
||||
'serviceworker_cookieStore_subscriptions_eventhandler_attribute.js', {scope});
|
||||
add_completion_callback(() => {
|
||||
registration.unregister();
|
||||
});
|
||||
|
||||
fetch_tests_from_worker(registration.installing);
|
||||
})();
|
||||
|
|
|
@ -19,19 +19,19 @@ self.addEventListener('install', (event) => {
|
|||
});
|
||||
|
||||
// Resolves when the service worker receives the 'activate' event.
|
||||
const kServiceWorkerActivatedPromise = new Promise(resolve => {
|
||||
const kServiceWorkerActivatedPromise = new Promise((resolve) => {
|
||||
self.addEventListener('activate', event => { resolve(); });
|
||||
});
|
||||
|
||||
const kCookieChangeReceivedPromise = new Promise((resolve) => {
|
||||
self.addEventListener('cookiechange', (event) => {
|
||||
resolve(event);
|
||||
});
|
||||
});
|
||||
|
||||
promise_test(async testCase => {
|
||||
await kServiceWorkerActivatedPromise;
|
||||
|
||||
const cookie_change_received_promise = new Promise((resolve) => {
|
||||
self.addEventListener('cookiechange', (event) => {
|
||||
resolve(event);
|
||||
});
|
||||
});
|
||||
|
||||
await cookieStore.set('another-cookie-name', 'cookie-value');
|
||||
testCase.add_cleanup(async () => {
|
||||
await cookieStore.delete('another-cookie-name');
|
||||
|
@ -41,7 +41,7 @@ promise_test(async testCase => {
|
|||
await cookieStore.delete('cookie-name');
|
||||
});
|
||||
|
||||
const event = await cookie_change_received_promise;
|
||||
const event = await kCookieChangeReceivedPromise;
|
||||
assert_equals(event.type, 'cookiechange');
|
||||
assert_equals(event.changed.length, 1);
|
||||
assert_equals(event.changed[0].name, 'cookie-name');
|
||||
|
|
|
@ -10,11 +10,11 @@
|
|||
(async () => {
|
||||
const scope = 'scope';
|
||||
|
||||
let registration = await navigator.serviceWorker.getRegistration(scope);
|
||||
if (registration)
|
||||
await registration.unregister();
|
||||
registration = await navigator.serviceWorker.register(
|
||||
const registration = await navigator.serviceWorker.register(
|
||||
'serviceworker_cookieStore_subscriptions_mismatch.js', {scope});
|
||||
add_completion_callback(() => {
|
||||
registration.unregister();
|
||||
});
|
||||
|
||||
fetch_tests_from_worker(registration.installing);
|
||||
})();
|
||||
|
|
|
@ -15,6 +15,7 @@
|
|||
font: 3.75em/0.4 serif;
|
||||
margin-left: 1em;
|
||||
text-decoration: underline;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
span
|
||||
|
|
|
@ -21,6 +21,7 @@
|
|||
font: 3.75em/0.4 serif;
|
||||
margin-left: 1em;
|
||||
text-decoration: underline;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
span#wrapper
|
||||
|
@ -49,4 +50,4 @@
|
|||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
test(
|
||||
function(){
|
||||
var target = document.getElementById("target");
|
||||
assert_equals(getComputedStyle(target).gap, "50px 50px");
|
||||
assert_equals(getComputedStyle(target).gap, "50px");
|
||||
assert_equals(getComputedStyle(target).rowGap, "50px");
|
||||
assert_equals(getComputedStyle(target).columnGap, "50px");
|
||||
}, "gap is interpolable");
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
test(
|
||||
function(){
|
||||
var target = document.getElementById("target");
|
||||
assert_equals(getComputedStyle(target).gap, "100px 100px");
|
||||
assert_equals(getComputedStyle(target).gap, "100px");
|
||||
assert_equals(getComputedStyle(target).rowGap, "100px");
|
||||
assert_equals(getComputedStyle(target).columnGap, "100px");
|
||||
}, "gap: normal is not interpolable");
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
test(
|
||||
function(){
|
||||
var target = document.getElementById("target");
|
||||
assert_equals(getComputedStyle(target).gap, "100px 100px");
|
||||
assert_equals(getComputedStyle(target).gap, "100px");
|
||||
assert_equals(getComputedStyle(target).rowGap, "100px");
|
||||
assert_equals(getComputedStyle(target).columnGap, "100px");
|
||||
}, "Default gap is not interpolable");
|
||||
|
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: getComputedStyle().gap</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-gap">
|
||||
<meta name="assert" content="gap computed value is a pair of keyword or <length-percentage> values.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("gap", "normal");
|
||||
test_computed_value("gap", "10px");
|
||||
test_computed_value("gap", "20%");
|
||||
test_computed_value("gap", "calc(20% + 10px)");
|
||||
test_computed_value("gap", "calc(-0.5em + 10px)", "0px");
|
||||
test_computed_value("gap", "calc(0.5em + 10px)", "30px");
|
||||
|
||||
test_computed_value("gap", "normal 10px");
|
||||
test_computed_value("gap", "10px 20%");
|
||||
test_computed_value("gap", "20% calc(20% + 10px)");
|
||||
test_computed_value("gap", "calc(20% + 10px) normal");
|
||||
|
||||
test_computed_value("gap", "calc(-0.5em + 10px) calc(0.5em + 10px)", "0px 30px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing gap with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-gap">
|
||||
<meta name="assert" content="gap supports only the grammar '<row-gap> <column-gap>?'.">
|
||||
<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("gap", "auto");
|
||||
test_invalid_value("gap", "-10px");
|
||||
|
||||
test_invalid_value("gap", "10px 20% 30px");
|
||||
test_invalid_value("gap", "normal 10px normal");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Box Alignment Level 3: parsing gap with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-align-3/#propdef-gap">
|
||||
<meta name="assert" content="row-gap supports the full grammar '<row-gap> <column-gap>?'.">
|
||||
<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("gap", "normal normal", "normal");
|
||||
test_valid_value("gap", "10px 10px", "10px");
|
||||
test_valid_value("gap", "20% 20%", "20%");
|
||||
test_valid_value("gap", "calc(20% + 10px) calc(20% + 10px)", "calc(20% + 10px)");
|
||||
|
||||
test_valid_value("gap", "normal 10px");
|
||||
test_valid_value("gap", "10px 20%");
|
||||
test_valid_value("gap", "20% calc(20% + 10px)");
|
||||
test_valid_value("gap", "calc(20% + 10px) 0px");
|
||||
test_valid_value("gap", "0px normal");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -3,9 +3,9 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS basic box model: parsing padding with invalid values</title>
|
||||
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-3/#propdef-padding">
|
||||
<meta name="assert" content="padding supports only the grammar '<length>{1,4}'.">
|
||||
<meta name="assert" content="padding supports only the grammar '<length-percentage>{1,4}'.">
|
||||
<meta name="assert" content="Negative values are invalid.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
|
@ -23,12 +23,7 @@ test_invalid_value("padding-bottom", "10px 20px calc(2em + 3ex) auto");
|
|||
test_invalid_value("padding-bottom-left", "10px 20px");
|
||||
|
||||
test_invalid_value("padding-top", "-10px");
|
||||
|
||||
// The following are not yet rejected by browsers:
|
||||
test_invalid_value("padding", "20%");
|
||||
test_invalid_value("padding", "10px 20% 30% 40px");
|
||||
test_invalid_value("padding-right", "20%");
|
||||
test_invalid_value("padding-right", "calc(2em + 3%)");
|
||||
test_invalid_value("padding-right", "-20%");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -3,9 +3,8 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS basic box model: parsing padding with valid values</title>
|
||||
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-box-3/#propdef-padding">
|
||||
<meta name="assert" content="padding supports the full grammar '<length>{1,4}'.">
|
||||
<meta name="assert" content="padding supports the full grammar '<length-percentage>{1,4}'.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/parsing-testcommon.js"></script>
|
||||
|
@ -20,6 +19,11 @@ test_valid_value("padding-top", "10px");
|
|||
test_valid_value("padding-right", "20px");
|
||||
test_valid_value("padding-bottom", "30px");
|
||||
test_valid_value("padding-left", "40px");
|
||||
|
||||
test_valid_value("padding", "20%");
|
||||
test_valid_value("padding", "10px 20% 30% 40px");
|
||||
test_valid_value("padding-right", "20%");
|
||||
test_valid_value("padding-right", "calc(2em + 3%)");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -16,6 +16,60 @@
|
|||
<script>
|
||||
test_invalid_value("display", "grid inline-grid");
|
||||
test_invalid_value("display", "none grid");
|
||||
test_invalid_value("display", "none flow");
|
||||
test_invalid_value("display", "none ruby");
|
||||
test_invalid_value("display", "none flow-root");
|
||||
test_invalid_value("display", "none list-item");
|
||||
test_invalid_value("display", "contents list-item");
|
||||
test_invalid_value("display", "list-item contents");
|
||||
test_invalid_value("display", "flow flow");
|
||||
test_invalid_value("display", "block block");
|
||||
test_invalid_value("display", "flow flow-root");
|
||||
test_invalid_value("display", "flow-root flow-root");
|
||||
test_invalid_value("display", "block inline");
|
||||
test_invalid_value("display", "flex ruby");
|
||||
test_invalid_value("display", "ruby flex");
|
||||
test_invalid_value("display", "inline inline");
|
||||
test_invalid_value("display", "flex flex");
|
||||
test_invalid_value("display", "grid flex");
|
||||
test_invalid_value("display", "ruby grid");
|
||||
test_invalid_value("display", "flex grid");
|
||||
test_invalid_value("display", "grid table");
|
||||
test_invalid_value("display", "table flex");
|
||||
test_invalid_value("display", "flex table");
|
||||
test_invalid_value("display", "ruby table");
|
||||
test_invalid_value("display", "table table");
|
||||
test_invalid_value("display", "table flow-root");
|
||||
test_invalid_value("display", "flow-root ruby");
|
||||
test_invalid_value("display", "list-item list-item");
|
||||
test_invalid_value("display", "list-item table");
|
||||
test_invalid_value("display", "flex list-item");
|
||||
test_invalid_value("display", "list-item grid");
|
||||
test_invalid_value("display", "flow flow list-item");
|
||||
test_invalid_value("display", "grid flow list-item");
|
||||
test_invalid_value("display", "flow list-item flow");
|
||||
test_invalid_value("display", "block list-item block");
|
||||
test_invalid_value("display", "list-item flow-root flow");
|
||||
test_invalid_value("display", "list-item block block");
|
||||
test_invalid_value("display", "list-item block list-item");
|
||||
test_invalid_value("display", "list-item flow-root list-item");
|
||||
test_invalid_value("display", "list-item flow-root block list-item");
|
||||
test_invalid_value("display", "list-item block flow-root list-item");
|
||||
test_invalid_value("display", "block list-item flow-root list-item");
|
||||
test_invalid_value("display", "flow-root list-item block list-item");
|
||||
test_invalid_value("display", "list-item ruby");
|
||||
test_invalid_value("display", "ruby list-item");
|
||||
test_invalid_value("display", "ruby ruby");
|
||||
test_invalid_value("display", "ruby flow");
|
||||
test_invalid_value("display", "flow ruby");
|
||||
test_invalid_value("display", "ruby flow-root");
|
||||
test_invalid_value("display", "grid ruby");
|
||||
test_invalid_value("display", "table ruby");
|
||||
test_invalid_value("display", "table-row flow");
|
||||
test_invalid_value("display", "flow table-row");
|
||||
test_invalid_value("display", "table-row-group flow-root");
|
||||
test_invalid_value("display", "flex table-row-group");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -35,6 +35,99 @@ test_valid_value("display", "table-column");
|
|||
test_valid_value("display", "table-cell");
|
||||
test_valid_value("display", "table-caption");
|
||||
test_valid_value("display", "none");
|
||||
|
||||
// https://drafts.csswg.org/css-display/#the-display-properties
|
||||
test_valid_value("display", "run-in");
|
||||
test_valid_value("display", "flow", "block");
|
||||
test_valid_value("display", "flow-root");
|
||||
test_valid_value("display", "ruby");
|
||||
|
||||
test_valid_value("display", "flow list-item", "list-item");
|
||||
test_valid_value("display", "list-item flow", "list-item");
|
||||
test_valid_value("display", "flow-root list-item", "flow-root list-item");
|
||||
test_valid_value("display", "list-item flow-root", "flow-root list-item");
|
||||
|
||||
test_valid_value("display", "block flow", "block");
|
||||
test_valid_value("display", "flow block", "block");
|
||||
test_valid_value("display", "flow-root block", "flow-root");
|
||||
test_valid_value("display", "block flow-root", "flow-root");
|
||||
test_valid_value("display", "flex block", "flex");
|
||||
test_valid_value("display", "block flex", "flex");
|
||||
test_valid_value("display", "grid block", "grid");
|
||||
test_valid_value("display", "block grid", "grid");
|
||||
test_valid_value("display", "table block", "table");
|
||||
test_valid_value("display", "block table", "table");
|
||||
test_valid_value("display", "block ruby", "block ruby");
|
||||
test_valid_value("display", "ruby block", "block ruby");
|
||||
test_valid_value("display", "block list-item", "list-item");
|
||||
test_valid_value("display", "list-item block", "list-item");
|
||||
test_valid_value("display", "flow block list-item", "list-item");
|
||||
test_valid_value("display", "block flow list-item", "list-item");
|
||||
test_valid_value("display", "flow list-item block", "list-item");
|
||||
test_valid_value("display", "block list-item flow", "list-item");
|
||||
test_valid_value("display", "list-item block flow", "list-item");
|
||||
test_valid_value("display", "list-item flow block", "list-item");
|
||||
test_valid_value("display", "flow-root block list-item", "flow-root list-item");
|
||||
test_valid_value("display", "block flow-root list-item", "flow-root list-item");
|
||||
test_valid_value("display", "flow-root list-item block", "flow-root list-item");
|
||||
test_valid_value("display", "block list-item flow-root", "flow-root list-item");
|
||||
test_valid_value("display", "list-item block flow-root", "flow-root list-item");
|
||||
test_valid_value("display", "list-item flow-root block", "flow-root list-item");
|
||||
|
||||
test_valid_value("display", "inline flow", "inline");
|
||||
test_valid_value("display", "flow inline", "inline");
|
||||
test_valid_value("display", "flow-root inline", "inline-block");
|
||||
test_valid_value("display", "inline flow-root", "inline-block");
|
||||
test_valid_value("display", "flex inline", "inline-flex");
|
||||
test_valid_value("display", "inline flex", "inline-flex");
|
||||
test_valid_value("display", "grid inline", "inline-grid");
|
||||
test_valid_value("display", "inline grid", "inline-grid");
|
||||
test_valid_value("display", "table inline", "inline-table");
|
||||
test_valid_value("display", "inline table", "inline-table");
|
||||
test_valid_value("display", "inline ruby", "ruby");
|
||||
test_valid_value("display", "ruby inline", "ruby");
|
||||
test_valid_value("display", "inline list-item", "inline list-item");
|
||||
test_valid_value("display", "list-item inline", "inline list-item");
|
||||
test_valid_value("display", "flow inline list-item", "inline list-item");
|
||||
test_valid_value("display", "inline flow list-item", "inline list-item");
|
||||
test_valid_value("display", "flow list-item inline", "inline list-item");
|
||||
test_valid_value("display", "inline list-item flow", "inline list-item");
|
||||
test_valid_value("display", "list-item inline flow", "inline list-item");
|
||||
test_valid_value("display", "list-item flow inline", "inline list-item");
|
||||
test_valid_value("display", "flow-root inline list-item", "inline flow-root list-item");
|
||||
test_valid_value("display", "inline flow-root list-item", "inline flow-root list-item");
|
||||
test_valid_value("display", "flow-root list-item inline", "inline flow-root list-item");
|
||||
test_valid_value("display", "inline list-item flow-root", "inline flow-root list-item");
|
||||
test_valid_value("display", "list-item inline flow-root", "inline flow-root list-item");
|
||||
test_valid_value("display", "list-item flow-root inline", "inline flow-root list-item");
|
||||
|
||||
test_valid_value("display", "run-in flow", "run-in");
|
||||
test_valid_value("display", "flow run-in", "run-in");
|
||||
test_valid_value("display", "flow-root run-in", "run-in flow-root");
|
||||
test_valid_value("display", "run-in flow-root", "run-in flow-root");
|
||||
test_valid_value("display", "flex run-in", "run-in flex");
|
||||
test_valid_value("display", "run-in flex", "run-in flex");
|
||||
test_valid_value("display", "grid run-in", "run-in grid");
|
||||
test_valid_value("display", "run-in grid", "run-in grid");
|
||||
test_valid_value("display", "table run-in", "run-in table");
|
||||
test_valid_value("display", "run-in table", "run-in table");
|
||||
test_valid_value("display", "run-in ruby", "run-in ruby");
|
||||
test_valid_value("display", "ruby run-in", "run-in ruby");
|
||||
test_valid_value("display", "run-in list-item", "run-in list-item");
|
||||
test_valid_value("display", "list-item run-in", "run-in list-item");
|
||||
test_valid_value("display", "flow run-in list-item", "run-in list-item");
|
||||
test_valid_value("display", "run-in flow list-item", "run-in list-item");
|
||||
test_valid_value("display", "flow list-item run-in", "run-in list-item");
|
||||
test_valid_value("display", "run-in list-item flow", "run-in list-item");
|
||||
test_valid_value("display", "list-item run-in flow", "run-in list-item");
|
||||
test_valid_value("display", "list-item flow run-in", "run-in list-item");
|
||||
test_valid_value("display", "flow-root run-in list-item", "run-in flow-root list-item");
|
||||
test_valid_value("display", "run-in flow-root list-item", "run-in flow-root list-item");
|
||||
test_valid_value("display", "flow-root list-item run-in", "run-in flow-root list-item");
|
||||
test_valid_value("display", "run-in list-item flow-root", "run-in flow-root list-item");
|
||||
test_valid_value("display", "list-item run-in flow-root", "run-in flow-root list-item");
|
||||
test_valid_value("display", "list-item flow-root run-in", "run-in flow-root list-item");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Flexbox Layout Test: Atomic inline Flexible Box with height: min-content</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing/#valdef-width-min-content">
|
||||
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
|
||||
<meta name=assert content="This test checks that height: min-content computes to 'auto' for atomic inline level flexible box.">
|
||||
<style>
|
||||
#flexbox {
|
||||
background-color: green;
|
||||
display: inline-flex;
|
||||
height: min-content;
|
||||
}
|
||||
</style>
|
||||
<p>Test passes if there is a filled green square.</p>
|
||||
<div id="flexbox">
|
||||
<div id="item">
|
||||
<div style="width:100px; height:100px;"></div>
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference: inline flow-root list-item with ::marker</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { border: 1px solid; display: list-item; }
|
||||
li::marker { content: counters(list-item, ".") " "; }
|
||||
|
||||
.wrap { width: 22ch; }
|
||||
.m { width: -webkit-min-content; width: min-content; }
|
||||
ib { display:inline-block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li class=m>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<ib><li class=m>B</li></ib>
|
||||
<ib><li class=m>C</li></ib>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<ib><li>A A A A A A A A A A A A A A A A A A A A </li></ib>
|
||||
<ib><li class=m>B</li></ib>
|
||||
<ib><li class=m>C</li></ib>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li class=m>b</li>
|
||||
</ol></li>
|
||||
<li class=m>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li class=m>b</li>
|
||||
</ol></li>
|
||||
<li class=m>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: inline flow-root list-item with ::marker</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-pseudo">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868">
|
||||
<link rel="match" href="inline-block-list-marker-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { display: inline flow-root list-item; border: 1px solid; }
|
||||
li::marker { content: counters(list-item, ".") " "; }
|
||||
.wrap { width: 22ch; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference: inline flow-root list-item</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { border: 1px solid; display: list-item; }
|
||||
|
||||
.wrap { width: 22ch; }
|
||||
.m { width: -webkit-min-content; width: min-content; }
|
||||
ib { display:inline-block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li class=m>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<ib><li class=m>B</li></ib>
|
||||
<ib><li class=m>C</li></ib>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<ib><li>A A A A A A A A A A A A A A A A A A A A </li></ib>
|
||||
<ib><li class=m>B</li></ib>
|
||||
<ib><li class=m>C</li></ib>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li class=m>b</li>
|
||||
</ol></li>
|
||||
<li class=m>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li class=m>b</li>
|
||||
</ol></li>
|
||||
<li class=m>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: inline flow-root list-item</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#declaring-a-list-item">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868">
|
||||
<link rel="match" href="inline-block-list-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { border: 1px solid; display: inline flow-root list-item; }
|
||||
.wrap { width: 22ch; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference: inline list-item with ::marker</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
span { border: 1px solid; }
|
||||
.wrap { width: 22ch; }
|
||||
ib { display:inline-block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span>
|
||||
|
||||
<ol>
|
||||
<span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span>
|
||||
<span>3 C</span>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B</span>
|
||||
<span>3 C</span>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B<ol>
|
||||
<span>2.1 a a a a a a a a a a a a a a a a a a a a </span><span>2.2 b</span>
|
||||
</ol></span>
|
||||
<span>3 C</span>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<span>1 A A A A A A A A A A A A A A A A A A A A </span><span>2 B
|
||||
<ol style="display:inline"><span>2.1 a a a a a a a a a a a a a a a a a a a a </span><span>2.2 b</span>
|
||||
</ol></span><span>3 C</span>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: inline list-item with ::marker</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-pseudo">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868">
|
||||
<link rel="match" href="inline-list-marker-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { display: inline list-item; border: 1px solid; }
|
||||
li::marker { content: counters(list-item, ".") " "; }
|
||||
.wrap { width: 22ch; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference: inline list-item</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
span { border: 1px solid; }
|
||||
li { display: list-item; list-style-position: inside; }
|
||||
|
||||
.wrap { width: 22ch; }
|
||||
ib { display:inline-block; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li value=2></li></ib>B</span>
|
||||
|
||||
<ol>
|
||||
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li>B</li></ib></span>
|
||||
<span><ib><li>C</li></ib></span>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li>B</li></ib></span>
|
||||
<span><ib><li>C</li></ib></span></ol><ol style="display:inline">
|
||||
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li></li></ib>B<ol>
|
||||
<span><ib><li>a</li></ib> a a a a a a a a a a a a a a a a a a a </span><span><ib><li>b</li></ib></span>
|
||||
</ol></li></ib></span>
|
||||
<span><ib><li>C</li></ib></span>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<span><ib><li>A</li></ib> A A A A A A A A A A A A A A A A A A A </span><span><ib><li></li></ib><br>B <ol style="display:inline"><span><ib><li>a</li></ib> a a a a a a a a a a a a a a a a a a a </span><span><ib><li>b</li></ib></span>
|
||||
</ol></span><span><ib><li>C</li></ib></span>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Reference: table boxes inside inline list-items</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace;
|
||||
}
|
||||
|
||||
.l1 { display: inline list-item; }
|
||||
.l2 { display: inline flow-root list-item; }
|
||||
|
||||
span {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
div { background: blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
A<span class="l1">B<div style="display:inline-table">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:inline-table">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:inline-table">T</div>C</span>
|
||||
A<span class="l1">B<x><div style="display:inline-table">T</div></x>C</span>
|
||||
A<span class="l1">B<x style="display:block"><div style="display:inline-table">T</div></x>C</span>
|
||||
|
||||
A<span class="l2">B<div style="display:table">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:table">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:table">T</div>C</span>
|
||||
A<span class="l2">B<x><div style="display:inline-table">T</div></x>C</span>
|
||||
A<span class="l2">B<x style="display:block"><div style="display:table">T</div></x>C</span>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: table boxes inside inline list-items</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#ref-for-inline-table②">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868">
|
||||
<link rel="match" href="inline-list-with-table-child-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace;
|
||||
}
|
||||
|
||||
.l1 { display: inline list-item; }
|
||||
.l2 { display: inline flow-root list-item; }
|
||||
|
||||
span {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
div { background: blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
A<span class="l1">B<div style="display:table-cell">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:table-row">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:table-row-group">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:inline-table">T</div>C</span>
|
||||
A<span class="l1">B<div style="display:table">T</div>C</span>
|
||||
|
||||
A<span class="l2">B<div style="display:table-cell">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:table-row">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:table-row-group">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:inline-table">T</div>C</span>
|
||||
A<span class="l2">B<div style="display:table">T</div>C</span>
|
||||
|
||||
</body>
|
||||
</html>
|
62
tests/wpt/web-platform-tests/css/css-lists/inline-list.html
Normal file
62
tests/wpt/web-platform-tests/css/css-lists/inline-list.html
Normal file
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: inline list-item</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#declaring-a-list-item">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868">
|
||||
<link rel="match" href="inline-list-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:14px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
ol,ul,li { margin:0; padding:0; }
|
||||
body { margin-left: 40px; }
|
||||
|
||||
li { border: 1px solid; display: inline list-item; }
|
||||
.wrap { width: 22ch; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
|
||||
<ol>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B</li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ol style="display:inline">
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol>
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ol>
|
||||
|
||||
<ul>
|
||||
<li>A A A A A A A A A A A A A A A A A A A A </li>
|
||||
<li>B<ol style="display:inline">
|
||||
<li>a a a a a a a a a a a a a a a a a a a a </li>
|
||||
<li>b</li>
|
||||
</ol></li>
|
||||
<li>C</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</body>
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test Reference</title>
|
||||
<ol>
|
||||
<li value=3>three
|
||||
<li value=6>six
|
||||
<li value=5>five
|
||||
</ol>
|
|
@ -0,0 +1,14 @@
|
|||
<!doctype html>
|
||||
<title>Interaction of ol reversed and list-item value</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1573907">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#ordinal-value">
|
||||
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="li-value-reversed-001-ref.html">
|
||||
<ol reversed>
|
||||
<li>three
|
||||
<li value=6>six
|
||||
<li>five
|
||||
</ol>
|
|
@ -0,0 +1,10 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test Reference</title>
|
||||
<ol>
|
||||
<li value=6>six
|
||||
<li value=5>five
|
||||
<li value=7>seven
|
||||
<li value=6>six
|
||||
<li value=10>ten
|
||||
<li value=9>nine
|
||||
</ol>
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<title>Interaction of ol reversed and list-item value</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1573907">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#ordinal-value">
|
||||
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="li-value-reversed-002-ref.html">
|
||||
<ol reversed>
|
||||
<li>six
|
||||
<li>five
|
||||
<li value=7>seven
|
||||
<li>six
|
||||
<li value=10>ten
|
||||
<li>nine
|
||||
</ol>
|
|
@ -0,0 +1,16 @@
|
|||
<!doctype html>
|
||||
<title>Interaction of ol reversed and list-item value</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1573907">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#ordinal-value">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="li-value-reversed-002-ref.html">
|
||||
<ol reversed>
|
||||
<li>six
|
||||
<li>five
|
||||
<li style="counter-set: list-item 7">seven
|
||||
<li style="counter-increment: list-item -1">six
|
||||
<li style="counter-set: list-item 10; counter-increment: list-item 1">ten
|
||||
<li>nine
|
||||
</ol>
|
|
@ -0,0 +1,7 @@
|
|||
<!doctype html>
|
||||
<title>CSS Test Reference</title>
|
||||
<ol>
|
||||
<li value=2>two
|
||||
<div></div>
|
||||
<li value=0>zero
|
||||
</ol>
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<title>Non-list items with explicit list-item counter increments don't increment the ol reversed start value</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1573907">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#ordinal-value">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="li-value-reversed-004-ref.html">
|
||||
<ol reversed>
|
||||
<li>two
|
||||
<div style="counter-increment: list-item -1"></div>
|
||||
<li>zero
|
||||
</ol>
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<title>Non-list items with explicit list-item counter increments don't increment the ol reversed start value</title>
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1573907">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#attr-ol-reversed">
|
||||
<link rel="help" href="https://html.spec.whatwg.org/#ordinal-value">
|
||||
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
||||
<link rel="match" href="li-value-reversed-004-ref.html">
|
||||
<ol reversed>
|
||||
<li>two
|
||||
<div style="counter-increment: list-item 1; counter-set: list-item 1"></div>
|
||||
<li>zero
|
||||
</ol>
|
|
@ -0,0 +1,72 @@
|
|||
<!DOCTYPE HTML>
|
||||
<title>CSS Test Reference: breaking of a multicolumn</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org/">
|
||||
<style>
|
||||
|
||||
.outer {
|
||||
height: 125px;
|
||||
width: 800px;
|
||||
background: rgba(0, 0, 255, 0.3);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inner {
|
||||
height: 100px;
|
||||
width: 86px;
|
||||
font: 16px/1.25 sans-serif;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
height: 25px;
|
||||
width: 188px;
|
||||
background: green;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.lefthalf {
|
||||
border-right: 2px solid fuchsia;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.righthalf {
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="outer">
|
||||
<div class="inner lefthalf" style="left: 0">
|
||||
AAAAA<br>
|
||||
BBBBB<br>
|
||||
CCCCC<br>
|
||||
DDDDD<br>
|
||||
EEEEE
|
||||
</div>
|
||||
<div class="inner righthalf" style="left: 95px">
|
||||
FFFFF<br>
|
||||
GGGGG<br>
|
||||
HHHHH<br>
|
||||
IIIII<br>
|
||||
JJJJJ
|
||||
</div>
|
||||
<div class="border-bottom" style="left: 0"></div>
|
||||
<div class="inner lefthalf" style="left: 204px">
|
||||
KKKKK<br>
|
||||
LLLLL<br>
|
||||
MMMMM<br>
|
||||
NNNNN
|
||||
</div>
|
||||
<div class="inner righthalf" style="left: 299px">
|
||||
OOOOO<br>
|
||||
PPPPP<br>
|
||||
QQQQQ<br>
|
||||
</div>
|
||||
<div class="border-bottom" style="left: 204px;"></div>
|
||||
<div class="border-bottom" style="left: 408px"></div>
|
||||
</div>
|
|
@ -0,0 +1,55 @@
|
|||
<!DOCTYPE HTML>
|
||||
<title>CSS Test: breaking of a multicolumn</title>
|
||||
<meta charset="utf-8">
|
||||
<link rel="author" title="L. David Baron" href="https://dbaron.org/">
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#column-gaps-and-rules">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#cf">
|
||||
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2309">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#break-decoration">
|
||||
<link rel="match" href="multicol-breaking-nobackground-004-ref.html">
|
||||
<style>
|
||||
|
||||
.outer {
|
||||
height: 125px;
|
||||
column-fill: auto;
|
||||
width: 800px;
|
||||
column-count: 4;
|
||||
column-gap: 16px;
|
||||
background: rgba(0, 0, 255, 0.3);
|
||||
}
|
||||
|
||||
.inner {
|
||||
column-count: 2;
|
||||
column-rule: 2px solid fuchsia;
|
||||
column-gap: 16px;
|
||||
font: 16px/1.25 sans-serif;
|
||||
border: solid green;
|
||||
border-width: 0 0 25px 0;
|
||||
box-decoration-break: clone;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="outer">
|
||||
<div class="inner" style="height: 300px">
|
||||
AAAAA<br>
|
||||
BBBBB<br>
|
||||
CCCCC<br>
|
||||
DDDDD<br>
|
||||
EEEEE<br>
|
||||
FFFFF<br>
|
||||
GGGGG<br>
|
||||
HHHHH<br>
|
||||
IIIII<br>
|
||||
JJJJJ<br>
|
||||
KKKKK<br>
|
||||
LLLLL<br>
|
||||
MMMMM<br>
|
||||
NNNNN<br>
|
||||
OOOOO<br>
|
||||
PPPPP<br>
|
||||
QQQQQ
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test Reference: Test the column rules' block-size with nested balancing multicol container</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
.outer {
|
||||
column-count: 2;
|
||||
column-rule: 6px solid black;
|
||||
column-fill: auto;
|
||||
width: 400px;
|
||||
height: 250px;
|
||||
}
|
||||
.inner {
|
||||
column-count: 2;
|
||||
column-rule: 3px solid gray;
|
||||
column-fill: auto;
|
||||
height: 200px;
|
||||
}
|
||||
.inner-block {
|
||||
background-color: lightblue;
|
||||
height: 400px;
|
||||
}
|
||||
.space {
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<article class="outer">
|
||||
<article class="inner">
|
||||
<div class="inner-block"></div>
|
||||
</article>
|
||||
<div class="space"></div>
|
||||
<article class="inner">
|
||||
<div class="inner-block"></div>
|
||||
</article>
|
||||
<div class="space"></div>
|
||||
</article>
|
||||
</html>
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Multi-column Layout Test: Test the column rules' block-size with nested balancing multicol container</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="https://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#cf">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-gaps-and-rules">
|
||||
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2309">
|
||||
<link rel="match" href="multicol-rule-nested-balancing-003-ref.html">
|
||||
<meta name="assert" content="This test verifies that the column-rules are extended to the content block-end edges of their corresponding inner and outer multicol container.">
|
||||
|
||||
<style>
|
||||
.outer {
|
||||
column-count: 2;
|
||||
column-rule: 6px solid black;
|
||||
width: 400px;
|
||||
height: 250px;
|
||||
}
|
||||
.inner {
|
||||
column-count: 2;
|
||||
column-rule: 3px solid gray;
|
||||
height: 400px;
|
||||
}
|
||||
.inner-block {
|
||||
background-color: lightblue;
|
||||
height: 800px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<article class="outer">
|
||||
<article class="inner">
|
||||
<div class="inner-block"></div>
|
||||
</article>
|
||||
</article>
|
||||
</html>
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
|
||||
<link rel="match" href="one-custom-property-animation-ref.html">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
animation: expand 5s;
|
||||
}
|
||||
@keyframes expand {
|
||||
0% { --foo: 0; }
|
||||
0.01% { --foo: 50; }
|
||||
99% { --foo: 50; }
|
||||
100% { --foo: 100; }
|
||||
}
|
||||
|
||||
#canvas-geometry {
|
||||
background-color: blue;
|
||||
background-image: paint(geometry);
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/worklet-reftest.js"></script>
|
||||
<body>
|
||||
<div id="canvas-geometry" class="container"></div>
|
||||
|
||||
<script id="code" type="text/worklet">
|
||||
registerPaint('geometry', class {
|
||||
static get inputProperties() { return ['--foo']; }
|
||||
paint(ctx, geom, properties) {
|
||||
let fooValue = parseFloat(properties.get('--foo').toString());
|
||||
ctx.fillStyle = 'green';
|
||||
ctx.fillRect(0, 0, fooValue, fooValue);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
CSS.registerProperty({
|
||||
name: '--foo',
|
||||
syntax: '<number>',
|
||||
initialValue: '0',
|
||||
inherits: false
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// The test is designed to make sure that when the custom property animation is
|
||||
// running on the compositor thread, we are getting the right value.
|
||||
// The "importWorkletAndTerminateTestAfterAsyncPaint" has the logic to rAF
|
||||
// two frames before taking a screenshot. So the animation is designed to
|
||||
// be stable after two frames. That is, the 0.01% of 5s is much less than
|
||||
// two frames, and thus after two frames, the value of --foo should be stable.
|
||||
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<canvas id ="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById('canvas');
|
||||
var context = canvas.getContext("2d");
|
||||
context.fillStyle = 'blue';
|
||||
context.fillRect(0, 0, 100, 100);
|
||||
context.fillStyle = 'green';
|
||||
context.fillRect(0, 0, 50, 50);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
|
||||
<link rel="match" href="one-custom-property-animation-ref.html">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
animation: expand 5s;
|
||||
/* TODO(crbug.com/987969): the will-change: transform should not be needed. */
|
||||
will-change: transform;
|
||||
}
|
||||
@keyframes expand {
|
||||
0% { --foo: 0; }
|
||||
0.01% { --foo: 50; }
|
||||
99% { --foo: 50; }
|
||||
100% { --foo: 100; }
|
||||
}
|
||||
|
||||
#canvas-geometry {
|
||||
background-color: blue;
|
||||
background-image: paint(geometry);
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/worklet-reftest.js"></script>
|
||||
<body>
|
||||
<div id="canvas-geometry" class="container"></div>
|
||||
|
||||
<script id="code" type="text/worklet">
|
||||
registerPaint('geometry', class {
|
||||
static get inputProperties() { return ['--foo']; }
|
||||
paint(ctx, geom, properties) {
|
||||
let fooValue = parseFloat(properties.get('--foo').toString());
|
||||
ctx.fillStyle = 'green';
|
||||
ctx.fillRect(0, 0, fooValue, fooValue);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
CSS.registerProperty({
|
||||
name: '--foo',
|
||||
syntax: '<number>',
|
||||
initialValue: '0',
|
||||
inherits: false
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// The test is designed to make sure that when the custom property animation is
|
||||
// running on the compositor thread, we are getting the right value.
|
||||
// The "importWorkletAndTerminateTestAfterAsyncPaint" has the logic to rAF
|
||||
// two frames before taking a screenshot. So the animation is designed to
|
||||
// be stable after two frames. That is, the 0.01% of 5s is much less than
|
||||
// two frames, and thus after two frames, the value of --foo should be stable.
|
||||
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<canvas id ="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById('canvas');
|
||||
var context = canvas.getContext("2d");
|
||||
context.fillStyle = 'blue';
|
||||
context.fillRect(0, 0, 100, 100);
|
||||
context.fillStyle = '#9876c8';
|
||||
context.fillRect(0, 0, 50, 50);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
|
||||
<link rel="match" href="two-custom-property-animation-ref.html">
|
||||
<style>
|
||||
.container {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
animation: expand 5s, clr 5s;
|
||||
/* TODO(crbug.com/987969): the will-change: transform should not be needed. */
|
||||
will-change: transform;
|
||||
}
|
||||
@keyframes expand {
|
||||
0% { --foo: 0; }
|
||||
0.01% { --foo: 50; }
|
||||
99% { --foo: 50; }
|
||||
100% { --foo: 100; }
|
||||
}
|
||||
@keyframes clr {
|
||||
0% { --bar: 0; }
|
||||
0.01% { --bar: 200; }
|
||||
99% { --bar: 200; }
|
||||
100% { --bar: 255; }
|
||||
}
|
||||
|
||||
#canvas-geometry {
|
||||
background-color: blue;
|
||||
background-image: paint(geometry);
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script src="/common/worklet-reftest.js"></script>
|
||||
<body>
|
||||
<div id="canvas-geometry" class="container"></div>
|
||||
|
||||
<script id="code" type="text/worklet">
|
||||
registerPaint('geometry', class {
|
||||
static get inputProperties() { return ['--foo', '--bar']; }
|
||||
paint(ctx, geom, properties) {
|
||||
let fooValue = parseFloat(properties.get('--foo').toString());
|
||||
let barValue = parseFloat(properties.get('--bar').toString());
|
||||
let barString = barValue.toString(16);
|
||||
if (barString.length == 1)
|
||||
barString = '0' + barString;
|
||||
ctx.fillStyle = '#9876' + barString;
|
||||
ctx.fillRect(0, 0, fooValue, fooValue);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
CSS.registerProperty({
|
||||
name: '--foo',
|
||||
syntax: '<number>',
|
||||
initialValue: '0',
|
||||
inherits: false
|
||||
});
|
||||
CSS.registerProperty({
|
||||
name: '--bar',
|
||||
syntax: '<number>',
|
||||
initialValue: '0',
|
||||
inherits: false
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// The test is designed to make sure that when the custom property animation is
|
||||
// running on the compositor thread, we are getting the right value.
|
||||
// The "importWorkletAndTerminateTestAfterAsyncPaint" has the logic to rAF
|
||||
// two frames before taking a screenshot. So the animation is designed to
|
||||
// be stable after two frames. That is, the 0.01% of 5s is much less than
|
||||
// two frames, and thus after two frames, the value of --foo should be stable.
|
||||
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,3 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test Reference</title>
|
||||
<body style="margin:0">PASS</body>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: ::first-letter of html root element crash in combination with removal of body</title>
|
||||
<link rel="help" href="https://crbug.com/993764">
|
||||
<link rel="match" href="first-letter-of-html-root-crash-ref.html">
|
||||
<style id="sheet">
|
||||
html::first-letter { font-size: initial }
|
||||
</style>FAIL
|
||||
<script>
|
||||
const sel = window.getSelection();
|
||||
sel.selectAllChildren(document.documentElement);
|
||||
const range = sel.getRangeAt(0);
|
||||
document.body.remove();
|
||||
document.documentElement.appendChild(document.createTextNode("PASS"));
|
||||
document.documentElement.offsetTop;
|
||||
range.surroundContents(sheet);
|
||||
</script>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Rhythmic Sizing: getComputedStyle().lineHeightStep</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#propdef-line-height-step">
|
||||
<meta name="assert" content="line-height-step computed value is an absolute length.">
|
||||
<meta name="assert" content="line-height-step is not negative.">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script src="/css/support/computed-testcommon.js"></script>
|
||||
<style>
|
||||
#target {
|
||||
font-size: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
<script>
|
||||
test_computed_value("line-height-step", "calc(10px + 0.5em)", "30px");
|
||||
test_computed_value("line-height-step", "calc(10px - 0.5em)", "0px");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Rhythmic Sizing: parsing line-height-step with invalid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#propdef-line-height-step">
|
||||
<meta name="assert" content="line-height-step supports only the grammar '<length>'.">
|
||||
<meta name="assert" content="line-height-step rejects negative lengths.">
|
||||
<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("line-height-step", "auto");
|
||||
test_invalid_value("line-height-step", "normal");
|
||||
|
||||
test_invalid_value("line-height-step", "10");
|
||||
test_invalid_value("line-height-step", "10px 20px");
|
||||
test_invalid_value("line-height-step", "-1px");
|
||||
test_invalid_value("line-height-step", "4%");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Rhythmic Sizing: parsing line-height-step with valid values</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#propdef-line-height-step">
|
||||
<meta name="assert" content="line-height-step supports the full grammar '<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("line-height-step", "0", "0px");
|
||||
test_valid_value("line-height-step", "1px");
|
||||
test_valid_value("line-height-step", "calc(2em + 3ex)");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Reference: basic 'block ruby' layout.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
.b { background: lightblue; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
.columns {
|
||||
columns: 3 auto;
|
||||
column-rule: 1px;
|
||||
background: lightgrey;
|
||||
height: 2em;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
.w { white-space: nowrap; width:2.5em; }
|
||||
</style>
|
||||
A<div class=b><ruby>べ<rt>る</rt></ruby></div>B
|
||||
A<div class="mbp b"><ruby>べ<rt>る</rt></ruby></div>B
|
||||
<div class=columns>A<div class="mbp b"><ruby>べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt></ruby></div>B</div>
|
||||
<div style="width:2.5em; border:1px solid; text-align: center">
|
||||
<p><div class="w b"><ruby><rb>一<rb>二<rb>三<rb>四<rb>五<rb>六<rb>七<rb>八</ruby></div></p>
|
||||
<p><div class="w b"><ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby></div></p>
|
||||
</div>
|
||||
</html>
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: basic 'block ruby' layout.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout">
|
||||
<link rel="match" href="block-ruby-001-ref.html">
|
||||
<style>
|
||||
ruby { display: block ruby; background: lightblue; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
.columns {
|
||||
columns: 3 auto;
|
||||
column-rule: 1px;
|
||||
background: lightgrey;
|
||||
height: 2em;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
A<ruby>べ<rt>る</rt></ruby>B
|
||||
A<ruby class=mbp>べ<rt>る</rt></ruby>B
|
||||
<div class=columns>A<ruby class=mbp>べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt></ruby>B</div>
|
||||
<div style="width:2.5em; border:1px solid; text-align: center">
|
||||
<p><ruby><rb>一<rb>二<rb>三<rb>四<rb>五<rb>六<rb>七<rb>八</ruby></p>
|
||||
<p><ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby></p>
|
||||
</div>
|
||||
</html>
|
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