Update web-platform-tests to revision 73c6ad369cbd5572ceaedfed98e4672ef1f42dd0

This commit is contained in:
WPT Sync Bot 2020-11-28 08:20:53 +00:00
parent 9a052a7fab
commit 33c2bfef75
76 changed files with 918 additions and 118 deletions

View file

@ -0,0 +1,4 @@
[hit-test-floats-004.html]
[Miss float below something else]
expected: FAIL

View file

@ -1,4 +0,0 @@
[hit-test-floats-005.html]
[Miss clipped float]
expected: FAIL

View file

@ -0,0 +1,2 @@
[color-custom-property-animation.https.html]
expected: TIMEOUT

View file

@ -0,0 +1,2 @@
[one-custom-property-animation.https.html]
expected: TIMEOUT

View file

@ -0,0 +1,2 @@
[two-custom-property-animation.https.html]
expected: TIMEOUT

View file

@ -1,2 +1,2 @@
[two-element-custom-property-animation.https.html]
expected: FAIL
expected: TIMEOUT

View file

@ -0,0 +1,2 @@
[two-element-one-custom-property-animation.https.html]
expected: TIMEOUT

View file

@ -0,0 +1,4 @@
[CaretPosition-001.html]
[Element at (400, 100)]
expected: FAIL

View file

@ -1,4 +0,0 @@
[elementFromPoint-001.html]
[CSSOM View - 5 - extensions to the Document interface]
expected: FAIL

View file

@ -17,6 +17,3 @@
[test the top of layer]
expected: FAIL
[test some point of the element: top left corner]
expected: FAIL

View file

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

View file

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

View file

@ -11,6 +11,6 @@
[X-Content-Type-Options%3A%20nosniff%2C%2C%40%23%24%23%25%25%26%5E%26%5E*()()11!]
expected: FAIL
[Content-Type-Options%3A%20nosniff]
[X-Content-Type-Options%3A%0D%0AX-Content-Type-Options%3A%20nosniff]
expected: FAIL

View file

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

View file

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

View file

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

View file

@ -1,5 +1,4 @@
[embedded-opener-remove-frame.html]
expected: CRASH
[opener of discarded nested browsing context]
expected: FAIL

View file

@ -1,5 +1,5 @@
[iframe_sandbox_popups_escaping-1.html]
expected: CRASH
expected: TIMEOUT
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: TIMEOUT

View file

@ -1,5 +1,5 @@
[iframe_sandbox_popups_escaping-2.html]
expected: TIMEOUT
expected: CRASH
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: TIMEOUT

View file

@ -1,5 +1,4 @@
[iframe_sandbox_popups_escaping-3.html]
expected: TIMEOUT
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: TIMEOUT
expected: FAIL

View file

@ -1,4 +0,0 @@
[form-double-submit.html]
[default submit action should supersede onclick submit()]
expected: FAIL

View file

@ -8,3 +8,6 @@
[Check that rel=noopener with target=_parent does a normal load]
expected: FAIL
[Check that rel=noopener with target=_self does a normal load]
expected: FAIL

View file

@ -335,3 +335,9 @@
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t2.1012274082750082e-3\t9.3139332532882690e-1\t9.2929209792055190e-1\t9.9774399563413962e-1\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.2929209792055190e-1 at index of 28696.\n\tMax RelError of 9.9774399563413962e-1 at index of 28696.\n]
expected: FAIL
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t-2.4119185920000000e+9\t9.3139332532882690e-1\t2.4119185929313931e+9\t2.5895811440133190e+9\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 2.4119185929313931e+9 at index of 28696.\n\tMax RelError of 2.5895811440133190e+9 at index of 28696.\n]
expected: FAIL
[X SNR (-144.21316696414652 dB) is not greater than or equal to 65.737. Got -144.21316696414652.]
expected: FAIL

View file

@ -0,0 +1,5 @@
[018.html]
expected: TIMEOUT
[origin of the script that invoked the method, javascript:]
expected: TIMEOUT

View file

@ -0,0 +1,5 @@
[017.html]
expected: TIMEOUT
[origin of the script that invoked the method, about:blank]
expected: TIMEOUT

View file

@ -1,8 +1,7 @@
[shared-worker-in-data-url-context.window.html]
expected: TIMEOUT
[Create a shared worker in a data url frame]
expected: FAIL
[Create a data url shared worker in a data url frame]
expected: TIMEOUT
expected: FAIL

View file

@ -151417,6 +151417,19 @@
{}
]
],
"percentage-size-indefinite-replaced.html": [
"3610f2e2c992b075d203bc5bfceb400c7b4fca0d",
[
null,
[
[
"/css/reference/ref-filled-green-100px-square-only.html",
"=="
]
],
{}
]
],
"percentage-size-replaced-subitems-001.html": [
"190277a1ed1e409540410eb43bf5be0d64c142cf",
[
@ -165304,7 +165317,7 @@
]
],
"color-custom-property-animation.https.html": [
"5cbfee89c45dd37e165676a835ece3f6283d0957",
"729af95ceb8f206faa4b6e80059e774dbc8af095",
[
null,
[
@ -165553,7 +165566,7 @@
]
],
"one-custom-property-animation.https.html": [
"ca746f5999b6f57a43499a91007325fa93524d17",
"25b1cef1882436679ed46a9da10bc403883ea7c5",
[
null,
[
@ -166502,7 +166515,7 @@
]
],
"two-custom-property-animation.https.html": [
"9cd20272a35ca713e7916c2d6c15ae2a1aa7e912",
"6669076e909c273d2c63b34c91a29e443065a248",
[
null,
[
@ -166515,7 +166528,7 @@
]
],
"two-element-custom-property-animation.https.html": [
"044650dcaffbca576977a6b2ce4ec61fb00cf70c",
"48b0f201d4b188fe9e62c33790cb7e478811b55e",
[
null,
[
@ -166527,6 +166540,19 @@
{}
]
],
"two-element-one-custom-property-animation.https.html": [
"1090185409d7a683b381ddb74a7d6ee4522fe108",
[
null,
[
[
"/css/css-paint-api/two-element-one-custom-property-animation-ref.html",
"=="
]
],
{}
]
],
"valid-image-after-load.https.html": [
"c1bf8e85548656b60145c4d54437b10a2f07880e",
[
@ -242130,6 +242156,125 @@
]
}
},
"drawing-text-to-the-canvas": {
"canvas.2d.fontStretch.condensed.html": [
"2bda32082e3577757ca58dd460d0f0a478a7d647",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.expanded.html": [
"c679ccb57b955ff255c9c6fb02bc65323d9b6edd",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.extra-condensed.html": [
"a3a18c05c63143869a0bea7a2e93b69e796b14ca",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.extra-expanded.html": [
"4f1bf6838dd1fb37a1125c96437105b23f6fe2f2",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.normal.html": [
"b60d25f57942ed8a0325745a7994db513aeb6fde",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.semi-condensed.html": [
"c356ee176efa56305f9d32a681f975c9b9907ab8",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.semi-expanded.html": [
"bc9bb2bfa5121bdbe2e50937ff5f5f4fee4a60e7",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.ultra-condensed.html": [
"62af7780927a78e93b528eb15293ff4a99e73d92",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
],
"canvas.2d.fontStretch.ultra-expanded.html": [
"4faf47b07421b90a1d2e0842a58c2ad88c9c0df2",
[
null,
[
[
"/html/canvas/element/manual/drawing-text-to-the-canvas/canvas.2d.fontStretch-ref.html",
"=="
]
],
{}
]
]
},
"line-styles": {
"canvas_linestyles_linecap_001.htm": [
"583dbc9d134682a778569877e38513e07736dd82",
@ -314956,7 +315101,7 @@
[]
],
"color-custom-property-animation-ref.html": [
"3439cd9364560c870b09a394887daec5969b6bd4",
"d66536456ec321b5235b95a9c4239b082da399d0",
[]
],
"geometry-background-image-001-ref.html": [
@ -315108,11 +315253,15 @@
[]
],
"two-custom-property-animation-ref.html": [
"1acef69f9413c154b2f527d3792f24bbbdb38643",
"fa364bde34988eaf021c762ffb9b5776f20df402",
[]
],
"two-element-custom-property-animation-ref.html": [
"6c6d94575eceb892278d355278a0c1463c726168",
"37774e086f0ab9cc8b74fed23648df1f7da7b312",
[]
],
"two-element-one-custom-property-animation-ref.html": [
"530d3dc9a13ced598f3072ba8f79937410f0c473",
[]
],
"valid-image-after-load-ref.html": [
@ -336282,6 +336431,10 @@
"e828b629858d07afd989b80894986315bac16cc7",
[]
],
"fail.woff": [
"33487cdbb4f2a88b2107c191cce051cb5a247e1f",
[]
],
"math": {
"axisheight5000-verticalarrow14000.woff": [
"70f366a3d0b7ec891fc4041584a1ddea55b0bc42",
@ -336634,6 +336787,10 @@
[]
]
},
"pass.woff": [
"839bb20b12fee0e6f24f76ea58501aff76fa5a14",
[]
],
"sileot-webfont.woff": [
"81547578d36c7989db0a03127074a5f4b33768b4",
[]
@ -339033,6 +339190,12 @@
]
}
},
"drawing-text-to-the-canvas": {
"canvas.2d.fontStretch-ref.html": [
"4b3b28baf9dcb1dea96611bfdbfbce0a0aba7c3c",
[]
]
},
"imagebitmap": {
"common.sub.js": [
"aa1e382a2088fee541a1020a03a4299a3b18d6cd",
@ -411274,6 +411437,13 @@
{}
]
],
"positon-absolute-scrollable-overflow-001.html": [
"67e24a247570cdc56033d509e0fb7cbddda17591",
[
null,
{}
]
],
"sticky": {
"position-sticky-bottom.html": [
"9cfae6d3ba9bdeafa2ff6fcd820dc2c3fdb13660",

View file

@ -0,0 +1,4 @@
[hit-test-floats-004.html]
[Miss float below something else]
expected: FAIL

View file

@ -1,4 +0,0 @@
[hit-test-floats-005.html]
[Miss clipped float]
expected: FAIL

View file

@ -1,2 +1,2 @@
[color-custom-property-animation.https.html]
expected: FAIL
expected: TIMEOUT

View file

@ -1,2 +1,2 @@
[one-custom-property-animation.https.html]
expected: FAIL
expected: TIMEOUT

View file

@ -1,2 +1,2 @@
[two-custom-property-animation.https.html]
expected: FAIL
expected: TIMEOUT

View file

@ -1,2 +1,2 @@
[two-element-custom-property-animation.https.html]
expected: FAIL
expected: TIMEOUT

View file

@ -0,0 +1,2 @@
[two-element-one-custom-property-animation.https.html]
expected: TIMEOUT

View file

@ -0,0 +1,4 @@
[CaretPosition-001.html]
[Element at (400, 100)]
expected: FAIL

View file

@ -1,4 +0,0 @@
[elementFromPoint-001.html]
[CSSOM View - 5 - extensions to the Document interface]
expected: FAIL

View file

@ -21,6 +21,3 @@
[test the top of layer]
expected: FAIL
[test some point of the element: top left corner]
expected: FAIL

View file

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

View file

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

View file

@ -11,6 +11,6 @@
[X-Content-Type-Options%3A%20nosniff%2C%2C%40%23%24%23%25%25%26%5E%26%5E*()()11!]
expected: FAIL
[Content-Type-Options%3A%20nosniff]
[X-Content-Type-Options%3A%0D%0AX-Content-Type-Options%3A%20nosniff]
expected: FAIL

View file

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

View file

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

View file

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

View file

@ -1,5 +1,4 @@
[embedded-opener-remove-frame.html]
expected: CRASH
[opener and "removed" embedded documents]
expected: FAIL

View file

@ -1,6 +1,6 @@
[iframe_sandbox_popups_escaping-1.html]
type: testharness
expected: CRASH
expected: TIMEOUT
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: FAIL
expected: TIMEOUT

View file

@ -1,5 +1,5 @@
[iframe_sandbox_popups_escaping-2.html]
expected: TIMEOUT
expected: CRASH
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: TIMEOUT

View file

@ -1,6 +1,5 @@
[iframe_sandbox_popups_escaping-3.html]
type: testharness
expected: TIMEOUT
[Check that popups from a sandboxed iframe escape the sandbox if\n allow-popups-to-escape-sandbox is used]
expected: TIMEOUT
expected: FAIL

View file

@ -1,4 +0,0 @@
[form-double-submit.html]
[default submit action should supersede onclick submit()]
expected: FAIL

View file

@ -12,3 +12,6 @@
[Check that rel=noopener with target=_parent does a normal load]
expected: FAIL
[Check that rel=noopener with target=_self does a normal load]
expected: FAIL

View file

@ -563,3 +563,9 @@
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t2.1012274082750082e-3\t9.3139332532882690e-1\t9.2929209792055190e-1\t9.9774399563413962e-1\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 9.2929209792055190e-1 at index of 28696.\n\tMax RelError of 9.9774399563413962e-1 at index of 28696.\n]
expected: FAIL
[X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[28696\]\t-2.4119185920000000e+9\t9.3139332532882690e-1\t2.4119185929313931e+9\t2.5895811440133190e+9\t3.8985999999999999e-3\n\t[28697\]\t7.0477002859115601e-1\t9.0675884485244751e-1\t2.0198881626129150e-1\t2.2275913536212616e-1\t3.8985999999999999e-3\n\tMax AbsError of 2.4119185929313931e+9 at index of 28696.\n\tMax RelError of 2.5895811440133190e+9 at index of 28696.\n]
expected: FAIL
[X SNR (-144.21316696414652 dB) is not greater than or equal to 65.737. Got -144.21316696414652.]
expected: FAIL

View file

@ -0,0 +1,5 @@
[018.html]
expected: TIMEOUT
[origin of the script that invoked the method, javascript:]
expected: TIMEOUT

View file

@ -0,0 +1,5 @@
[017.html]
expected: TIMEOUT
[origin of the script that invoked the method, about:blank]
expected: TIMEOUT

View file

@ -1,8 +1,7 @@
[shared-worker-in-data-url-context.window.html]
expected: TIMEOUT
[Create a shared worker in a data url frame]
expected: FAIL
[Create a data url shared worker in a data url frame]
expected: TIMEOUT
expected: FAIL

View file

@ -0,0 +1,8 @@
<!DOCTYPE html>
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1153028">
<meta name="assert" content="When determining a auto row, an indefinite percentage block-size should be considered auto, and use the inline-size + aspect-ratio.">
<link rel="match" href="../../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="display: grid; width: 50px;">
<canvas width=200 height=200 style="background: green; height: 100%; width: 200%;"></canvas>
</div>

View file

@ -5,7 +5,7 @@
<script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext("2d");
context.fillStyle = 'rgb(127, 127, 0)';
context.fillStyle = 'rgb(100, 100, 0)';
context.fillRect(0, 0, 100, 100);
</script>
</body>

View file

@ -6,19 +6,24 @@
.container {
width: 100px;
height: 100px;
animation: expand 5s;
}
.animate {
background-image: paint(geometry);
/* Use a long animation that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animation in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated property value. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animation is ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: expand 1000000s cubic-bezier(0,1,1,0) -500000s;
will-change: transform;
}
@keyframes expand {
0% { --foo: rgb(255, 0, 0); }
0.01% { --foo: rgb(127, 127, 0); }
99% { --foo: rgb(127, 127, 0); }
100% { --foo: rgb(0, 255, 0); }
0% { --foo: rgb(200, 0, 0); }
100% { --foo: rgb(0, 200, 0); }
}
#canvas-geometry {
background-image: paint(geometry);
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
@ -45,13 +50,15 @@ CSS.registerProperty({
</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);
var blob = new Blob([document.getElementById('code').textContent],
{type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('canvas-geometry').classList.add('animate');
// Wait for the animation to start before completing the test.
document.getAnimations()[0].ready.then(() => {
takeScreenshot();
});
});
</script>
</body>
</html>

View file

@ -9,13 +9,18 @@
}
@keyframes expand {
0% { --foo: 0; }
0.01% { --foo: 50; }
99% { --foo: 50; }
100% { --foo: 100; }
}
.animate {
background-image: paint(geometry);
animation: expand 5s;
/* Use a long animation that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animation in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated property value. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animation is ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: expand 1000000s cubic-bezier(0,1,1,0) -500000s;
}
#canvas-geometry {
@ -52,7 +57,9 @@ var blob = new Blob([document.getElementById('code').textContent],
{type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('canvas-geometry').classList.add('animate');
requestAnimationFrame(function() {
const animations = document.getAnimations();
// Wait for the animation to start before completing the test.
document.getAnimations()[0].ready.then(() => {
takeScreenshot();
});
});

View file

@ -7,7 +7,7 @@ var canvas = document.getElementById('canvas');
var context = canvas.getContext("2d");
context.fillStyle = 'blue';
context.fillRect(0, 0, 100, 100);
context.fillStyle = '#9876c8';
context.fillStyle = '#987664';
context.fillRect(0, 0, 50, 50);
</script>
</body>

View file

@ -9,19 +9,22 @@
}
@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; }
100% { --bar: 200; }
}
.animate {
background-image: paint(geometry);
animation: expand 5s, clr 5s;
/* Use a long animation that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animation in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated property value. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animation is ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: expand 1000000s cubic-bezier(0,1,1,0) -500000s, clr 1000000s cubic-bezier(0,1,1,0) -500000s;
}
#canvas-geometry {
@ -68,7 +71,9 @@ var blob = new Blob([document.getElementById('code').textContent],
{type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('canvas-geometry').classList.add('animate');
requestAnimationFrame(function() {
const animations = document.getAnimations();
// Wait for the animation to start before completing the test.
document.getAnimations()[0].ready.then(() => {
takeScreenshot();
});
});

View file

@ -7,7 +7,7 @@ var canvas = document.getElementById('canvas');
var context = canvas.getContext("2d");
context.fillStyle = 'green';
context.fillRect(0, 0, 100, 100);
context.fillStyle = 'rgb(128, 128, 0)';
context.fillStyle = 'rgb(100, 100, 0)';
context.fillRect(0, 200, 200, 200);
</script>
</body>

View file

@ -9,7 +9,14 @@
}
.fooanimate {
background-image: paint(foo);
animation: expand 5s;
/* Use long animations that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animations in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated properties values. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animations are ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: expand 1000000s cubic-bezier(0,1,1,0) -500000s;
}
#bartainer {
width: 200px;
@ -17,19 +24,15 @@
}
.baranimate {
background-image: paint(bar);
animation: colorChange 5s;
animation: colorChange 1000000s cubic-bezier(0,1,1,0) -500000s;
}
@keyframes expand {
0% { --foo: 0; }
0.01% { --foo: 100; }
99% { --foo: 100; }
100% { --foo: 200; }
}
@keyframes colorChange {
0% { --bar: rgb(255, 0, 0); }
0.01% { --bar: rgb(128, 128, 0); }
99% { --bar: rgb(128, 128, 0); }
100% { --bar: rgb(0, 255, 0); }
0% { --bar: rgb(200, 0, 0); }
100% { --bar: rgb(0, 200, 0); }
}
</style>
<script src="/common/reftest-wait.js"></script>
@ -78,8 +81,10 @@ var blob = new Blob([code], {type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('footainer').classList.add('fooanimate');
document.getElementById('bartainer').classList.add('baranimate');
requestAnimationFrame(function() {
takeScreenshot();
const animations = document.getAnimations();
// Wait for all animations to start before completing the test.
Promise.all([animations[0].ready, animations[1].ready]).then(() => {
takeScreenshot();
});
});
</script>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<body>
<canvas id ="canvas" width="200" height="400"></canvas>
<script>
var canvas = document.getElementById('canvas');
var context = canvas.getContext("2d");
context.fillStyle = 'rgb(100, 0, 100)';
context.fillRect(0, 0, 200, 200);
context.fillStyle = 'rgb(100, 100, 0)';
context.fillRect(0, 200, 200, 200);
</script>
</body>
</html>

View file

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html class="reftest-wait">
<link rel="help" href="https://drafts.css-houdini.org/css-paint-api/">
<link rel="match" href="two-element-one-custom-property-animation-ref.html">
<style>
#footainer1 {
width: 200px;
height: 200px;
}
.fooanimate1 {
background-image: paint(foo);
/* Use long animations that start at 50% progress where the slope of the
selected timing function is zero. By setting up the animations in this way,
we accommodate lengthy delays in running the test without a potential drift
in the animated properties values. This is important for avoiding flakes,
especially on debug builds. The screenshots are taken as soon as the
animations are ready, thus the long animation duration has no bearing on
the actual duration of the test. */
animation: anim1 1000000s cubic-bezier(0,1,1,0);
animation-delay: -500000s;
}
#footainer2 {
width: 200px;
height: 200px;
}
.fooanimate2 {
background-image: paint(foo);
animation: anim2 1000000s cubic-bezier(0,1,1,0);
animation-delay: -500000s;
}
@keyframes anim1 {
0% { --foo: rgb(200, 0, 0); }
100% { --foo: rgb(0, 0, 200); }
}
@keyframes anim2 {
0% { --foo: rgb(200, 0, 0); }
100% { --foo: rgb(0, 200, 0); }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="footainer1"></div>
<div id="footainer2"></div>
<script id="code" type="text/worklet">
registerPaint('foo', class {
static get inputProperties() { return ['--foo']; }
paint(ctx, geom, properties) {
ctx.fillStyle = properties.get('--foo').toString();
ctx.fillRect(0, 0, 200, 200);
}
});
</script>
<script type="text/javascript">
CSS.registerProperty({
name: '--foo',
syntax: '<color>',
initialValue: 'rgb(0, 0, 0)',
inherits: false
});
</script>
<script>
var code = document.getElementById('code').textContent;
var blob = new Blob([code], {type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
document.getElementById('footainer1').classList.add('fooanimate1');
document.getElementById('footainer2').classList.add('fooanimate2');
const animations = document.getAnimations();
// Wait for all animations to start before completing the test.
Promise.all([animations[0].ready, animations[1].ready]).then(() => {
takeScreenshot();
});
});
</script>
</body>
</html>

View file

@ -0,0 +1,73 @@
<!DOCTYPE html>
<meta charset=utf-8>
<title>CSS Positioned Layout Test: Absolute positioned elements are included in the scrollable overflow area</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-position/#valdef-position-absolute">
<link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollable">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollheight">
<meta name=assert content="Absolute positioned elements are included in the scrollable overflow area of its containing block.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<style>
.containing-block {
position: relative;
width: 100px;
height: 100px;
margin: 100px;
}
.abspos {
position: absolute;
background: rgba(0, 255, 0, 0.5);
width: 10px;
height: 10px;
left: 0;
top: 0;
}
</style>
<body onload="checkLayout('.containing-block');">
<div id="log"></div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="500">
<div class="abspos" style="left: -50px; height: 500px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="550">
<div class="abspos" style="left: -50px; height: 500px; top: 50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="700">
<div class="abspos" style="left: -50px; height: 500px; top: 200px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="400">
<div class="abspos" style="left: -50px; height: 500px; top: -100px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="100">
<div class="abspos" style="left: -50px; height: 500px; top: -1000px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="100">
<div class="abspos" style="left: 50px; height: 500px; top: -1000px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="210" data-expected-scroll-height="700">
<div class="abspos" style="left: 200px; height: 500px; top: 200px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="500" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; top: -50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="550" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; left: 50px; top: -50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="700" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; left: 200px; top: -50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="400" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; left: -100px; top: -50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; left: -1000px; top: -50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="100" data-expected-scroll-height="100">
<div class="abspos" style="width: 500px; left: -1000px; top: 50px;"></div>
</div>
<div class="containing-block" data-expected-scroll-width="700" data-expected-scroll-height="210">
<div class="abspos" style="width: 500px; left: 200px; top: 200px;"></div>
</div>
</body>

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
document.fonts.add(f);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = condensed and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "condensed";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "condensed";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "expanded";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "expanded";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = extra-condensed and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "extra-condensed";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "extra-condensed";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = extra-expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "extra-expanded";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "extra-expanded";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/fail.woff)');
f.stretch = "expanded";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/pass.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = semi-condensed and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "semi-condensed";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "semi-condensed";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = semi-expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "semi-expanded";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "semi-expanded";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = ultra-condensed and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "ultra-condensed";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "ultra-condensed";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>

View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<title>Canvas test: 2d.text.fontStretch</title>
<link rel="match" href="canvas.2d.fontStretch-ref.html">
<script src="/html/canvas/resources/canvas-tests.js"></script>
</style>
<canvas id="c" class="output" width="500" height="500"><p class="fallback">FAIL (fallback content)</p></canvas>
<script>
var canvas = document.getElementById("c");
var ctx = canvas.getContext('2d');
// P shows as Pass for fontStretch = ultra-expanded and shows as fail for
// fontStretch = fail.
function draw() {
ctx.clearRect(0, 0, 500, 500);
ctx.font = '25px test';
ctx.fontStretch = "ultra-expanded";
ctx.fillText("P", 10, 40);
}
var f = new FontFace('test', 'url(/fonts/pass.woff)');
f.stretch = "ultra-expanded";
document.fonts.add(f);
var f2 = new FontFace('test', 'url(/fonts/fail.woff)');
document.fonts.add(f2);
// In canvas, font doesn't load until it's used. So try to use the newly added
// font test here.
draw();
document.fonts.ready.then(() => {
draw();
});
</script>