mirror of
https://github.com/servo/servo.git
synced 2025-06-28 19:13:41 +01:00
Update web-platform-tests to revision b'2d1ad05908ee5447fdfa70eed9757273aa5da367'
This commit is contained in:
WPT Sync Bot
parent
7809bb7cba
commit
84de92ecaf
83 changed files with 1324 additions and 779 deletions
|
|
@ -935,6 +935,13 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"cell-large-bottom-padding-crash.html": [
|
||||||
|
"e87df1fe7a229ab2339377bb0904a7e607cc6605",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"dynamic-caption-child-change-002-crash.html": [
|
"dynamic-caption-child-change-002-crash.html": [
|
||||||
"983f8bb95bb1f2ff157c2e81da9f6e4cbc9ab2cd",
|
"983f8bb95bb1f2ff157c2e81da9f6e4cbc9ab2cd",
|
||||||
[
|
[
|
||||||
|
|
@ -216659,6 +216666,47 @@
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"css-rhythm": {
|
||||||
|
"block-step-size-establishes-independent-formatting-context-list-item.html": [
|
||||||
|
"301ae3e9a2ff58084ba942edbcaf862521cf51f0",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/css/reference/ref-filled-green-100px-square-only.html",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-size-establishes-independent-formatting-context.html": [
|
||||||
|
"f87e22d3193a8b53d0f9e280e3bd84700d3cfb25",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/css/reference/ref-filled-green-100px-square-only.html",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-size-none-does-not-establish-indepdendent-formatting-context.html": [
|
||||||
|
"678428e381be5cd2cdb05054cf67ed416d655d44",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/css/reference/ref-filled-green-100px-square.xht",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
},
|
||||||
"css-ruby": {
|
"css-ruby": {
|
||||||
"abs-in-ruby-base-container.html": [
|
"abs-in-ruby-base-container.html": [
|
||||||
"0a4ad8a24cc7c7dcda673f243153e446e21aa475",
|
"0a4ad8a24cc7c7dcda673f243153e446e21aa475",
|
||||||
|
|
@ -241859,6 +241907,19 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"text-wrap-balance-align-001.html": [
|
||||||
|
"b4659613c8552a90bb210292774fab7271a2b6c8",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/css/css-text/white-space/reference/text-wrap-balance-align-001-ref.html",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"textarea-break-spaces-001.html": [
|
"textarea-break-spaces-001.html": [
|
||||||
"ad81e99768f9816c6e8a659c13aed81c4f22d940",
|
"ad81e99768f9816c6e8a659c13aed81c4f22d940",
|
||||||
[
|
[
|
||||||
|
|
@ -252430,7 +252491,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"perspective-transforms-equivalence.html": [
|
"perspective-transforms-equivalence.html": [
|
||||||
"c286837969d879c836d0bfd8646b6256cd3100a5",
|
"8f59d51ada8884c570d98a6d8762d7ea4a971a84",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
[
|
[
|
||||||
|
|
@ -252446,11 +252507,11 @@
|
||||||
[
|
[
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
29
|
94
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
235
|
538
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
|
|
@ -255315,7 +255376,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"transform-input-013.html": [
|
"transform-input-013.html": [
|
||||||
"45e1940a32007f7010b7291bed8240c7a2bba46f",
|
"1fe2b07f0b7a88748edb2ba3a5f3fc58bd6c6d26",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
[
|
[
|
||||||
|
|
@ -255331,11 +255392,11 @@
|
||||||
[
|
[
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
128
|
129
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
2254
|
2506
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
|
|
@ -276434,7 +276495,7 @@
|
||||||
},
|
},
|
||||||
"css-view-transitions": {
|
"css-view-transitions": {
|
||||||
"3d-transform-incoming.html": [
|
"3d-transform-incoming.html": [
|
||||||
"1a0719eaa9e0027e752ce2c24609ec18c44427c0",
|
"e1c172263b7824911d205646f14c93fe97cd78b0",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
[
|
[
|
||||||
|
|
@ -276454,7 +276515,7 @@
|
||||||
[
|
[
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
80
|
255
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
0,
|
0,
|
||||||
|
|
@ -278292,6 +278353,19 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"transform-origin-view-transition-group.html": [
|
||||||
|
"17a8218b76964d899c548dbae3e11292f8feffa7",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
[
|
||||||
|
[
|
||||||
|
"/css/css-view-transitions/transform-origin-view-transition-group-ref.html",
|
||||||
|
"=="
|
||||||
|
]
|
||||||
|
],
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"transition-in-empty-iframe.html": [
|
"transition-in-empty-iframe.html": [
|
||||||
"99e9f24176ea8985263e3e645cb201485c5abec0",
|
"99e9f24176ea8985263e3e645cb201485c5abec0",
|
||||||
[
|
[
|
||||||
|
|
@ -392880,6 +392954,10 @@
|
||||||
"d8c1834d9572e33a8f4b5306871fb725dbd9ce5d",
|
"d8c1834d9572e33a8f4b5306871fb725dbd9ce5d",
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
|
"text-wrap-balance-align-001-ref.html": [
|
||||||
|
"e522e3711c9d1a68f6a90d97cba248ecb4e47d32",
|
||||||
|
[]
|
||||||
|
],
|
||||||
"textarea-pre-wrap-001-ref.html": [
|
"textarea-pre-wrap-001-ref.html": [
|
||||||
"31070ea92815e4d3a3ece48ed69da03de02f671e",
|
"31070ea92815e4d3a3ece48ed69da03de02f671e",
|
||||||
[]
|
[]
|
||||||
|
|
@ -397849,7 +397927,7 @@
|
||||||
},
|
},
|
||||||
"css-view-transitions": {
|
"css-view-transitions": {
|
||||||
"3d-transform-incoming-ref.html": [
|
"3d-transform-incoming-ref.html": [
|
||||||
"a7d5e56db5bb2cc62ec3b339041df51321f0f8f5",
|
"c690ee2b9af53301711e096aa708a619a74cc14a",
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"3d-transform-outgoing-ref.html": [
|
"3d-transform-outgoing-ref.html": [
|
||||||
|
|
@ -398198,6 +398276,10 @@
|
||||||
[]
|
[]
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"transform-origin-view-transition-group-ref.html": [
|
||||||
|
"e38cbb0ffeb8c0518bbfbede3b196e326014f78f",
|
||||||
|
[]
|
||||||
|
],
|
||||||
"transition-in-empty-iframe-ref.html": [
|
"transition-in-empty-iframe-ref.html": [
|
||||||
"67476122859cd718e900e624b011984550517a6c",
|
"67476122859cd718e900e624b011984550517a6c",
|
||||||
[]
|
[]
|
||||||
|
|
@ -421041,7 +421123,7 @@
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"popover-utils.js": [
|
"popover-utils.js": [
|
||||||
"404b893bf03cca530200bbfa8c340aa829d522a2",
|
"9c6ba77549bd76f6bc4f05794547574d95d36224",
|
||||||
[]
|
[]
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -430438,7 +430520,7 @@
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"pointerevent_support.js": [
|
"pointerevent_support.js": [
|
||||||
"f3229b90b6a4a6b8a97ed5a2938a03798bf6e081",
|
"e8e9dd6642e356533f812e0f0ad6732cc3a37357",
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"pointerlock": {
|
"pointerlock": {
|
||||||
|
|
@ -434231,18 +434313,6 @@
|
||||||
"7040cf0a9d000d25367033a9ec5a5ebbb4690398",
|
"7040cf0a9d000d25367033a9ec5a5ebbb4690398",
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"getPorts": {
|
|
||||||
"reject_opaque_origin.https.html.headers": [
|
|
||||||
"1efcf8c226fac074c98d0a5a747856f532e5d84e",
|
|
||||||
[]
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"requestPort": {
|
|
||||||
"reject_opaque_origin.https.html.headers": [
|
|
||||||
"1efcf8c226fac074c98d0a5a747856f532e5d84e",
|
|
||||||
[]
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"resources": {
|
"resources": {
|
||||||
"automation.js": [
|
"automation.js": [
|
||||||
"e88fdb1a9d23dfd601d5e9e6e11b560be07d577e",
|
"e88fdb1a9d23dfd601d5e9e6e11b560be07d577e",
|
||||||
|
|
@ -434256,10 +434326,6 @@
|
||||||
"ac19136b35acc43e7290131fd082657c58f1387b",
|
"ac19136b35acc43e7290131fd082657c58f1387b",
|
||||||
[]
|
[]
|
||||||
],
|
],
|
||||||
"open-in-iframe.html": [
|
|
||||||
"9bf8beb66aa1c2514b591db508014572d1ec6b7e",
|
|
||||||
[]
|
|
||||||
],
|
|
||||||
"serial-allowed-by-permissions-policy-worker.js": [
|
"serial-allowed-by-permissions-policy-worker.js": [
|
||||||
"cef0aacdfc3d2f755b185439679706318935df17",
|
"cef0aacdfc3d2f755b185439679706318935df17",
|
||||||
[]
|
[]
|
||||||
|
|
@ -494336,7 +494402,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"color-valid-relative-color.html": [
|
"color-valid-relative-color.html": [
|
||||||
"3222ea8c30632e7221cc782de45797d2d02e8927",
|
"a463f7f3c86c8f6635400ef8de5e8a5e6b0d00f2",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{}
|
{}
|
||||||
|
|
@ -495580,7 +495646,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"content-visibility-with-top-layer-006.html": [
|
"content-visibility-with-top-layer-006.html": [
|
||||||
"f533f3dfa595224bb2217a12fa071af444324e19",
|
"36a79532a9a73bf13a675ac2b81537e5512b158f",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{}
|
{}
|
||||||
|
|
@ -507102,6 +507168,52 @@
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
"css-rhythm": {
|
||||||
|
"parsing": {
|
||||||
|
"block-step-insert-computed.html": [
|
||||||
|
"cedbe3b9ec83f99b37ced1e96e08591c7855147a",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-insert-invalid.html": [
|
||||||
|
"a186b49e5dd128d6cbb18a8c9fd5c9b2ecb9c2dd",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-insert-valid.html": [
|
||||||
|
"f7b0b5a9e04673c3e976b2127c2d127604f88b96",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-size-computed.html": [
|
||||||
|
"e90b608215de16d9b80ad1d4090ec52e337ace51",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-size-invalid.html": [
|
||||||
|
"0787941aec039d66d8c9c9e2c0b7060752a70122",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"block-step-size-valid.html": [
|
||||||
|
"391ee28667fef8e27572caae06e1d15dec0979ed",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
"css-ruby": {
|
"css-ruby": {
|
||||||
"br-clear-all-000.html": [
|
"br-clear-all-000.html": [
|
||||||
"91c5a0b63b3f54edfeb10606713f7a3d3c8fb0fd",
|
"91c5a0b63b3f54edfeb10606713f7a3d3c8fb0fd",
|
||||||
|
|
@ -515057,6 +515169,13 @@
|
||||||
{}
|
{}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"transition-important.html": [
|
||||||
|
"cae14369ba54220bd769b550bc9113ce0e7506a4",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
],
|
||||||
"transition-property-001.html": [
|
"transition-property-001.html": [
|
||||||
"47a1417070f0c2e7b8171259d9c4f63c44e96bcc",
|
"47a1417070f0c2e7b8171259d9c4f63c44e96bcc",
|
||||||
[
|
[
|
||||||
|
|
@ -519010,7 +519129,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"variable-cssText.html": [
|
"variable-cssText.html": [
|
||||||
"8e725622c9031eba3a4bf4a642440859dcee73cc",
|
"27183eae34c6a9ee7e6c66a2b439c59d3894c309",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{}
|
{}
|
||||||
|
|
@ -605733,8 +605852,18 @@
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
|
"popover-attribute-all-elements.html": [
|
||||||
|
"d620f767882c2fe7a53be1e30ed2f1b22c11d765",
|
||||||
|
[
|
||||||
|
null,
|
||||||
|
{
|
||||||
|
"testdriver": true,
|
||||||
|
"timeout": "long"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
],
|
||||||
"popover-attribute-basic.html": [
|
"popover-attribute-basic.html": [
|
||||||
"c80534af9d1907d92aff6100447993b7a62366a4",
|
"88051f57394b7d525d24d74a37f5f73b05599e9f",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{
|
{
|
||||||
|
|
@ -624022,7 +624151,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"mediametadata.html": [
|
"mediametadata.html": [
|
||||||
"ff00e54ee7c6c31cb899a9045de2311be55fb67e",
|
"f87e71d969004ee575300fb2f914c8d122dddf48",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{}
|
{}
|
||||||
|
|
@ -632895,7 +633024,7 @@
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"pointerevent_mouse-pointer-preventdefault.html": [
|
"pointerevent_mouse-pointer-preventdefault.html": [
|
||||||
"c4990ff5f9db0bee3ca2638b43f8bba89119555a",
|
"549cbf55d8818291f412a1627765df9611ce614c",
|
||||||
[
|
[
|
||||||
null,
|
null,
|
||||||
{
|
{
|
||||||
|
|
@ -652524,22 +652653,6 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"serial": {
|
"serial": {
|
||||||
"getPorts": {
|
|
||||||
"reject_opaque_origin.https.html": [
|
|
||||||
"b2f630a3197deb0e80f01c28dafe3e8fd72971c9",
|
|
||||||
[
|
|
||||||
null,
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
],
|
|
||||||
"sandboxed_iframe.https.window.js": [
|
|
||||||
"8fae11ccfe53acc00a6a1cc1afd21439b7d1c968",
|
|
||||||
[
|
|
||||||
"serial/getPorts/sandboxed_iframe.https.window.html",
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"idlharness.https.any.js": [
|
"idlharness.https.any.js": [
|
||||||
"b240da933ade1595d3b1965c3ca6613c91c8318f",
|
"b240da933ade1595d3b1965c3ca6613c91c8318f",
|
||||||
[
|
[
|
||||||
|
|
@ -652573,22 +652686,6 @@
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
],
|
],
|
||||||
"requestPort": {
|
|
||||||
"reject_opaque_origin.https.html": [
|
|
||||||
"ade8ae7392eccd9782f3b12f79ae71396de08913",
|
|
||||||
[
|
|
||||||
null,
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
],
|
|
||||||
"sandboxed_iframe.https.window.js": [
|
|
||||||
"6e169510a0bd0ad0123aa2a78c8646c99b8b186f",
|
|
||||||
[
|
|
||||||
"serial/requestPort/sandboxed_iframe.https.window.html",
|
|
||||||
{}
|
|
||||||
]
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"serial-allowed-by-permissions-policy-attribute-redirect-on-load.https.sub.html": [
|
"serial-allowed-by-permissions-policy-attribute-redirect-on-load.https.sub.html": [
|
||||||
"ac278ff0cf0f92dd2547851771e5cda7cc15ea4b",
|
"ac278ff0cf0f92dd2547851771e5cda7cc15ea4b",
|
||||||
[
|
[
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[hit-test-floats-001.html]
|
|
||||||
[hit-test-floats-001]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[hit-test-floats-004.html]
|
|
||||||
[Miss float below something else]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[hit-test-floats-005.html]
|
||||||
|
[Miss clipped float]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -8,8 +8,5 @@
|
||||||
[[data-expected-height\] 3]
|
[[data-expected-height\] 3]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[[data-expected-height\] 1]
|
[[data-expected-height\] 4]
|
||||||
expected: FAIL
|
|
||||||
|
|
||||||
[[data-expected-height\] 2]
|
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[block-in-inline-hittest-001.html]
|
|
||||||
[block-in-inline-hittest-001]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[block-in-inline-hittest-float-002.html]
|
||||||
|
[block-in-inline-hittest-float-002]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -2837,9 +2837,6 @@
|
||||||
[e.style['color'\] = "color(from color(xyz-d65 7 -20.5 100 / none) xyz-d65 x y z / alpha)" should set the property value]
|
[e.style['color'\] = "color(from color(xyz-d65 7 -20.5 100 / none) xyz-d65 x y z / alpha)" should set the property value]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[e.style['color'\] = "rgb(from var(--color) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11))" should set the property value]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
||||||
[e.style['color'\] = "rgb(from indianred 255 g b)" should set the property value]
|
[e.style['color'\] = "rgb(from indianred 255 g b)" should set the property value]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
[transform-scale-hittest.html]
|
[transform-scale-hittest.html]
|
||||||
[Hit test intersecting scaled box]
|
[Hit test intersecting scaled box]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
[Hit test within unscaled box]
|
||||||
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
[properties-value-003.html]
|
[properties-value-003.html]
|
||||||
bug: https://github.com/servo/servo/issues/21486
|
bug: https://github.com/servo/servo/issues/21486
|
||||||
|
|
||||||
[outline-radius-bottomleft length(em) / events]
|
[outline-radius-bottomleft length(em) / events]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
|
@ -492,3 +491,39 @@
|
||||||
|
|
||||||
[object-view-box object-view-box(xywh) / events]
|
[object-view-box object-view-box(xywh) / events]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-top-left-radius border-radius(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-top-left-radius border-radius(px-px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-top-right-radius border-radius(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-top-right-radius border-radius(px-px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-bottom-left-radius border-radius(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-bottom-left-radius border-radius(px-px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-bottom-right-radius border-radius(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[border-bottom-right-radius border-radius(px-px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[box-shadow box-shadow(shadow) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[font-stretch font-stretch(keyword) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[transform transform(rotate) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[transform-origin horizontal(keyword) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -476,3 +476,153 @@
|
||||||
|
|
||||||
[text-shadow shadow(shadow) / values]
|
[text-shadow shadow(shadow) / values]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-right length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-right length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(ex) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(mm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[margin-top length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(ex) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(mm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[height percentage(%) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(ex) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(mm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[width percentage(%) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(ex) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(mm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-height percentage(%) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(ex) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(mm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(cm) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width length(in) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[min-width percentage(%) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[max-height length(pt) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[max-height length(pc) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[max-height length(px) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
||||||
|
[max-height length(em) / values]
|
||||||
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[transition-important.html]
|
||||||
|
[!important should not override transition]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[elementFromPoint-001.html]
|
|
||||||
[CSSOM View - 5 - extensions to the Document interface]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[elementFromPoint-dynamic-anon-box.html]
|
|
||||||
[Link should be clickable after hiding a scrollbox with an anonymous table inside]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[elementFromPoint-ellipsis-in-inline-box.html]
|
||||||
|
[elementFromPoint-ellipsis-in-inline-box]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[elementFromPoint-float-in-table.html]
|
||||||
|
[float-in-div]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -13,6 +13,3 @@
|
||||||
|
|
||||||
[<li>Outside 3</li>]
|
[<li>Outside 3</li>]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[<li>Inside 1</li>]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[elementFromPoint-subpixel.html]
|
||||||
|
[Hit test top left corner of box]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -4,6 +4,3 @@
|
||||||
|
|
||||||
[Navigating to a different document with form submission]
|
[Navigating to a different document with form submission]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[Navigating to a different document with link click]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,16 @@
|
||||||
expected: NOTRUN
|
expected: NOTRUN
|
||||||
|
|
||||||
[Navigating an opened window via location.href to a javascript: URL must not fire beforeunload: string completion]
|
[Navigating an opened window via location.href to a javascript: URL must not fire beforeunload: string completion]
|
||||||
expected: TIMEOUT
|
expected: NOTRUN
|
||||||
|
|
||||||
[Navigating an opened window with an iframe via location.href to a javascript: URL must not fire beforeunload on the iframe: undefined completion]
|
[Navigating an opened window with an iframe via location.href to a javascript: URL must not fire beforeunload on the iframe: undefined completion]
|
||||||
expected: FAIL
|
expected: NOTRUN
|
||||||
|
|
||||||
|
[Navigating an opened window via location.href to a javascript: URL must not fire beforeunload: undefined completion]
|
||||||
|
expected: TIMEOUT
|
||||||
|
|
||||||
|
[Navigating an iframe via location.href to a javascript: URL must not fire beforeunload: string completion]
|
||||||
|
expected: NOTRUN
|
||||||
|
|
||||||
|
[Navigating an iframe via src="" to a javascript: URL after insertion must not fire beforeunload: string completion]
|
||||||
|
expected: NOTRUN
|
||||||
|
|
|
||||||
|
|
@ -16,3 +16,6 @@
|
||||||
|
|
||||||
[D83D DE0D set in href="" targeting a frame and clicked]
|
[D83D DE0D set in href="" targeting a frame and clicked]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
[DE0D 0041 set in href="" targeting a frame and clicked]
|
||||||
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[navigation-unload-cross-origin.sub.window.html]
|
|
||||||
[Cross-origin navigation started from unload handler must be ignored]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[navigation-unload-same-origin.window.html]
|
|
||||||
[Same-origin navigation started from unload handler must be ignored]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[pageload-image-in-popup.html]
|
|
||||||
[The document for a standalone media file should have one child in the body.]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[traverse_the_history_1.html]
|
||||||
|
[Multiple history traversals from the same task]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[traverse_the_history_write_onload_1.html]
|
|
||||||
[Traverse the history when a history entry is written in the load event]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
[supported-elements.html]
|
[supported-elements.html]
|
||||||
|
expected: TIMEOUT
|
||||||
[Contenteditable element should support autofocus]
|
[Contenteditable element should support autofocus]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
|
@ -9,7 +10,7 @@
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[Area element should support autofocus]
|
[Area element should support autofocus]
|
||||||
expected: FAIL
|
expected: TIMEOUT
|
||||||
|
|
||||||
[Host element with delegatesFocus should support autofocus]
|
[Host element with delegatesFocus should support autofocus]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[media_fragment_seek.html]
|
|
||||||
[Video should seek to time specified in media fragment syntax]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
[iframe_sandbox_popups_escaping-1.html]
|
[iframe_sandbox_popups_escaping-1.html]
|
||||||
type: testharness
|
type: testharness
|
||||||
|
expected: CRASH
|
||||||
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
[iframe_sandbox_popups_escaping-3.html]
|
[iframe_sandbox_popups_escaping-3.html]
|
||||||
type: testharness
|
type: testharness
|
||||||
expected: TIMEOUT
|
|
||||||
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
|
||||||
expected: TIMEOUT
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
[iframe_sandbox_popups_nonescaping-1.html]
|
[iframe_sandbox_popups_nonescaping-1.html]
|
||||||
type: testharness
|
type: testharness
|
||||||
|
expected: TIMEOUT
|
||||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||||
expected: FAIL
|
expected: NOTRUN
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
[iframe_sandbox_popups_nonescaping-2.html]
|
[iframe_sandbox_popups_nonescaping-2.html]
|
||||||
type: testharness
|
type: testharness
|
||||||
|
expected: TIMEOUT
|
||||||
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
[Check that popups from a sandboxed iframe do not escape the sandbox]
|
||||||
expected: FAIL
|
expected: NOTRUN
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[DOMContentLoaded-defer.html]
|
||||||
|
[The end: DOMContentLoaded and defer scripts]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[module-delayed.html]
|
||||||
|
[async document.write in a module]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -3,3 +3,6 @@
|
||||||
expected: TIMEOUT
|
expected: TIMEOUT
|
||||||
[The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
|
[The incumbent settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
|
||||||
expected: TIMEOUT
|
expected: TIMEOUT
|
||||||
|
|
||||||
|
[The entry settings object while executing the compiled callback via Web IDL's invoke must be that of the node document]
|
||||||
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
[promise-job-entry-different-function-realm.html]
|
[promise-job-entry-different-function-realm.html]
|
||||||
|
expected: TIMEOUT
|
||||||
[Fulfillment handler on fulfilled promise]
|
[Fulfillment handler on fulfilled promise]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[Rejection handler on pending-then-rejected promise]
|
[Rejection handler on pending-then-rejected promise]
|
||||||
expected: FAIL
|
expected: TIMEOUT
|
||||||
|
|
||||||
[Thenable resolution]
|
[Thenable resolution]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
@ -12,4 +13,4 @@
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[Fulfillment handler on pending-then-fulfilled promise]
|
[Fulfillment handler on pending-then-fulfilled promise]
|
||||||
expected: FAIL
|
expected: TIMEOUT
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
[promise-rejection-events.html]
|
[promise-rejection-events.html]
|
||||||
expected: TIMEOUT
|
|
||||||
[delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
|
[delayed handling: delaying handling rejected promise created from createImageBitmap will cause both events to fire]
|
||||||
expected: TIMEOUT
|
expected: FAIL
|
||||||
|
|
||||||
[unhandledrejection: from createImageBitmap which is UA triggered]
|
[unhandledrejection: from createImageBitmap which is UA triggered]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -94,10 +94,10 @@
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
[mime-type 16 : text/html;charset=\x0bgbk]
|
[mime-type 16 : text/html;charset=\x0bgbk]
|
||||||
expected: TIMEOUT
|
expected: FAIL
|
||||||
|
|
||||||
[mime-type 17 : text/html;charset=\x0cgbk]
|
[mime-type 17 : text/html;charset=\x0cgbk]
|
||||||
expected: NOTRUN
|
expected: TIMEOUT
|
||||||
|
|
||||||
[mime-type 18 : text/html;\x0bcharset=gbk]
|
[mime-type 18 : text/html;\x0bcharset=gbk]
|
||||||
expected: NOTRUN
|
expected: NOTRUN
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
[cors-preflight.any.html]
|
[cors-preflight.any.html]
|
||||||
expected: ERROR
|
|
||||||
[PerformanceResourceTiming sizes fetch with preflight test]
|
[PerformanceResourceTiming sizes fetch with preflight test]
|
||||||
expected: TIMEOUT
|
expected: FAIL
|
||||||
|
|
||||||
|
|
||||||
[cors-preflight.any.worker.html]
|
[cors-preflight.any.worker.html]
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,6 @@
|
||||||
[entry.html]
|
[entry.html]
|
||||||
expected: TIMEOUT
|
|
||||||
[Start function]
|
[Start function]
|
||||||
expected: TIMEOUT
|
expected: FAIL
|
||||||
|
|
||||||
[Sanity check: this all works as expected synchronously]
|
[Sanity check: this all works as expected synchronously]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
[cross-partition.https.tentative.html]
|
[cross-partition.https.tentative.html]
|
||||||
expected: TIMEOUT
|
expected: CRASH
|
||||||
[BroadcastChannel messages aren't received from a cross-partition iframe]
|
[BroadcastChannel messages aren't received from a cross-partition iframe]
|
||||||
expected: FAIL
|
expected: FAIL
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
[017.html]
|
|
||||||
expected: TIMEOUT
|
|
||||||
[origin of the script that invoked the method, about:blank]
|
|
||||||
expected: TIMEOUT
|
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[018.html]
|
||||||
|
expected: TIMEOUT
|
||||||
|
[origin of the script that invoked the method, javascript:]
|
||||||
|
expected: TIMEOUT
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[localstorage-about-blank-3P-iframe-opens-3P-window.partitioned.tentative.html]
|
||||||
|
expected: TIMEOUT
|
||||||
|
[StorageKey: test 3P about:blank window opened from a 3P iframe]
|
||||||
|
expected: TIMEOUT
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
[simple_inline_width_height.html]
|
|
||||||
expected: TIMEOUT
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
[stylesheet_media_queries.html]
|
||||||
|
[Media queries within stylesheets]
|
||||||
|
expected: FAIL
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
[scrollBy.html]
|
|
||||||
[Ensure that the window.scrollBy function affects scroll position as expected]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
[task_queue_throttling.any.html]
|
|
||||||
[Throttling the performance timeline task queue.]
|
|
||||||
expected: FAIL
|
|
||||||
|
|
||||||
|
|
||||||
[task_queue_throttling.any.worker.html]
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||||
|
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1420637">
|
||||||
|
<div style="columns:2; height:100px; column-fill:auto;">
|
||||||
|
<div style="display:table-cell; padding-bottom:400px;">boo</div>
|
||||||
|
</div>
|
||||||
|
|
@ -613,7 +613,7 @@
|
||||||
test_valid_value(`color`, `lch(from var(--color) calc(l / 2) c h)`);
|
test_valid_value(`color`, `lch(from var(--color) calc(l / 2) c h)`);
|
||||||
|
|
||||||
// Example 13.
|
// Example 13.
|
||||||
test_valid_value(`color`, `rgb(from var(--color) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11))`, `rgb(from var(--color) calc(r * 0.3 + g * 0.59 + b * 0.11) calc(r * 0.3 + g * 0.59 + b * 0.11) calc(r * 0.3 + g * 0.59 + b * 0.11))`);
|
test_valid_value(`color`, `rgb(from var(--color) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11) calc(r * .3 + g * .59 + b * .11))`);
|
||||||
test_valid_value(`color`, `lch(from var(--color) l 0 h)`);
|
test_valid_value(`color`, `lch(from var(--color) l 0 h)`);
|
||||||
|
|
||||||
// Example 14.
|
// Example 14.
|
||||||
|
|
|
||||||
|
|
@ -31,9 +31,10 @@ test(() => {
|
||||||
dialog.close();
|
dialog.close();
|
||||||
dialog.showModal();
|
dialog.showModal();
|
||||||
|
|
||||||
// Even though the element with `content-visibility: auto` is offscreen
|
// Even though the element with `content-visibility: auto` has an ancestor
|
||||||
// it should be considered relevant content because it is now in the top
|
// in the top layer, this element is not in the top layer list (although
|
||||||
// layer.
|
// it's in the top layer stacking context). This means it should not be
|
||||||
assert_equals(inner.getBoundingClientRect().height, 200);
|
// relevant to the user, because it is nevertheless not onscreen.
|
||||||
|
assert_equals(inner.getBoundingClientRect().height, 100);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||||
|
<meta name="assert" content="block-step-size values other than none on block level elements cause the box to establish an independent formatting context">
|
||||||
|
<style>
|
||||||
|
div {
|
||||||
|
width: 50px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: green;
|
||||||
|
}
|
||||||
|
.floating {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.block-step-size {
|
||||||
|
display: list-item;
|
||||||
|
list-style: none;
|
||||||
|
block-step-size: 1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test passes if there is a filled green square.</p>
|
||||||
|
<div class="floating"></div>
|
||||||
|
<div class="block-step-size"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
|
||||||
|
<meta name="assert" content="block-step-size values other than none on block level elements cause the box to establish an independent formatting context">
|
||||||
|
<style>
|
||||||
|
div {
|
||||||
|
width: 50px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: green;
|
||||||
|
}
|
||||||
|
.floating {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.block-step-size {
|
||||||
|
block-step-size: 1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test passes if there is a filled green square.</p>
|
||||||
|
<div class="floating"></div>
|
||||||
|
<div class="block-step-size"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="author" href="mailto:sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<link rel="match" href="/css/reference/ref-filled-green-100px-square.xht">
|
||||||
|
<meta name="assert" content="block-step-size none should not establish an independent formatting context for the box">
|
||||||
|
<style>
|
||||||
|
div {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
background-color: green;
|
||||||
|
}
|
||||||
|
.floating {
|
||||||
|
position: relative;
|
||||||
|
z-index: -1;
|
||||||
|
float: left;
|
||||||
|
background-color: red;
|
||||||
|
}
|
||||||
|
.block-step-size {
|
||||||
|
block-step-size: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||||
|
<div class="floating"></div>
|
||||||
|
<div class="block-step-size"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-insert computed values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-insert">
|
||||||
|
<meta name="assert" content="Checking computed values for block-step-insert">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_computed_value("block-step-insert", "margin");
|
||||||
|
test_computed_value("block-step-insert", "padding");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-insert invalid values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-insert">
|
||||||
|
<meta name="assert" content="Invalid values for block-step-insert should not be parsed">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_invalid_value("block-step-insert", "auto");
|
||||||
|
test_invalid_value("block-step-insert", "-1px");
|
||||||
|
test_invalid_value("block-step-insert", "min-content");
|
||||||
|
test_invalid_value("block-step-insert", "10%");
|
||||||
|
test_invalid_value("block-step-insert", "20");
|
||||||
|
test_invalid_value("block-step-insert", "none");
|
||||||
|
test_invalid_value("block-step-insert", "border-box");
|
||||||
|
test_invalid_value('block-step-insert', "margin-box");
|
||||||
|
test_invalid_value("block-step-insert", "margin padding");
|
||||||
|
test_invalid_value("block-step-insert", "padding margin");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-insert valid values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-insert">
|
||||||
|
<meta name="assert" content="Parsing valid values for block-step-insert property">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_valid_value("block-step-insert", "margin");
|
||||||
|
test_valid_value("block-step-insert", "padding");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-size computed values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<meta name="assert" content="Checking computed values for block-step-size">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_computed_value("block-step-size", "0px");
|
||||||
|
test_computed_value("block-step-size", "none");
|
||||||
|
test_computed_value("block-step-size", "100px");
|
||||||
|
test_computed_value("block-step-size", "2em", "80px");
|
||||||
|
test_computed_value("block-step-size", "calc(10px + 0.5em)", "30px");
|
||||||
|
test_computed_value("block-step-size", "calc(10px - 0.5em)", "0px");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-size invalid values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<meta name="assert" content="Invalid values for block-step-size should not be parsed">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_invalid_value("block-step-size", "auto");
|
||||||
|
test_invalid_value("block-step-size", "-1px");
|
||||||
|
test_invalid_value("block-step-size", "min-content");
|
||||||
|
test_invalid_value("block-step-size", "10%");
|
||||||
|
test_invalid_value("block-step-size", "20");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>CSS Rhythm: block-step-size valid values</title>
|
||||||
|
<link rel="author" title="Sammy Gill" href="sammy.gill@apple.com">
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
|
||||||
|
<meta name="assert" content="Parsing valid values for block-step-size properties">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/css/support/computed-testcommon.js"></script>
|
||||||
|
<script src="/css/support/parsing-testcommon.js"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test_valid_value("block-step-size", "1px");
|
||||||
|
test_valid_value("block-step-size", "2em");
|
||||||
|
test_valid_value("block-step-size", "0", "0px");
|
||||||
|
test_valid_value("block-step-size", "none");
|
||||||
|
test_valid_value("block-step-size", "calc(2em + 3ex)");
|
||||||
|
test_valid_value("block-step-size", "1.2em");
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,21 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<style>
|
||||||
|
.container {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
width: 20ch;
|
||||||
|
border: solid 1px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="container" style="text-align: right">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
<div class="container" style="text-align: center">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
<div class="container" style="text-align: justify">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<link rel="help" href="https://w3c.github.io/csswg-drafts/css-text-4/#valdef-text-wrap-balance">
|
||||||
|
<link rel="match" href="reference/text-wrap-balance-align-001-ref.html">
|
||||||
|
<style>
|
||||||
|
.container {
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
width: 20ch;
|
||||||
|
border: solid 1px;
|
||||||
|
text-wrap: balance;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="container" style="text-align: right">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
<div class="container" style="text-align: center">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
<div class="container" style="text-align: justify">
|
||||||
|
123456789 123 567
|
||||||
|
123456789 123 567
|
||||||
|
</div>
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
Perspective with different transforms can have small anti-aliasing
|
Perspective with different transforms can have small anti-aliasing
|
||||||
pixel differences, so the test should fuzzy patch to the ref.
|
pixel differences, so the test should fuzzy patch to the ref.
|
||||||
-->
|
-->
|
||||||
<meta name="fuzzy" content="maxDifference=0-29;totalPixels=0-235">
|
<meta name="fuzzy" content="maxDifference=0-94;totalPixels=0-538">
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
difficult to construct a correct reference file for more complex
|
difficult to construct a correct reference file for more complex
|
||||||
transforms.)'>
|
transforms.)'>
|
||||||
<link rel="match" href="transform-input-013-ref.html">
|
<link rel="match" href="transform-input-013-ref.html">
|
||||||
<meta name="fuzzy" content="maxDifference=0-128;totalPixels=0-2254">
|
<meta name="fuzzy" content="maxDifference=0-129;totalPixels=0-2506">
|
||||||
<style>
|
<style>
|
||||||
input {
|
input {
|
||||||
/* Margin to avoid overlap of translated inputs */
|
/* Margin to avoid overlap of translated inputs */
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<title>CSS Transitions Test: !important property</title>
|
||||||
|
<link rel="help" href="https://drafts.csswg.org/css-cascade-5/#cascade-sort">
|
||||||
|
<script src="/resources/testharness.js" type="text/javascript"></script>
|
||||||
|
<script src="/resources/testharnessreport.js" type="text/javascript"></script>
|
||||||
|
<style>
|
||||||
|
#target {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
background-color: green;
|
||||||
|
transition: background-color 100s;
|
||||||
|
}
|
||||||
|
.red {
|
||||||
|
background-color: red !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div id="target"></div>
|
||||||
|
<script>
|
||||||
|
test(t => {
|
||||||
|
assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)");
|
||||||
|
target.className = "red";
|
||||||
|
assert_equals(getComputedStyle(target).backgroundColor, "rgb(0, 128, 0)");
|
||||||
|
}, "!important should not override transition");
|
||||||
|
</script>
|
||||||
|
|
@ -23,6 +23,7 @@
|
||||||
<div id="target8" style="color: green; color: var(--prop);"></div>
|
<div id="target8" style="color: green; color: var(--prop);"></div>
|
||||||
<div id="target9" style="margin: var(--prop); margin-top: 10px"></div>
|
<div id="target9" style="margin: var(--prop); margin-top: 10px"></div>
|
||||||
<div id="target10"style="expando: var(--prop);"></div>
|
<div id="target10"style="expando: var(--prop);"></div>
|
||||||
|
<div id="target11"style="color: /* comment that must be preserved */ var(--prop) var(--prop);"></div>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
@ -37,7 +38,8 @@
|
||||||
{ element: "target7", expectedCssText: "background: var(--prop);" },
|
{ element: "target7", expectedCssText: "background: var(--prop);" },
|
||||||
{ element: "target8", expectedCssText: "color: var(--prop);" },
|
{ element: "target8", expectedCssText: "color: var(--prop);" },
|
||||||
{ element: "target9", expectedCssText: "margin-right: ; margin-bottom: ; margin-left: ; margin-top: 10px;" },
|
{ element: "target9", expectedCssText: "margin-right: ; margin-bottom: ; margin-left: ; margin-top: 10px;" },
|
||||||
{ element: "target10", expectedCssText: "" }
|
{ element: "target10", expectedCssText: "" },
|
||||||
|
{ element: "target11", expectedCssText: "color: /* comment that must be preserved */ var(--prop) var(--prop);" }
|
||||||
];
|
];
|
||||||
|
|
||||||
testcases.forEach(function (testcase) {
|
testcases.forEach(function (testcase) {
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@ div { box-sizing: border-box; will-change: transform }
|
||||||
.shared {
|
.shared {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
|
view-transition-name: shared;
|
||||||
}
|
}
|
||||||
body { background: pink }
|
body { background: pink }
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<link rel="help" href="https://github.com/WICG/view-transitions">
|
<link rel="help" href="https://github.com/WICG/view-transitions">
|
||||||
<link rel="author" href="mailto:vmpstr@chromium.org">
|
<link rel="author" href="mailto:vmpstr@chromium.org">
|
||||||
<link rel="match" href="3d-transform-incoming-ref.html">
|
<link rel="match" href="3d-transform-incoming-ref.html">
|
||||||
<meta name=fuzzy content="3d-transform-incoming-ref.html:0-80;0-500">
|
<meta name=fuzzy content="3d-transform-incoming-ref.html:0-255;0-500">
|
||||||
<script src="/common/reftest-wait.js"></script>
|
<script src="/common/reftest-wait.js"></script>
|
||||||
<style>
|
<style>
|
||||||
div { box-sizing: border-box; will-change: transform }
|
div { box-sizing: border-box; will-change: transform }
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<title>View transitions: validates that transform-origin value is default for view-transition-group (ref)</title>
|
||||||
|
<link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/">
|
||||||
|
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||||
|
<style>
|
||||||
|
.target {
|
||||||
|
width: 100px;
|
||||||
|
height: 150px;
|
||||||
|
background: green;
|
||||||
|
position: fixed;
|
||||||
|
top: 200px;
|
||||||
|
left: 200px;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
view-transition-name: target;
|
||||||
|
clip-path: inset(1px 1px 1px 1px);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="target"></div>
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html class=reftest-wait>
|
||||||
|
<title>View transitions: validates that transform-origin value is default for view-transition-group</title>
|
||||||
|
<link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/">
|
||||||
|
<link rel="author" href="mailto:khushalsagar@chromium.org">
|
||||||
|
<link rel="match" href="transform-origin-view-transition-group-ref.html">
|
||||||
|
|
||||||
|
<script src="/common/reftest-wait.js"></script>
|
||||||
|
<style>
|
||||||
|
.target {
|
||||||
|
width: 100px;
|
||||||
|
height: 150px;
|
||||||
|
background: green;
|
||||||
|
view-transition-name: target;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
contain: paint;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
background: grey;
|
||||||
|
view-transition-name: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::view-transition-group(hidden) { animation-duration: 300s; }
|
||||||
|
html::view-transition-image-pair(hidden) { animation: unset; opacity: 0; }
|
||||||
|
|
||||||
|
html::view-transition-group(target) {
|
||||||
|
animation: unset;
|
||||||
|
transform: rotate(90deg);
|
||||||
|
top: 200px;
|
||||||
|
left: 200px;
|
||||||
|
/* The edges have minor pixel differences due to blending in highdpi */
|
||||||
|
clip-path: inset(1px 1px 1px 1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
html::view-transition-old(target) {
|
||||||
|
opacity: 1;
|
||||||
|
animation: unset;
|
||||||
|
}
|
||||||
|
html::view-transition-new(target) {
|
||||||
|
opacity: 0;
|
||||||
|
animation: unset;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="target"></div>
|
||||||
|
<div class="hidden"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
failIfNot(document.startViewTransition, "Missing document.startViewTransition");
|
||||||
|
|
||||||
|
async function runTest() {
|
||||||
|
document.startViewTransition().ready.then(
|
||||||
|
requestAnimationFrame(() => requestAnimationFrame(takeScreenshot)));
|
||||||
|
}
|
||||||
|
onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="author" href="mailto:masonf@chromium.org">
|
||||||
|
<link rel=help href="https://open-ui.org/components/popup.research.explainer">
|
||||||
|
<meta name="timeout" content="long">
|
||||||
|
<script src="/resources/testharness.js"></script>
|
||||||
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
|
<script src="/resources/testdriver.js"></script>
|
||||||
|
<script src="/resources/testdriver-actions.js"></script>
|
||||||
|
<script src="/resources/testdriver-vendor.js"></script>
|
||||||
|
<script src="resources/popover-utils.js"></script>
|
||||||
|
<script src="../../resources/common.js"></script>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
setup({ explicit_done: true });
|
||||||
|
window.onload = () => {
|
||||||
|
// Loop through all HTML5 elements that render a box by default:
|
||||||
|
let elementsThatDontRender = ['audio','base','br','datalist','dialog','embed','head','link','meta','noscript','param','rp','script','slot','style','template','title','wbr'];
|
||||||
|
const elements = HTML5_ELEMENTS.filter(el => !elementsThatDontRender.includes(el));
|
||||||
|
elements.forEach(tag => {
|
||||||
|
test((t) => {
|
||||||
|
const element = document.createElement(tag);
|
||||||
|
element.setAttribute('popover','auto');
|
||||||
|
document.body.appendChild(element);
|
||||||
|
t.add_cleanup(() => element.remove());
|
||||||
|
assertIsFunctionalPopover(element);
|
||||||
|
}, `A <${tag} popover> element should behave as a popover.`);
|
||||||
|
test((t) => {
|
||||||
|
const element = document.createElement(tag);
|
||||||
|
document.body.appendChild(element);
|
||||||
|
t.add_cleanup(() => element.remove());
|
||||||
|
assertNotAPopover(element);
|
||||||
|
}, `A <${tag}> element should *not* behave as a popover.`);
|
||||||
|
});
|
||||||
|
|
||||||
|
done();
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
@ -9,7 +9,6 @@
|
||||||
<script src="/resources/testdriver-actions.js"></script>
|
<script src="/resources/testdriver-actions.js"></script>
|
||||||
<script src="/resources/testdriver-vendor.js"></script>
|
<script src="/resources/testdriver-vendor.js"></script>
|
||||||
<script src="resources/popover-utils.js"></script>
|
<script src="resources/popover-utils.js"></script>
|
||||||
<script src="../../resources/common.js"></script>
|
|
||||||
|
|
||||||
<div id=popovers>
|
<div id=popovers>
|
||||||
<div popover id=boolean>Pop up</div>
|
<div popover id=boolean>Pop up</div>
|
||||||
|
|
@ -53,59 +52,6 @@
|
||||||
setup({ explicit_done: true });
|
setup({ explicit_done: true });
|
||||||
window.onload = () => {
|
window.onload = () => {
|
||||||
const outsideElement = document.getElementById('outside');
|
const outsideElement = document.getElementById('outside');
|
||||||
function assertPopoverVisibility(popover, isPopover, expectedVisibility, message) {
|
|
||||||
const isVisible = isElementVisible(popover);
|
|
||||||
assert_equals(isVisible, expectedVisibility,`${message}: Expected this element to be ${expectedVisibility ? "visible" : "not visible"}`);
|
|
||||||
// Check other things related to being visible or not:
|
|
||||||
if (isVisible) {
|
|
||||||
assert_not_equals(window.getComputedStyle(popover).display,'none');
|
|
||||||
assert_equals(popover.matches(':open'),isPopover,`${message}: Visible popovers should match :open`);
|
|
||||||
assert_false(popover.matches(':closed'),`${message}: Visible popovers and *all* non-popovers should *not* match :closed`);
|
|
||||||
} else {
|
|
||||||
assert_equals(window.getComputedStyle(popover).display,'none',`${message}: Non-showing popovers should have display:none`);
|
|
||||||
assert_false(popover.matches(':open'),`${message}: Non-showing popovers should *not* match :open`);
|
|
||||||
assert_true(popover.matches(':closed'),`${message}: Non-showing popovers should match :closed`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function assertIsFunctionalPopover(popover) {
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'A popover should start out hidden');
|
|
||||||
popover.showPopover();
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After showPopover(), a popover should be visible');
|
|
||||||
assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a showing popover should throw InvalidStateError');
|
|
||||||
popover.hidePopover();
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After hidePopover(), a popover should be hidden');
|
|
||||||
assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a hidden popover should throw InvalidStateError');
|
|
||||||
popover.togglePopover();
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover() on hidden popover, it should be visible');
|
|
||||||
popover.togglePopover();
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover() on visible popover, it should be hidden');
|
|
||||||
popover.togglePopover(/*force=*/true);
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on hidden popover, it should be visible');
|
|
||||||
popover.togglePopover(/*force=*/true);
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on visible popover, it should be visible');
|
|
||||||
popover.togglePopover(/*force=*/false);
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on visible popover, it should be hidden');
|
|
||||||
popover.togglePopover(/*force=*/false);
|
|
||||||
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on hidden popover, it should be hidden');
|
|
||||||
const parent = popover.parentElement;
|
|
||||||
popover.remove();
|
|
||||||
assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a disconnected popover should throw InvalidStateError');
|
|
||||||
assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
|
|
||||||
assert_throws_dom("InvalidStateError",() => popover.togglePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
|
|
||||||
parent.appendChild(popover);
|
|
||||||
}
|
|
||||||
function assertNotAPopover(nonPopover) {
|
|
||||||
// If the non-popover element nonetheless has a 'popover' attribute, it should
|
|
||||||
// be invisible. Otherwise, it should be visible.
|
|
||||||
const expectVisible = !nonPopover.hasAttribute('popover');
|
|
||||||
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'A non-popover should start out visible');
|
|
||||||
assert_throws_dom("NotSupportedError",() => nonPopover.showPopover(),'Calling showPopover on a non-popover should throw NotSupported');
|
|
||||||
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling showPopover on a non-popover should leave it visible');
|
|
||||||
assert_throws_dom("NotSupportedError",() => nonPopover.hidePopover(),'Calling hidePopover on a non-popover should throw NotSupported');
|
|
||||||
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling hidePopover on a non-popover should leave it visible');
|
|
||||||
assert_throws_dom("NotSupportedError",() => nonPopover.togglePopover(),'Calling togglePopover on a non-popover should throw NotSupported');
|
|
||||||
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling togglePopover on a non-popover should leave it visible');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Start with the provided examples:
|
// Start with the provided examples:
|
||||||
Array.from(document.getElementById('popovers').children).forEach(popover => {
|
Array.from(document.getElementById('popovers').children).forEach(popover => {
|
||||||
|
|
@ -119,25 +65,6 @@ window.onload = () => {
|
||||||
}, `The element ${nonPopover.outerHTML} should *not* behave as a popover.`);
|
}, `The element ${nonPopover.outerHTML} should *not* behave as a popover.`);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Then loop through all HTML5 elements that render a box by default:
|
|
||||||
let elementsThatDontRender = ['audio','base','br','datalist','dialog','embed','head','link','meta','noscript','param','rp','script','slot','style','template','title','wbr'];
|
|
||||||
const elements = HTML5_ELEMENTS.filter(el => !elementsThatDontRender.includes(el));
|
|
||||||
elements.forEach(tag => {
|
|
||||||
test((t) => {
|
|
||||||
const element = document.createElement(tag);
|
|
||||||
element.setAttribute('popover','auto');
|
|
||||||
document.body.appendChild(element);
|
|
||||||
t.add_cleanup(() => element.remove());
|
|
||||||
assertIsFunctionalPopover(element);
|
|
||||||
}, `A <${tag} popover> element should behave as a popover.`);
|
|
||||||
test((t) => {
|
|
||||||
const element = document.createElement(tag);
|
|
||||||
document.body.appendChild(element);
|
|
||||||
t.add_cleanup(() => element.remove());
|
|
||||||
assertNotAPopover(element);
|
|
||||||
}, `A <${tag}> element should *not* behave as a popover.`);
|
|
||||||
});
|
|
||||||
|
|
||||||
function createPopover(t) {
|
function createPopover(t) {
|
||||||
const popover = document.createElement('div');
|
const popover = document.createElement('div');
|
||||||
document.body.appendChild(popover);
|
document.body.appendChild(popover);
|
||||||
|
|
|
||||||
|
|
@ -114,3 +114,59 @@ function popoverHintSupported() {
|
||||||
testElement.popover = 'hint';
|
testElement.popover = 'hint';
|
||||||
return testElement.popover === 'hint';
|
return testElement.popover === 'hint';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function assertPopoverVisibility(popover, isPopover, expectedVisibility, message) {
|
||||||
|
const isVisible = isElementVisible(popover);
|
||||||
|
assert_equals(isVisible, expectedVisibility,`${message}: Expected this element to be ${expectedVisibility ? "visible" : "not visible"}`);
|
||||||
|
// Check other things related to being visible or not:
|
||||||
|
if (isVisible) {
|
||||||
|
assert_not_equals(window.getComputedStyle(popover).display,'none');
|
||||||
|
assert_equals(popover.matches(':open'),isPopover,`${message}: Visible popovers should match :open`);
|
||||||
|
assert_false(popover.matches(':closed'),`${message}: Visible popovers and *all* non-popovers should *not* match :closed`);
|
||||||
|
} else {
|
||||||
|
assert_equals(window.getComputedStyle(popover).display,'none',`${message}: Non-showing popovers should have display:none`);
|
||||||
|
assert_false(popover.matches(':open'),`${message}: Non-showing popovers should *not* match :open`);
|
||||||
|
assert_true(popover.matches(':closed'),`${message}: Non-showing popovers should match :closed`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function assertIsFunctionalPopover(popover) {
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'A popover should start out hidden');
|
||||||
|
popover.showPopover();
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After showPopover(), a popover should be visible');
|
||||||
|
assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a showing popover should throw InvalidStateError');
|
||||||
|
popover.hidePopover();
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After hidePopover(), a popover should be hidden');
|
||||||
|
assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a hidden popover should throw InvalidStateError');
|
||||||
|
popover.togglePopover();
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover() on hidden popover, it should be visible');
|
||||||
|
popover.togglePopover();
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover() on visible popover, it should be hidden');
|
||||||
|
popover.togglePopover(/*force=*/true);
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on hidden popover, it should be visible');
|
||||||
|
popover.togglePopover(/*force=*/true);
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/true, 'After togglePopover(true) on visible popover, it should be visible');
|
||||||
|
popover.togglePopover(/*force=*/false);
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on visible popover, it should be hidden');
|
||||||
|
popover.togglePopover(/*force=*/false);
|
||||||
|
assertPopoverVisibility(popover, /*isPopover*/true, /*expectedVisibility*/false, 'After togglePopover(false) on hidden popover, it should be hidden');
|
||||||
|
const parent = popover.parentElement;
|
||||||
|
popover.remove();
|
||||||
|
assert_throws_dom("InvalidStateError",() => popover.showPopover(),'Calling showPopover on a disconnected popover should throw InvalidStateError');
|
||||||
|
assert_throws_dom("InvalidStateError",() => popover.hidePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
|
||||||
|
assert_throws_dom("InvalidStateError",() => popover.togglePopover(),'Calling hidePopover on a disconnected popover should throw InvalidStateError');
|
||||||
|
parent.appendChild(popover);
|
||||||
|
}
|
||||||
|
|
||||||
|
function assertNotAPopover(nonPopover) {
|
||||||
|
// If the non-popover element nonetheless has a 'popover' attribute, it should
|
||||||
|
// be invisible. Otherwise, it should be visible.
|
||||||
|
const expectVisible = !nonPopover.hasAttribute('popover');
|
||||||
|
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'A non-popover should start out visible');
|
||||||
|
assert_throws_dom("NotSupportedError",() => nonPopover.showPopover(),'Calling showPopover on a non-popover should throw NotSupported');
|
||||||
|
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling showPopover on a non-popover should leave it visible');
|
||||||
|
assert_throws_dom("NotSupportedError",() => nonPopover.hidePopover(),'Calling hidePopover on a non-popover should throw NotSupported');
|
||||||
|
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling hidePopover on a non-popover should leave it visible');
|
||||||
|
assert_throws_dom("NotSupportedError",() => nonPopover.togglePopover(),'Calling togglePopover on a non-popover should throw NotSupported');
|
||||||
|
assertPopoverVisibility(nonPopover, /*isPopover*/false, expectVisible, 'Calling togglePopover on a non-popover should leave it visible');
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -212,7 +212,7 @@ promise_test(async t => {
|
||||||
|
|
||||||
assert_equals(artwork.length, URLs.length);
|
assert_equals(artwork.length, URLs.length);
|
||||||
for (let i = 0 ; i < artwork.length ; ++i) {
|
for (let i = 0 ; i < artwork.length ; ++i) {
|
||||||
assert_equals(artwork[i].src, new URL(URLs[i], document.URL).href);
|
assert_equals(artwork[i].src, new URL(URLs[i], subframe.contentDocument.URL).href);
|
||||||
}
|
}
|
||||||
}, 'Test that the base URL of MediaImage is the base URL of entry setting object');
|
}, 'Test that the base URL of MediaImage is the base URL of entry setting object');
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -47,89 +47,28 @@ function init() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
var expectedPointerEvents = new Map([
|
function expectedPointerEvents() {
|
||||||
["none", ["pointerover", "pointerenter", "pointermove", "pointerdown", "pointerup",
|
return [
|
||||||
"pointerdown", "pointermove", "pointerout", "pointerleave",
|
"pointerover", "pointerenter", "pointermove", "pointerdown", "pointerup",
|
||||||
"pointerover", "pointerenter", "pointermove", "pointerup", "pointerout",
|
"pointerdown", "pointermove", "pointerout", "pointerleave", "pointerover",
|
||||||
"pointerleave"
|
"pointerenter", "pointermove", "pointerup", "pointerout", "pointerleave"
|
||||||
]],
|
];
|
||||||
["pointerdown", ["pointerover", "pointerenter", "pointermove", "pointerdown",
|
}
|
||||||
"pointerup", "pointerdown", "pointermove", "pointerout", "pointerleave",
|
|
||||||
"pointerover", "pointerenter", "pointermove", "pointerup", "pointerout",
|
// When "pointerdown" is not prevented, all compat mouse events are fired.
|
||||||
"pointerleave"
|
// Otherwise, the "mousedown/move/up" events between "pointerdown" and
|
||||||
]],
|
// "pointerup" are suppressed.
|
||||||
["pointerup", ["pointerover", "pointerenter", "pointermove", "pointerdown",
|
function expectedMouseEvents(prevented_event) {
|
||||||
"pointerup", "pointerdown", "pointermove", "pointerout", "pointerleave",
|
return prevented_event === "pointerdown"
|
||||||
"pointerover", "pointerenter", "pointermove", "pointerup",
|
? ["mouseover", "mouseenter", "mousemove",
|
||||||
"pointerout", "pointerleave"
|
|
||||||
]],
|
|
||||||
["pointerenter", ["pointerover", "pointerenter", "pointermove",
|
|
||||||
"pointerdown", "pointerup", "pointerdown", "pointermove",
|
|
||||||
"pointerout", "pointerleave", "pointerover", "pointerenter",
|
|
||||||
"pointermove", "pointerup", "pointerout", "pointerleave"
|
|
||||||
]],
|
|
||||||
["pointerleave", ["pointerover", "pointerenter", "pointermove",
|
|
||||||
"pointerdown", "pointerup", "pointerdown", "pointermove",
|
|
||||||
"pointerout", "pointerleave", "pointerover", "pointerenter",
|
|
||||||
"pointermove", "pointerup", "pointerout", "pointerleave"
|
|
||||||
]],
|
|
||||||
["pointerover", ["pointerover", "pointerenter", "pointermove",
|
|
||||||
"pointerdown", "pointerup", "pointerdown", "pointermove",
|
|
||||||
"pointerout", "pointerleave", "pointerover", "pointerenter",
|
|
||||||
"pointermove", "pointerup", "pointerout",
|
|
||||||
"pointerleave"
|
|
||||||
]],
|
|
||||||
["pointerout", ["pointerover", "pointerenter", "pointermove",
|
|
||||||
"pointerdown", "pointerup", "pointerdown", "pointermove",
|
|
||||||
"pointerout", "pointerleave", "pointerover", "pointerenter",
|
|
||||||
"pointermove", "pointerup", "pointerout",
|
|
||||||
"pointerleave"
|
|
||||||
]],
|
|
||||||
["pointermove", ["pointerover", "pointerenter", "pointermove",
|
|
||||||
"pointerdown", "pointerup", "pointerdown", "pointermove",
|
|
||||||
"pointerout", "pointerleave", "pointerover", "pointerenter",
|
|
||||||
"pointermove", "pointerup", "pointerout", "pointerleave"
|
|
||||||
]]
|
|
||||||
]);
|
|
||||||
var expectedMouseEvents = new Map([
|
|
||||||
["none", ["mouseover", "mouseenter", "mousemove", "mousedown", "mouseup",
|
|
||||||
"mousedown", "mousemove", "mouseout", "mouseleave",
|
|
||||||
"mouseover", "mouseenter", "mousemove", "mouseup", "mouseout", "mouseleave"
|
|
||||||
]],
|
|
||||||
["pointerdown", ["mouseover", "mouseenter", "mousemove",
|
|
||||||
"mouseout", "mouseleave", "mouseover", "mouseenter",
|
"mouseout", "mouseleave", "mouseover", "mouseenter",
|
||||||
"mouseout", "mouseleave"
|
"mouseout", "mouseleave"]
|
||||||
]],
|
: ["mouseover", "mouseenter", "mousemove",
|
||||||
["pointerup", ["mouseover", "mouseenter", "mousemove",
|
|
||||||
"mousedown", "mouseup", "mousedown", "mousemove",
|
|
||||||
"mouseout", "mouseleave", "mouseover",
|
|
||||||
"mouseenter", "mousemove", "mouseup", "mouseout", "mouseleave"
|
|
||||||
]],
|
|
||||||
["pointerenter", ["mouseover", "mouseenter", "mousemove", "mousedown",
|
|
||||||
"mouseup", "mousedown", "mousemove", "mouseout", "mouseleave",
|
|
||||||
"mouseover", "mouseenter", "mousemove", "mouseup", "mouseout", "mouseleave"
|
|
||||||
]],
|
|
||||||
["pointerleave", ["mouseover", "mouseenter", "mousemove", "mousedown",
|
|
||||||
"mouseup", "mousedown", "mousemove", "mouseout", "mouseleave",
|
|
||||||
"mouseover", "mouseenter", "mousemove", "mouseup",
|
|
||||||
"mouseout", "mouseleave"
|
|
||||||
]],
|
|
||||||
["pointerover", ["mouseover", "mouseenter", "mousemove",
|
|
||||||
"mousedown", "mouseup", "mousedown", "mousemove", "mouseout",
|
|
||||||
"mouseleave", "mouseover", "mouseenter", "mousemove", "mouseup",
|
|
||||||
"mouseout", "mouseleave"
|
|
||||||
]],
|
|
||||||
["pointerout", ["mouseover", "mouseenter", "mousemove",
|
|
||||||
"mousedown", "mouseup", "mousedown", "mousemove",
|
"mousedown", "mouseup", "mousedown", "mousemove",
|
||||||
"mouseout", "mouseleave", "mouseover", "mouseenter",
|
"mouseout", "mouseleave", "mouseover", "mouseenter",
|
||||||
"mousemove", "mouseup", "mouseout", "mouseleave"
|
"mousemove", "mouseup",
|
||||||
]],
|
"mouseout", "mouseleave"];
|
||||||
["pointermove", ["mouseover", "mouseenter", "mousemove",
|
}
|
||||||
"mousedown", "mouseup", "mousedown", "mousemove",
|
|
||||||
"mouseout", "mouseleave", "mouseover", "mouseenter",
|
|
||||||
"mousemove", "mouseup", "mouseout", "mouseleave"
|
|
||||||
]]
|
|
||||||
]);
|
|
||||||
|
|
||||||
async function runTestForDefaultEvent(preventDefaultEvent) {
|
async function runTestForDefaultEvent(preventDefaultEvent) {
|
||||||
promise_test((test)=>
|
promise_test((test)=>
|
||||||
|
|
@ -153,8 +92,8 @@ async function runTestForDefaultEvent(preventDefaultEvent) {
|
||||||
if(eventToPreventDefault === 'none'){
|
if(eventToPreventDefault === 'none'){
|
||||||
assert_true(arePointerEventsBeforeCompatMouseEvents(receivedEvents), "There are no compatible mouse events for all pointer events:" + receivedEvents);
|
assert_true(arePointerEventsBeforeCompatMouseEvents(receivedEvents), "There are no compatible mouse events for all pointer events:" + receivedEvents);
|
||||||
}
|
}
|
||||||
assert_array_equals(receivedPointerEvents, expectedPointerEvents.get(preventDefaultEvent));
|
assert_array_equals(receivedPointerEvents, expectedPointerEvents());
|
||||||
assert_array_equals(receivedMouseEvents, expectedMouseEvents.get(preventDefaultEvent));
|
assert_array_equals(receivedMouseEvents, expectedMouseEvents(preventDefaultEvent));
|
||||||
});
|
});
|
||||||
resolve();
|
resolve();
|
||||||
}), `Verifies the effect of pointer event prevent-default on ${preventDefaultEvent}`);
|
}), `Verifies the effect of pointer event prevent-default on ${preventDefaultEvent}`);
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,8 @@ const All_Pointer_Events = [
|
||||||
"pointerenter",
|
"pointerenter",
|
||||||
"pointerleave",
|
"pointerleave",
|
||||||
"gotpointercapture",
|
"gotpointercapture",
|
||||||
"lostpointercapture"];
|
"lostpointercapture"
|
||||||
|
];
|
||||||
|
|
||||||
// https://w3c.github.io/pointerevents/#the-button-property
|
// https://w3c.github.io/pointerevents/#the-button-property
|
||||||
// Values for the button property, which indicates the device button whose state
|
// Values for the button property, which indicates the device button whose state
|
||||||
|
|
@ -461,20 +462,20 @@ function isMouseEvent(eventName){
|
||||||
].includes(eventName);
|
].includes(eventName);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Events is a list of events fired at a target.
|
||||||
|
//
|
||||||
|
// Checks to see if each pointer event has a corresponding mouse event in the
|
||||||
|
// event array and the two events are in the proper order (pointer event is
|
||||||
|
// first).
|
||||||
|
//
|
||||||
|
// See https://w3c.github.io/pointerevents/#mapping-for-devices-that-support-hover
|
||||||
|
function arePointerEventsBeforeCompatMouseEvents(events) {
|
||||||
function arePointerAndMouseEventCompatible(pointerEventName, mouseEventName) {
|
function arePointerAndMouseEventCompatible(pointerEventName, mouseEventName) {
|
||||||
// e.g. compatible pointer-mouse events: pointerup - mouseup etc
|
return pointerEventName.startsWith("pointer")
|
||||||
return pointerEventName.startsWith("pointer") &&
|
&& mouseEventName.startsWith("mouse")
|
||||||
mouseEventName.startsWith("mouse") &&
|
&& pointerEventName.substring(7) === mouseEventName.substring(5);
|
||||||
pointerEventName.substring(7) === mouseEventName.substring(5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// events is a list of events fired at a target
|
|
||||||
// checks to see if each pointer event has a corresponding mouse event in the event array
|
|
||||||
// and the two events are in the proper order (pointer event is first)
|
|
||||||
// see https://www.w3.org/TR/pointerevents3/#mapping-for-devices-that-support-hover
|
|
||||||
function arePointerEventsBeforeCompatMouseEvents(events){
|
|
||||||
// checks to see if the pointer event is compatible with the mouse event
|
|
||||||
// and the pointer event happens before the mouse event
|
|
||||||
function arePointerAndMouseEventInProperOrder(pointerEventIndex, mouseEventIndex, events) {
|
function arePointerAndMouseEventInProperOrder(pointerEventIndex, mouseEventIndex, events) {
|
||||||
return (pointerEventIndex < mouseEventIndex && isPointerEvent(events[pointerEventIndex]) && isMouseEvent(events[mouseEventIndex])
|
return (pointerEventIndex < mouseEventIndex && isPointerEvent(events[pointerEventIndex]) && isMouseEvent(events[mouseEventIndex])
|
||||||
&& arePointerAndMouseEventCompatible(events[pointerEventIndex], events[mouseEventIndex]));
|
&& arePointerAndMouseEventCompatible(events[pointerEventIndex], events[mouseEventIndex]));
|
||||||
|
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<script src="/resources/testharness.js"></script>
|
|
||||||
<script src="/resources/testharnessreport.js"></script>
|
|
||||||
<script>
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
promise_test(async (t) => {
|
|
||||||
await promise_rejects_dom(
|
|
||||||
t, 'SecurityError', navigator.serial.getPorts(),
|
|
||||||
'getPorts() should throw a SecurityError DOMException when called ' +
|
|
||||||
'from a context where the top-level document has an opaque origin.');
|
|
||||||
}, 'Calls to Serial APIs from an origin with opaque top origin get blocked.');
|
|
||||||
</script>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
Content-Security-Policy: sandbox allow-scripts
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
let iframe = document.createElement('iframe');
|
|
||||||
|
|
||||||
promise_test(async () => {
|
|
||||||
await new Promise(resolve => {
|
|
||||||
iframe.src = '../resources/open-in-iframe.html';
|
|
||||||
iframe.sandbox.add('allow-scripts');
|
|
||||||
iframe.allow = 'serial';
|
|
||||||
document.body.appendChild(iframe);
|
|
||||||
iframe.addEventListener('load', resolve);
|
|
||||||
});
|
|
||||||
|
|
||||||
await new Promise(resolve => {
|
|
||||||
iframe.contentWindow.postMessage({type: 'GetPorts'}, '*');
|
|
||||||
|
|
||||||
window.addEventListener('message', (messageEvent) => {
|
|
||||||
assert_equals('Success', messageEvent.data);
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}, 'GetPorts from a sandboxed iframe is valid.');
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<script src="/resources/testharness.js"></script>
|
|
||||||
<script src="/resources/testharnessreport.js"></script>
|
|
||||||
<script>
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
promise_test(async (t) => {
|
|
||||||
await promise_rejects_dom(
|
|
||||||
t, 'SecurityError', navigator.serial.requestPort(),
|
|
||||||
'requestPort() should throw a SecurityError DOMException when called ' +
|
|
||||||
'from a context where the top-level document has an opaque origin.');
|
|
||||||
}, 'Calls to Serial APIs from an origin with opaque top origin get blocked.');
|
|
||||||
</script>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
Content-Security-Policy: sandbox allow-scripts
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
let iframe = document.createElement('iframe');
|
|
||||||
|
|
||||||
promise_test(async () => {
|
|
||||||
await new Promise(resolve => {
|
|
||||||
iframe.src = '../resources/open-in-iframe.html';
|
|
||||||
iframe.sandbox.add('allow-scripts');
|
|
||||||
iframe.allow = 'serial';
|
|
||||||
document.body.appendChild(iframe);
|
|
||||||
iframe.addEventListener('load', resolve);
|
|
||||||
});
|
|
||||||
|
|
||||||
await new Promise(resolve => {
|
|
||||||
iframe.contentWindow.postMessage({type: 'RequestPort'}, '*');
|
|
||||||
|
|
||||||
window.addEventListener('message', (messageEvent) => {
|
|
||||||
// The failure message of no device chosen is expected. The point here is
|
|
||||||
// to validate not failing because of a sandboxed iframe.
|
|
||||||
assert_equals(
|
|
||||||
'FAIL: NotFoundError: Failed to execute \'requestPort\' on \'Serial\': No port selected by the user.',
|
|
||||||
messageEvent.data);
|
|
||||||
resolve();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}, 'RequestPort from a sandboxed iframe is valid.');
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<script src="/resources/testdriver.js"></script>
|
|
||||||
<script src="/resources/testdriver-vendor.js"></script>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<button>Fake user gesture</button>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
test_driver.set_test_context(parent);
|
|
||||||
|
|
||||||
window.onmessage = messageEvent => {
|
|
||||||
switch (messageEvent.data.type) {
|
|
||||||
case 'GetPorts':
|
|
||||||
navigator.serial.getPorts()
|
|
||||||
.then(ports => parent.postMessage('Success', '*'))
|
|
||||||
.catch(err => parent.postMessage(`FAIL: ${err}`, '*'));
|
|
||||||
break;
|
|
||||||
case 'RequestPort':
|
|
||||||
test_driver.click(document.getElementsByTagName('button')[0])
|
|
||||||
.then(() => navigator.serial.requestPort({filters: []}))
|
|
||||||
.then(port => parent.postMessage('Success', '*'))
|
|
||||||
.catch(err => parent.postMessage(`FAIL: ${err}`, '*'));
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
parent.postMessage(
|
|
||||||
`FAIL: Bad message type: ${messageEvent.data}`, '*');
|
|
||||||
};
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue