Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-06 16:45:39 +00:00
Code Issues Projects Releases Packages Wiki Activity

Auto merge of #19987 - servo-wpt-sync:wpt_update_07-02-2018, r=jdm

Browse source 
Sync WPT with upstream (07-02-2018)

Automated downstream sync of changes from upstream as of 07-02-2018.
[no-wpt-sync]

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/19987)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2018-02-08 09:21:12 -05:00 • committed by GitHub
commit aa497bd31b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
113 changed files with 1321 additions and 334 deletions
Download patch file Download diff file Expand all files Collapse all files

61
tests/wpt/metadata/2dcontext/imagebitmap/createImageBitmap-drawImage.html.ini
View file

@ -1,19 +1,20 @@
[createImageBitmap-drawImage.html]
type: testharness
expected: TIMEOUT
[createImageBitmap from a HTMLImageElement, and drawImage on the created ImageBitmap]
expected: FAIL
[createImageBitmap from a Blob, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a HTMLCanvasElement, and drawImage on the created ImageBitmap]
expected: FAIL
[createImageBitmap from an ImageBitmap, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageData, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a HTMLVideoElement, and drawImage on the created ImageBitmap]
expected: FAIL
@ -37,19 +38,19 @@
expected: FAIL
[createImageBitmap from an OffscreenCanvas, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an OffscreenCanvas with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageData with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageBitmap with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a Blob with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a bitmap HTMLImageElement, and drawImage on the created ImageBitmap]
expected: FAIL
@ -64,16 +65,16 @@
expected: FAIL
[createImageBitmap from a bitmap SVGImageElement, and drawImage on the created ImageBitmap]
expected: FAIL
expected: TIMEOUT
[createImageBitmap from a bitmap SVGImageElement with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a vector SVGImageElement, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a vector SVGImageElement with negative sw/sh, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an HTMLCanvasElement scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
@ -127,56 +128,56 @@
expected: FAIL
[createImageBitmap from a bitmap SVGImageElement scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a bitmap SVGImageElement scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a bitmap SVGImageElement resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a vector SVGImageElement scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a vector SVGImageElement scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a vector SVGImageElement resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an OffscreenCanvas scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an OffscreenCanvas scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an OffscreenCanvas resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageData scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageData scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageData resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageBitmap scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageBitmap scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from an ImageBitmap resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a Blob scaled down, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a Blob scaled up, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN
[createImageBitmap from a Blob resized, and drawImage on the created ImageBitmap]
expected: FAIL
expected: NOTRUN

4
tests/wpt/metadata/FileAPI/url/url-in-tags-revoke.window.js.ini
View file

@ -1,4 +1,8 @@
[url-in-tags-revoke.window.html]
expected: TIMEOUT
[Fetching a blob URL immediately before revoking it works in an iframe.]
expected: FAIL
[Fetching a blob URL immediately before revoking it works in <script> tags.]
expected: TIMEOUT

409
tests/wpt/metadata/MANIFEST.json
View file

@ -151225,6 +151225,102 @@
{}
]
],
"css/css-writing-modes/available-size-011.html": [
[
"/css/css-writing-modes/available-size-011.html",
[
[
"/css/css-writing-modes/reference/available-size-011-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-012.html": [
[
"/css/css-writing-modes/available-size-012.html",
[
[
"/css/css-writing-modes/reference/available-size-001-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-013.html": [
[
"/css/css-writing-modes/available-size-013.html",
[
[
"/css/css-writing-modes/reference/available-size-001-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-014.html": [
[
"/css/css-writing-modes/available-size-014.html",
[
[
"/css/css-writing-modes/reference/available-size-001-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-015.html": [
[
"/css/css-writing-modes/available-size-015.html",
[
[
"/css/css-writing-modes/reference/available-size-002-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-016.html": [
[
"/css/css-writing-modes/available-size-016.html",
[
[
"/css/css-writing-modes/reference/available-size-002-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-017.html": [
[
"/css/css-writing-modes/available-size-017.html",
[
[
"/css/css-writing-modes/reference/available-size-002-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/available-size-018.html": [
[
"/css/css-writing-modes/available-size-018.html",
[
[
"/css/css-writing-modes/reference/available-size-002-ref.html",
"=="
]
],
{}
]
],
"css/css-writing-modes/background-position-vrl-018.xht": [
[
"/css/css-writing-modes/background-position-vrl-018.xht",
@ -188306,11 +188402,6 @@
{}
]
],
"common/css-paint-tests.js": [
[
{}
]
],
"common/css-paint-tests.js.headers": [
[
{}
@ -188451,6 +188542,11 @@
{}
]
],
"common/worklet-reftest.js": [
[
{}
]
],
"compat/OWNERS": [
[
{}
@ -256561,6 +256657,11 @@
{}
]
],
"css/css-writing-modes/reference/available-size-011-ref.html": [
[
{}
]
],
"css/css-writing-modes/reference/bidi-embed-001.html": [
[
{}
@ -279891,6 +279992,11 @@
{}
]
],
"html/semantics/scripting-1/the-script-element/cacheable-script-throw.py": [
[
{}
]
],
"html/semantics/scripting-1/the-script-element/contains.json": [
[
{}
@ -280636,6 +280742,11 @@
{}
]
],
"html/semantics/scripting-1/the-script-element/muted-errors-iframe.html": [
[
{}
]
],
"html/semantics/scripting-1/the-script-element/resources/bom-utf-16be.js": [
[
{}
@ -304644,6 +304755,12 @@
{}
]
],
"compat/webkit-appearance.tentative.html": [
[
"/compat/webkit-appearance.tentative.html",
{}
]
],
"compat/webkit-text-fill-color-currentColor.html": [
[
"/compat/webkit-text-fill-color-currentColor.html",
@ -309990,6 +310107,12 @@
{}
]
],
"css/css-pseudo/first-letter-property-whitelist.html": [
[
"/css/css-pseudo/first-letter-property-whitelist.html",
{}
]
],
"css/css-regions/cssomview-apis-no-region-chain-001.html": [
[
"/css/css-regions/cssomview-apis-no-region-chain-001.html",
@ -314922,6 +315045,18 @@
{}
]
],
"css/selectors/matches-nested.html": [
[
"/css/selectors/matches-nested.html",
{}
]
],
"css/selectors/matches-specificity.html": [
[
"/css/selectors/matches-specificity.html",
{}
]
],
"css/selectors/missing-right-token.html": [
[
"/css/selectors/missing-right-token.html",
@ -324088,6 +324223,12 @@
{}
]
],
"html/editing/editing-0/contenteditable/contentEditable-slotted-inherit.html": [
[
"/html/editing/editing-0/contenteditable/contentEditable-slotted-inherit.html",
{}
]
],
"html/editing/editing-0/contenteditable/user-interaction-editing-contenteditable.html": [
[
"/html/editing/editing-0/contenteditable/user-interaction-editing-contenteditable.html",
@ -328046,6 +328187,12 @@
}
]
],
"html/semantics/forms/textfieldselection/setSelectionRange.html": [
[
"/html/semantics/forms/textfieldselection/setSelectionRange.html",
{}
]
],
"html/semantics/forms/textfieldselection/textfieldselection-setRangeText.html": [
[
"/html/semantics/forms/textfieldselection/textfieldselection-setRangeText.html",
@ -330498,6 +330645,12 @@
{}
]
],
"html/semantics/scripting-1/the-script-element/muted-errors.sub.html": [
[
"/html/semantics/scripting-1/the-script-element/muted-errors.sub.html",
{}
]
],
"html/semantics/scripting-1/the-script-element/nomodule-reflect.html": [
[
"/html/semantics/scripting-1/the-script-element/nomodule-reflect.html",
@ -386436,7 +386589,7 @@
"testharness"
],
"2dcontext/drawing-images-to-the-canvas/2d.drawImage.zerocanvas.html": [
"2b10225d76ad749b305a966f055b79e43f949b78",
"9050f39a7cca4caca0a113e0454415a940885995",
"testharness"
],
"2dcontext/drawing-images-to-the-canvas/2d.drawImage.zerosource.html": [
@ -389540,7 +389693,7 @@
"support"
],
"2dcontext/tools/spec.yaml": [
"4692cedcc0d1d5af9ac917fa19d3979e2129a933",
"232dbb047756e3cef85089de215e492c3550f927",
"support"
],
"2dcontext/tools/specextract.py": [
@ -389556,7 +389709,7 @@
"support"
],
"2dcontext/tools/tests2d.yaml": [
"057e6bc1199bb897e84a0d2ed7efefb616ba978c",
"b25e82429ec7963e85a760247906839f9e631b24",
"support"
],
"2dcontext/tools/tests2dtext.yaml": [
@ -395623,10 +395776,6 @@
"e3593850f8098d3f3ff82c042deab15f51c66a52",
"support"
],
"common/css-paint-tests.js": [
"81e8d7dc10c489d1d3ef2666a437b5e3972b9643",
"support"
],
"common/css-paint-tests.js.headers": [
"e3593850f8098d3f3ff82c042deab15f51c66a52",
"support"
@ -395739,6 +395888,10 @@
"e3593850f8098d3f3ff82c042deab15f51c66a52",
"support"
],
"common/worklet-reftest.js": [
"b8ebd1ad4a6a5600cfa0e9e60e26981bbccf19f0",
"support"
],
"compat/OWNERS": [
"e714708a95e56bc556b64d991cb72f0ccace4f92",
"support"
@ -395751,6 +395904,10 @@
"2d71e7532fc32af61d2410927b6405a9e79279a4",
"testharness"
],
"compat/webkit-appearance.tentative.html": [
"19f5d49ab9383759357d9b7cd73f15fe7fff2939",
"testharness"
],
"compat/webkit-linear-gradient-line-bottom.html": [
"af59a0aa3b8a195ba7ef401b582be9384a23a388",
"reftest"
@ -497332,7 +497489,7 @@
"support"
],
"css/css-paint-api/background-image-alpha.https.html": [
"84acc5f998812497d344067d7095c7561dda13ee",
"9e49088b455ebad6c98af7e5610c31d59cb70d5c",
"reftest"
],
"css/css-paint-api/background-image-multiple-ref.html": [
@ -497340,7 +497497,7 @@
"support"
],
"css/css-paint-api/background-image-multiple.https.html": [
"9e43ca2821fa0075073a898efde7595f6b57fad4",
"89f02190795801c78429786e376a9731a03aca99",
"reftest"
],
"css/css-paint-api/background-image-tiled-ref.html": [
@ -497348,7 +497505,7 @@
"support"
],
"css/css-paint-api/background-image-tiled.https.html": [
"83f9e2566f9e6957fdf3b67e9e62374984861e78",
"90f38d9cafef5f492085e8c161dc62cf4de2561d",
"reftest"
],
"css/css-paint-api/geometry-background-image-001-ref.html": [
@ -497356,7 +497513,7 @@
"support"
],
"css/css-paint-api/geometry-background-image-001.https.html": [
"a1f6d2148bfcdb68e4ca437b396b0ccbada101a9",
"f4553e156ec81284b6c96a3b5ed5f2c3f5e4378f",
"reftest"
],
"css/css-paint-api/geometry-background-image-002-ref.html": [
@ -497364,7 +497521,7 @@
"support"
],
"css/css-paint-api/geometry-background-image-002.https.html": [
"f48a940cfc7b3654ee92b655330ae30af5315e17",
"f3e6717b942fc8c674d359583dfb46b1e71aef8a",
"reftest"
],
"css/css-paint-api/geometry-background-image-tiled-001-ref.html": [
@ -497372,7 +497529,7 @@
"support"
],
"css/css-paint-api/geometry-background-image-tiled-001.https.html": [
"a892266cab4d74a3f4df2bbe1cda8823a38f3153",
"8bc58319aad57fb82025a35403ef3bb8848cfc34",
"reftest"
],
"css/css-paint-api/geometry-background-image-tiled-002-ref.html": [
@ -497380,7 +497537,7 @@
"support"
],
"css/css-paint-api/geometry-background-image-tiled-002.https.html": [
"051788b53366cffcc10debdf2d678d50bffd1f54",
"c3dcbe7e2c7ddb8944cdb5d4c535bbb5f52fe27e",
"reftest"
],
"css/css-paint-api/geometry-background-image-tiled-003-ref.html": [
@ -497388,7 +497545,7 @@
"support"
],
"css/css-paint-api/geometry-background-image-tiled-003.https.html": [
"29141ae2c9c87237ed3406dd43c6b3a7a1a5aa36",
"946dd278cd4c8f847032dc03155422480713bb50",
"reftest"
],
"css/css-paint-api/geometry-border-image-001-ref.html": [
@ -497396,7 +497553,7 @@
"support"
],
"css/css-paint-api/geometry-border-image-001.https.html": [
"d8f948af1254c810496739e4c7cc570ba96cf64f",
"b7532a7b90f081f981dc2e20371fd9a8c367054b",
"reftest"
],
"css/css-paint-api/geometry-border-image-002-ref.html": [
@ -497404,7 +497561,7 @@
"support"
],
"css/css-paint-api/geometry-border-image-002.https.html": [
"57b518eb310db31c40f0db37637b0f8199ee9734",
"416b0c72bcc019565452a6b26547ae40a70f497f",
"reftest"
],
"css/css-paint-api/geometry-border-image-003-ref.html": [
@ -497412,7 +497569,7 @@
"support"
],
"css/css-paint-api/geometry-border-image-003.https.html": [
"9d01df8817d9e5beb27d3439789cbe914c418b2c",
"e8c1b3b43198df01d1205a7f6a8399d9ae76471b",
"reftest"
],
"css/css-paint-api/geometry-border-image-004-ref.html": [
@ -497420,7 +497577,7 @@
"support"
],
"css/css-paint-api/geometry-border-image-004.https.html": [
"368a9d855ffc46457e6c54cddfbc934e92096ee0",
"f61171df06dc738ec169c985245674c3cd10c215",
"reftest"
],
"css/css-paint-api/geometry-with-float-size-ref.html": [
@ -497428,7 +497585,7 @@
"support"
],
"css/css-paint-api/geometry-with-float-size.https.html": [
"911b7945792a8d3157cf183e4eb02e6e10ffa80a",
"f8aee6ab06544b722f8f001c1397748268db5e91",
"reftest"
],
"css/css-paint-api/hidpi/device-pixel-ratio-ref.html": [
@ -497436,7 +497593,7 @@
"support"
],
"css/css-paint-api/hidpi/device-pixel-ratio.https.html": [
"470ec454e18e5398718f3117171b172208f84fee",
"6e59c99888bc19315b0d83463f8c387902548742",
"reftest"
],
"css/css-paint-api/invalid-image-constructor-error-ref.html": [
@ -497444,7 +497601,7 @@
"support"
],
"css/css-paint-api/invalid-image-constructor-error.https.html": [
"3fb935202b776ac0669804e7484a6a56667db64a",
"6a713ff6efbe731edbd47b94a9d95cafebcdcfd8",
"reftest"
],
"css/css-paint-api/invalid-image-paint-error-ref.html": [
@ -497452,7 +497609,7 @@
"support"
],
"css/css-paint-api/invalid-image-paint-error.https.html": [
"14d684741bcea0c95b1f50881f489e29abff080c",
"9f5dcb1bdd25a5edcd541683238965292426bf83",
"reftest"
],
"css/css-paint-api/invalid-image-pending-script-ref.html": [
@ -497460,7 +497617,7 @@
"support"
],
"css/css-paint-api/invalid-image-pending-script.https.html": [
"780d368f790ae61cd3d9a575213dd8c9cce9a3a6",
"3e24c1a63d52d6ccb7aab1406667c35ffd162709",
"reftest"
],
"css/css-paint-api/overdraw-ref.html": [
@ -497468,7 +497625,7 @@
"support"
],
"css/css-paint-api/overdraw.https.html": [
"1f8f97b0a2141f5f8530a535b24b2b04dadae31c",
"4822897ab8620c5f3600083374f9e36831c96b2c",
"reftest"
],
"css/css-paint-api/paint-arguments-ref.html": [
@ -497476,7 +497633,7 @@
"support"
],
"css/css-paint-api/paint-arguments.https.html": [
"7acf977d7e09bb85ada1b0df7fd9e4ea3a11ddfe",
"364a86396ba71e411ae23a0ff3c0f6b8100b039e",
"reftest"
],
"css/css-paint-api/paint-function-arguments-ref.html": [
@ -497484,7 +497641,7 @@
"support"
],
"css/css-paint-api/paint-function-arguments.https.html": [
"cc19f4bc39c7a2cc1d9ed35a6a5a50d3935830af",
"a3a7bac75240254b43af5c6803521d8e9f342bab",
"reftest"
],
"css/css-paint-api/paint2d-composite-ref.html": [
@ -497492,7 +497649,7 @@
"support"
],
"css/css-paint-api/paint2d-composite.https.html": [
"bfe095afc5c9a4325b06cfc22414a09395084113",
"674d96db571b91ced743d18bf4bb9529bc984a42",
"reftest"
],
"css/css-paint-api/paint2d-filter-ref.html": [
@ -497500,7 +497657,7 @@
"support"
],
"css/css-paint-api/paint2d-filter.https.html": [
"75d3792f2947cac41657257a8d74d72521c82c7f",
"66b99ac471afe4b1d0e2b61d33d17529c4a315da",
"reftest"
],
"css/css-paint-api/paint2d-gradient-ref.html": [
@ -497508,7 +497665,7 @@
"support"
],
"css/css-paint-api/paint2d-gradient.https.html": [
"57a163232fe53272e9e2d37293908cf7b18267bb",
"49d6ba27001cf3c88104cbfa10f30e4757fec091",
"reftest"
],
"css/css-paint-api/paint2d-image-ref.html": [
@ -497516,7 +497673,7 @@
"support"
],
"css/css-paint-api/paint2d-image.https.html": [
"df6ce0e992726401b8b3eec1ee72029c2f113316",
"b40bf2610998b02857c021542116027fde52c9c8",
"reftest"
],
"css/css-paint-api/paint2d-paths-ref.html": [
@ -497524,7 +497681,7 @@
"support"
],
"css/css-paint-api/paint2d-paths.https.html": [
"06e13a31033ace03f012556b59ad3c0ac5cf39c1",
"b3f185c78bdc52f6c5bb596248a7b8b81f337337",
"reftest"
],
"css/css-paint-api/paint2d-rects-ref.html": [
@ -497532,7 +497689,7 @@
"support"
],
"css/css-paint-api/paint2d-rects.https.html": [
"fbb8bf17e5dfd21d87b7d34bdb038e59e16ede46",
"1d696296ce1a91fecac2404f3b671ddcb9332cde",
"reftest"
],
"css/css-paint-api/paint2d-shadows-ref.html": [
@ -497540,7 +497697,7 @@
"support"
],
"css/css-paint-api/paint2d-shadows.https.html": [
"6c7dab36d84540407eeb9571f8a9607e8d27ce6b",
"d87f6308521b836ef6ca1d5a480e52d04ad7d5c6",
"reftest"
],
"css/css-paint-api/paint2d-transform-ref.html": [
@ -497548,75 +497705,75 @@
"support"
],
"css/css-paint-api/paint2d-transform.https.html": [
"f840916bab6d10cff1b08d1cfaecee97699d80cb",
"6b8b00ce4b726e07843b5c1ed552db3e85d02240",
"reftest"
],
"css/css-paint-api/parse-input-arguments-001.https.html": [
"0ba1a9978d295825784a2909447e565701e6fc09",
"4736591bcaf3b2d9d496f325f5709cbd24ee0d84",
"reftest"
],
"css/css-paint-api/parse-input-arguments-002.https.html": [
"d35b4e39d8b0f54935571ee62fe7255e93c917dd",
"a3cc3277704e5c7036a1f04127ea39a873f726a3",
"reftest"
],
"css/css-paint-api/parse-input-arguments-003.https.html": [
"f6c8cb6feba2b14349bc3fa3170b278e698df526",
"5ea19b47a28e67d75e598023c92ce0ff06c0be79",
"reftest"
],
"css/css-paint-api/parse-input-arguments-004.https.html": [
"1dd64759c041d9633ce04add066f4e1573fd05e5",
"fe30afff3fcfe646b6cd200768f3e404f80af622",
"reftest"
],
"css/css-paint-api/parse-input-arguments-005.https.html": [
"25d32d33e5de6d289d0e8c776876cb66f03e7c2e",
"8c1f96a546b788aff4153028c33af08fe13de426",
"reftest"
],
"css/css-paint-api/parse-input-arguments-006.https.html": [
"effa515567b0212403d83588c335d8fc72c056f6",
"a5fbccaf088103440586d18812c147af7605e401",
"reftest"
],
"css/css-paint-api/parse-input-arguments-007.https.html": [
"f2f837e7c82462f17d9ebb1a8ab5346e5b8c945c",
"f28e6353da3e967a4b563e5bb4d978ad599e9344",
"reftest"
],
"css/css-paint-api/parse-input-arguments-008.https.html": [
"60034209a8984ac0be807494fc4373329d3792eb",
"eac2412dec6c73c198bb6f0035947967d46e987b",
"reftest"
],
"css/css-paint-api/parse-input-arguments-009.https.html": [
"d57e2370218d385a02e2021219869b5dec0e45c4",
"80e219e76653fbf3470466363dc4790c2219dbe7",
"reftest"
],
"css/css-paint-api/parse-input-arguments-010.https.html": [
"9d4ef380f3596a73ea7816d13b3913b541ec05b9",
"284675f2aec06ae04a1ad006ee88e0a2321a7ede",
"reftest"
],
"css/css-paint-api/parse-input-arguments-011.https.html": [
"b464f59c89fd6b515cdb2e027240b953bcf229d8",
"d470cd59be239ad2bcb5165e69c75d8b93a60975",
"reftest"
],
"css/css-paint-api/parse-input-arguments-012.https.html": [
"0cc064f143a0b1bed6b6e3b79f9a95754eb60ea3",
"5f5af76e9f22f19ad04f4580f6b04591b6b4c6cb",
"reftest"
],
"css/css-paint-api/parse-input-arguments-013.https.html": [
"e4a99687b156723308ed27a9e863754cb6dcdbd2",
"14e3abcf590a312e8a5f2fea4e9a1bcec23db4ae",
"reftest"
],
"css/css-paint-api/parse-input-arguments-014.https.html": [
"c10d44a53a00e6a9745d6ea1c359298723a0aee1",
"6f858212364f918385ed4e952dbe22dbd28261ab",
"reftest"
],
"css/css-paint-api/parse-input-arguments-015.https.html": [
"a78c728b67af31e47c8d46e60e33ba437769a020",
"2fa0c26c03a46b583f9db8362c12de363f551bda",
"reftest"
],
"css/css-paint-api/parse-input-arguments-016.https.html": [
"1c14dbe6c6bc0f218724731112c4c45888ede8b5",
"f1629ddc373d8bd76b8e7f925729c6920500a035",
"reftest"
],
"css/css-paint-api/parse-input-arguments-017.https.html": [
"cba3754c5044665b2648fec05e25d7b6028c185f",
"ecb703a89b1fcba7f0933e848d279cf431c90a2b",
"reftest"
],
"css/css-paint-api/parse-input-arguments-018-ref.html": [
@ -497624,23 +497781,23 @@
"support"
],
"css/css-paint-api/parse-input-arguments-018.https.html": [
"2ae9cf7d13fa40e568d2324d060885a68ea3dbbd",
"0e918c827285cb1d841d4e9cf162a8df4bb7873e",
"reftest"
],
"css/css-paint-api/parse-input-arguments-019.https.html": [
"db11565957c3da1ca7a51b9ab36cd4a823386a55",
"4255d8a07c8af95aa6dc924afe5ff262182d46be",
"reftest"
],
"css/css-paint-api/parse-input-arguments-020.https.html": [
"acbff610abd29a01574add30679b43d7a735c9bd",
"673c41e96a7cbbe0c9c4ec98281d1d36a821ad3d",
"reftest"
],
"css/css-paint-api/parse-input-arguments-021.https.html": [
"6f567a29ed4ec26ad8c97277469783a614a5811b",
"f4e0fe1b41cfd198a828a48a1202f6bb0c90602b",
"reftest"
],
"css/css-paint-api/parse-input-arguments-022.https.html": [
"9f0efcee3e1412faa19fe50f475623fd5cf2852b",
"43b210e27fec1e601eedf1cf8964d185b7f34751",
"reftest"
],
"css/css-paint-api/parse-input-arguments-ref.html": [
@ -497648,7 +497805,7 @@
"support"
],
"css/css-paint-api/registered-properties-in-custom-paint.https.html": [
"4eee3e45f32779df4464132fa43717a3afc135b2",
"de1e6dabe19bdd355060a62c7d697c64f49929fe",
"reftest"
],
"css/css-paint-api/resources/html5.png": [
@ -497660,7 +497817,7 @@
"support"
],
"css/css-paint-api/style-background-image.https.html": [
"4288eba641144a33ba79390102d141693a2c14d6",
"c3359a8ee23b9c3d9007066235aef894ddbaf47f",
"reftest"
],
"css/css-paint-api/style-before-pseudo-ref.html": [
@ -497668,7 +497825,7 @@
"support"
],
"css/css-paint-api/style-before-pseudo.https.html": [
"e491dcde66880750f3b277d520f5288e0508d13a",
"cd16dfc6e532851b23abdf47cb4cc89f20a6c655",
"reftest"
],
"css/css-paint-api/style-first-letter-pseudo-ref.html": [
@ -497676,7 +497833,7 @@
"support"
],
"css/css-paint-api/style-first-letter-pseudo.https.html": [
"75bee076f1fd0629eb7b0064ccf2c6ed882a4fbd",
"996d9f2e93bc8ba0a54415d0ffcab4cdb7c1ffa7",
"reftest"
],
"css/css-paint-api/valid-image-after-load-ref.html": [
@ -497684,7 +497841,7 @@
"support"
],
"css/css-paint-api/valid-image-after-load.https.html": [
"c00a13e38ba694a79e4934c854684aaaf0b19068",
"ed072976b2054f941dc4653d3318f19b94d52a0c",
"reftest"
],
"css/css-paint-api/valid-image-before-load-ref.html": [
@ -497692,7 +497849,7 @@
"support"
],
"css/css-paint-api/valid-image-before-load.https.html": [
"89d6d44680d1df3fdc7ece62ff7ed2edffbaa01d",
"9ddb41d4292ad70c50530c76d6ac505347bec30e",
"reftest"
],
"css/css-position/position-relative-table-left-ref.html": [
@ -498063,6 +498220,10 @@
"5a7a51802925bda01fbb62c8635a0e3205683e51",
"reftest"
],
"css/css-pseudo/first-letter-property-whitelist.html": [
"38d0844f6ef10d214b7d23af45d02c8093d9c00e",
"testharness"
],
"css/css-pseudo/marker-and-other-pseudo-elements-ref.html": [
"73ab862dcf3131ae7d7166ef06e52db0cd0eb7c7",
"support"
@ -514832,7 +514993,7 @@
"testharness"
],
"css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html": [
"4bc704fca50d3a114fe0fde76b6030516662d43a",
"f7c3ad3efe7406845cc58dbf20a022bbaecc011d",
"visual"
],
"css/css-typed-om/stylevalue-normalization/positionvalue-normalization.tentative.html": [
@ -514884,7 +515045,7 @@
"testharness"
],
"css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html": [
"7ba0e1c9db3799bad925036de1da7c51fd102610",
"d2881899fa46277dc15828dca1354d7adfe422c0",
"testharness"
],
"css/css-typed-om/stylevalue-serialization/cssUrlImageValue.tentative.html": [
@ -514940,7 +515101,7 @@
"testharness"
],
"css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html": [
"cf1e8d553a9ebc111a1a81de48a821f7f7ad0bf1",
"16725f5047477a1a8837e464935af3da0a01deb2",
"testharness"
],
"css/css-typed-om/stylevalue-subclasses/cssUrlImageValue-interface.html": [
@ -514960,7 +515121,7 @@
"testharness"
],
"css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html": [
"69014384152e249f0f0ac15aec00ad41b82dbbf4",
"ee4e9932846d84d1692b2456a3ec0df5348f0ab3",
"testharness"
],
"css/css-typed-om/stylevalue-subclasses/numeric-objects/add-two-types.tentative.html": [
@ -515020,7 +515181,7 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html": [
"f217ed58d7f56ea588aa942fddfec0322d557283",
"460bdf5cc3e35360eb8d910274cef440837f0eaf",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/get-invalid.html": [
@ -515028,11 +515189,11 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/get.html": [
"39d85ac0274ffcbc060654df3e53ae0984dce9d3",
"3280beb7f3d0f3a1d1c50a2b36ac34158b809147",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html": [
"4393dba1aea1936ac0ff0f08ef6b5810eaaa8b6b",
"2c9c39367ccf02f014b8bf62057f810a70ff58bf",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/getProperties.tentative.html": [
@ -515044,7 +515205,7 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html": [
"71dc6c117d3b0e17ddcee46c9db11953197edb75",
"d157e58980ae6b303374af2d69b3971af610de0f",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/append.tentative.html": [
@ -515052,7 +515213,7 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html": [
"a879640d94c42f82bf81f80942f1ed7d181ee642",
"7a6bbc1b04f6d1ee82332ddbf58a27604645a86b",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/delete-invalid.html": [
@ -515068,11 +515229,11 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/get.html": [
"45032bb362cf1c6faed623e0538779db6a6dea3a",
"9ef39a7e4c8c51a528a0d39604afc1476248fb0d",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html": [
"ba694cbe689837f183601aab4872c4525613ebd4",
"df90a13e37ebcdbcf046e66f7e90ad2fc7edd9df",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/getProperties.tentative.html": [
@ -515084,15 +515245,15 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html": [
"3652cf0e25de23c04beadbaf2e4ddfffb244333d",
"299e7d1dd78df981bd0e53aacfbdd23bf56d4311",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/set.tentative.html": [
"2e8b919993a68f96008f17a0e95c08d05434e6a6",
"23c875b8bb41344e9c4ffc0753f8f8fb36171d8b",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/declared/update.tentative.html": [
"02eff9d89e280182fd065b63d71167041c6a8394",
"797aeb1b92addefc6bb5e76c6939a9a2d3a4de97",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/append.tentative.html": [
@ -515112,11 +515273,11 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/get.html": [
"ffed62a6ddbeb7bfe7cb71e76f4d4c5d7e9039e7",
"8958e75fed15d057cb70c34583c1be13e32bde7b",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html": [
"a149643634642b6277c4ada8da9b712f40ccf9b5",
"2a8c50a83cbfd1c3da5614daac7070df0f5c83ff",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/getProperties.tentative.html": [
@ -515128,15 +515289,15 @@
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html": [
"e8317c96cea894eaa47d361ba5adbb15d237726e",
"5fc93754e7119ee023897095a8d2499b8ae58267",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/set.tentative.html": [
"00d06230cd8f21d522ab895c853201f9910d0d90",
"68095148a2ede91974f5df04d29a64bcad3ab2f6",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/inline/update.tentative.html": [
"30ee6179d77f18692867217c18852db94b1d10bb",
"197b30d860a97f20a8c25a5357f5b2e096c7b2fd",
"testharness"
],
"css/css-typed-om/the-stylepropertymap/properties/display.html": [
@ -519291,6 +519452,38 @@
"d0143fe32c956ab0be6e9573cae23f5c718161a1",
"reftest"
],
"css/css-writing-modes/available-size-011.html": [
"d813b114682deacc67a3193e6b2729023d43c9be",
"reftest"
],
"css/css-writing-modes/available-size-012.html": [
"0060352f87e3266f27e63c3d345c073fdfc86b55",
"reftest"
],
"css/css-writing-modes/available-size-013.html": [
"223fcd267f512c2ffb0be67fef68f14999994a26",
"reftest"
],
"css/css-writing-modes/available-size-014.html": [
"8146d041bf020ab6d341e4301d2683df26da22e8",
"reftest"
],
"css/css-writing-modes/available-size-015.html": [
"22249614e7b8eea6b7bf1a0459fe9672501b6f7b",
"reftest"
],
"css/css-writing-modes/available-size-016.html": [
"b55fefb1f5ab8744634ff87bded194e072a38e0f",
"reftest"
],
"css/css-writing-modes/available-size-017.html": [
"05e3ccc43d47a2f26d731dcd37bd8eab29909e54",
"reftest"
],
"css/css-writing-modes/available-size-018.html": [
"ce16806681745f6904483d09d1954152605bf39b",
"reftest"
],
"css/css-writing-modes/background-position-vlr-003.xht": [
"c56c42d17b140be6868cc6f413f545dd6a5180e8",
"manual"
@ -521543,6 +521736,10 @@
"db010e663d44ba9cdd1dbf4036003cb88b460fe9",
"support"
],
"css/css-writing-modes/reference/available-size-011-ref.html": [
"25ca398093bcbc623a0b710df4eba2a026c558cf",
"support"
],
"css/css-writing-modes/reference/bidi-embed-001.html": [
"6000e9bf08042d5e79b805132a64038875973008",
"support"
@ -528415,6 +528612,14 @@
"d23ac4f08cb0c70d06bfac4c4be121a8de8af48f",
"reftest"
],
"css/selectors/matches-nested.html": [
"fbfe269916b375d5dea97ba7c76ed75ccaf2dc4c",
"testharness"
],
"css/selectors/matches-specificity.html": [
"89f8fd14f1faa838d60e4b047c501f6c08de0b42",
"testharness"
],
"css/selectors/missing-right-token.html": [
"d961e801f7df57161cd8c7b5a4b26ae24013c3e9",
"testharness"
@ -552395,6 +552600,10 @@
"372717e3b59b7bd22ac9ada31f04a7fdd2eeb60e",
"testharness"
],
"html/editing/editing-0/contenteditable/contentEditable-slotted-inherit.html": [
"146bb5c2136d6e266f75e94266e9642f0b6485ff",
"testharness"
],
"html/editing/editing-0/contenteditable/user-interaction-editing-contenteditable.html": [
"14b2b941663b0e447fa232d98f6a248d6395ccf4",
"testharness"
@ -557979,6 +558188,10 @@
"7f3969423e86313ec20846c84f8deecc95048b82",
"testharness"
],
"html/semantics/forms/textfieldselection/setSelectionRange.html": [
"a047ea5e4c00894fcc30e972f84bcedc4a8226cf",
"testharness"
],
"html/semantics/forms/textfieldselection/textfieldselection-setRangeText.html": [
"92e1dbed4c1cd07879b7748b764bf01d8685240e",
"testharness"
@ -559183,6 +559396,10 @@
"c5147ae243c2a2855397c94f23c73c0bf8a729ce",
"testharness"
],
"html/semantics/scripting-1/the-script-element/cacheable-script-throw.py": [
"2eb7a0a6000ca0f028093f4f84f3e84c54c158b4",
"support"
],
"html/semantics/scripting-1/the-script-element/contains.json": [
"f9a602045e19618260a2ea96f188d77536bd772e",
"support"
@ -560707,6 +560924,14 @@
"34c282c0357c639400877b65bf21f30db3b99ea5",
"support"
],
"html/semantics/scripting-1/the-script-element/muted-errors-iframe.html": [
"f99f7d4941f22f18101cfd39cc83b36c6721aaec",
"support"
],
"html/semantics/scripting-1/the-script-element/muted-errors.sub.html": [
"b973843fcd299b45b03c14d71b1b5b3ee2340045",
"testharness"
],
"html/semantics/scripting-1/the-script-element/nomodule-reflect.html": [
"ac2b3c16e9e9263cd4c14de205b63709c14ec2e3",
"testharness"
@ -567724,11 +567949,11 @@
"testharness"
],
"offscreen-canvas/drawing-images-to-the-canvas/2d.drawImage.zerocanvas.html": [
"6af600ae8e09335caac85715358736fe9939bc93",
"64541bbd1d8ceff92a5c2a69821572c8d1483dfd",
"testharness"
],
"offscreen-canvas/drawing-images-to-the-canvas/2d.drawImage.zerocanvas.worker.js": [
"0714f09495ad37384995324a0644047cb51e1533",
"e097f9d9b64416668b3cac956af4f910b607524c",
"testharness"
],
"offscreen-canvas/drawing-images-to-the-canvas/2d.drawImage.zerosource.html": [
@ -572448,7 +572673,7 @@
"support"
],
"offscreen-canvas/tools/tests2d.yaml": [
"d2e4f9e53a36426b9d62f9e0969d31a46b88b6b3",
"0e1cf2837f41da2e37a0a4786fba207a104e2e0b",
"support"
],
"offscreen-canvas/transformations/2d.transformation.order.html": [
@ -583664,7 +583889,7 @@
"testharness"
],
"service-workers/service-worker/http-to-https-redirect-and-register.https.html": [
"95aee5b0d561467fb5da27f62210be9808539706",
"d9e1cc801c3ee075ceb5a5e68ce662cfb2432965",
"testharness"
],
"service-workers/service-worker/immutable-prototype-serviceworker.https.html": [
@ -585020,7 +585245,7 @@
"testharness"
],
"service-workers/service-worker/update-bytecheck.https.html": [
"ab13a5489f964de56db2fe25c5895a8a55ab7d88",
"a39aa4877c3e47c8379b84f8520b6a726936867e",
"testharness"
],
"service-workers/service-worker/update-recovery.https.html": [

2
tests/wpt/metadata/css/css-backgrounds/box-shadow-syntax-001.xht.ini
View file

@ -1,3 +1,3 @@
[box-shadow-syntax-001.xht]
type: reftest
expected: FAIL
expected: TIMEOUT

2
tests/wpt/metadata/css/css-values/vh_not_refreshing_on_chrome.html.ini
View file

@ -1,2 +0,0 @@
[vh_not_refreshing_on_chrome.html]
expected: FAIL

7
tests/wpt/metadata/css/selectors/matches-nested.html.ini Normal file
View file

@ -0,0 +1,7 @@
[matches-nested.html]
[Test nested :matches() chooses highest specificity for class outside :matches().]
expected: FAIL
[Test nested :matches() specificity for class within arguments.]
expected: FAIL

4
tests/wpt/metadata/css/selectors/matches-specificity.html.ini Normal file
View file

@ -0,0 +1,4 @@
[matches-specificity.html]
[Test :matches() uses highest possible specificity]
expected: FAIL

4
tests/wpt/metadata/html/semantics/forms/textfieldselection/setSelectionRange.html.ini Normal file
View file

@ -0,0 +1,4 @@
[setSelectionRange.html]
[setSelectionRange on line boundaries]
expected: FAIL

7
tests/wpt/metadata/html/semantics/scripting-1/the-script-element/muted-errors.sub.html.ini Normal file
View file

@ -0,0 +1,7 @@
[muted-errors.sub.html]
[Errors for cross-origin script should be muted]
expected: FAIL
[Errors for cross-origin script should be muted even if the script is once loaded as same-origin]
expected: FAIL

2
tests/wpt/metadata/websockets/Create-blocked-port.htm.ini Normal file
View file

@ -0,0 +1,2 @@
[Create-blocked-port.htm]
expected: CRASH

3
tests/wpt/metadata/websockets/extended-payload-length.html.ini
View file

@ -1,5 +1,8 @@
[extended-payload-length.html]
type: testharness
[Application data is (0xFFFF + 1) byte which starts to use the 64 bit 'Extended payload length' field]
expected: TIMEOUT
[extended-payload-length.html?wss]
type: testharness

21
tests/wpt/web-platform-tests/2dcontext/drawing-images-to-the-canvas/2d.drawImage.zerocanvas.html
View file

@ -8,34 +8,29 @@
<body class="show_output">
<h1>2d.drawImage.zerocanvas</h1>
<p class="desc"></p>
<p class="desc">drawImage with zero-sized canvas as the source shoud throw exception</p>
<p class="output">Actual output:</p>
<canvas id="c" class="output" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
<p class="output expectedtext">Expected output:<p><img src="/images/green-100x50.png" class="output expected" id="expected" alt="">
<ul id="d"></ul>
<script>
var t = async_test("");
var t = async_test("drawImage with zero-sized canvas as the source shoud throw exception");
_addTest(function(canvas, ctx) {
ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
var canvas2 = document.createElement('canvas');
canvas2.width = 0;
canvas2.height = 10;
ctx.drawImage(canvas2, 0, 0);
canvas2.height = 50;
assert_throws("INVALID_STATE_ERR", function() { ctx.drawImage(canvas2, 0, 0); });
canvas2.width = 10;
canvas2.width = 50;
canvas2.height = 0;
ctx.drawImage(canvas2, 0, 0);
assert_throws("INVALID_STATE_ERR", function() { ctx.drawImage(canvas2, 0, 0); });
canvas2.width = 0;
canvas2.height = 0;
ctx.drawImage(canvas2, 0, 0);
_assertPixelApprox(canvas, 50,25, 0,255,0,255, "50,25", "0,255,0,255", 2);
assert_throws("INVALID_STATE_ERR", function() { ctx.drawImage(canvas2, 0, 0); });
});

2
tests/wpt/web-platform-tests/2dcontext/tools/spec.yaml
View file

@ -586,7 +586,7 @@ assertions:
text: "If the image argument is <...> an HTMLVideoElement object whose readyState attribute is either HAVE_NOTHING or HAVE_METADATA<^>, then the implementation *must* return without drawing anything."
- id: 2d.drawImage.zerocanvas
previously: [ 10, "dw and dh" ]
text: "If the image argument is an HTMLCanvasElement object with either a horizontal dimension or a vertical dimension equal to zero, then the implementation *must* return without drawing anything<^>."
text: "If the image argument is an HTMLCanvasElement or an OffscreenCanvas object with either a horizontal dimension or a vertical dimension equal to zero, then the implementation *must* throw an INVALID_STATE_ERR exception<^>."
- id: 2d.drawImage.zerosource
text: "If one of the sw or sh arguments is zero<^>, the implementation *must* return without drawing anything."
- id: 2d.drawImage.paint

17
tests/wpt/web-platform-tests/2dcontext/tools/tests2d.yaml
View file

@ -9002,27 +9002,22 @@
expected: green
- name: 2d.drawImage.zerocanvas
desc: drawImage with zero-sized canvas as the source shoud throw exception
testing:
- 2d.drawImage.zerocanvas
code: |
ctx.fillStyle = '#0f0';
ctx.fillRect(0, 0, 100, 50);
var canvas2 = document.createElement('canvas');
canvas2.width = 0;
canvas2.height = 10;
ctx.drawImage(canvas2, 0, 0);
canvas2.height = 50;
@assert throws INVALID_STATE_ERR ctx.drawImage(canvas2, 0, 0);
canvas2.width = 10;
canvas2.width = 50;
canvas2.height = 0;
ctx.drawImage(canvas2, 0, 0);
@assert throws INVALID_STATE_ERR ctx.drawImage(canvas2, 0, 0);
canvas2.width = 0;
canvas2.height = 0;
ctx.drawImage(canvas2, 0, 0);
@assert pixel 50,25 ==~ 0,255,0,255;
expected: green
@assert throws INVALID_STATE_ERR ctx.drawImage(canvas2, 0, 0);
- name: 2d.drawImage.svg
desc: drawImage() of an SVG image

6
tests/wpt/web-platform-tests/common/css-paint-tests.js → tests/wpt/web-platform-tests/common/worklet-reftest.js
View file

@ -1,12 +1,12 @@
// To make sure that we take the snapshot at the right time, we do double
// requestAnimationFrame. In the second frame, we take a screenshot, that makes
// sure that we already have a full frame.
function importPaintWorkletAndTerminateTestAfterAsyncPaint(code) {
if (typeof CSS.paintWorklet == "undefined") {
function importWorkletAndTerminateTestAfterAsyncPaint(worklet, code) {
if (typeof worklet == "undefined") {
takeScreenshot();
} else {
var blob = new Blob([code], {type: 'text/javascript'});
CSS.paintWorklet.addModule(URL.createObjectURL(blob)).then(function() {
worklet.addModule(URL.createObjectURL(blob)).then(function() {
requestAnimationFrame(function() {
requestAnimationFrame(function() {
takeScreenshot();

65
tests/wpt/web-platform-tests/compat/webkit-appearance.tentative.html Normal file
View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<title>-webkit-appearance support</title>
<!-- There is no spec for -webkit-appearance. It is supported in Opera, Safari,
Chrome, and Edge. Firefox has expressed intent to support it. -->
<link rel="help" href="https://github.com/whatwg/compat/issues/6">
<meta name="assert" content="This test checks for support of the -webkit-appearance CSS attribute." />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="tester"></div>
<script>
const WEBKIT_APPEARANCE_VALUES = [
'none',
'checkbox',
'radio',
'push-button',
'square-button',
'button',
'button-bevel',
'inner-spin-button',
'listbox',
'listitem',
'media-enter-fullscreen-button',
'media-exit-fullscreen-button',
'media-mute-button',
'media-play-button',
'media-overlay-play-button',
'media-toggle-closed-captions-button',
'media-slider',
'media-sliderthumb',
'media-volume-slider-container',
'media-volume-slider',
'media-volume-sliderthumb',
'media-controls-background',
'media-controls-fullscreen-background',
'media-current-time-display',
'media-time-remaining-display',
'menulist',
'menulist-button',
'menulist-text',
'menulist-textfield',
'meter',
'progress-bar',
'progress-bar-value',
'slider-horizontal',
'slider-vertical',
'sliderthumb-horizontal',
'sliderthumb-vertical',
'caret',
'searchfield',
'searchfield-cancel-button',
'textfield',
'textarea',
];
for (const appearance_value of WEBKIT_APPEARANCE_VALUES) {
test(() => {
const div = document.getElementById('tester');
div.style = `-webkit-appearance: ${appearance_value}`;
assert_equals(getComputedStyle(div).webkitAppearance, appearance_value);
});
}
</script>

4
tests/wpt/web-platform-tests/css/css-paint-api/background-image-alpha.https.html
View file

@ -21,7 +21,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="background">
<div id="canvas-opaque" class="container"></div>
@ -49,7 +49,7 @@ registerPaint('nonOpaque', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/background-image-multiple.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -27,7 +27,7 @@ for (let i = 0; i < 3; i++) {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/background-image-tiled.https.html
View file

@ -21,7 +21,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="one"></div>
<div id="two"></div>
@ -38,7 +38,7 @@ registerPaint('ellipse', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-background-image-001.https.html
View file

@ -13,7 +13,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -28,7 +28,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-background-image-002.https.html
View file

@ -13,7 +13,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -28,7 +28,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-background-image-tiled-001.https.html
View file

@ -14,7 +14,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -30,7 +30,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-background-image-tiled-002.https.html
View file

@ -14,7 +14,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -29,7 +29,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-background-image-tiled-003.https.html
View file

@ -14,7 +14,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -29,7 +29,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-border-image-001.https.html
View file

@ -15,7 +15,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -34,7 +34,7 @@ registerPaint('geometry', class {
<script>
document.getElementById('canvas-geometry').style.borderWidth = '10px';
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-border-image-002.https.html
View file

@ -15,7 +15,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -34,7 +34,7 @@ registerPaint('geometry', class {
<script>
document.getElementById('canvas-geometry').style.borderImageOutset = '20px';
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-border-image-003.https.html
View file

@ -15,7 +15,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -34,7 +34,7 @@ registerPaint('geometry', class {
<script>
document.getElementById('canvas-geometry').style.borderImageOutset = '10px';
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-border-image-004.https.html
View file

@ -15,7 +15,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -35,7 +35,7 @@ registerPaint('geometry', class {
<script>
document.getElementById('canvas-geometry').style.borderWidth = '10px';
document.getElementById('canvas-geometry').style.borderImageOutset = '10px';
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/geometry-with-float-size.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -29,7 +29,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/hidpi/device-pixel-ratio.https.html
View file

@ -13,7 +13,7 @@ html, body { margin: 0; padding: 0; }
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<p>This test ensures that the PaintWorkletGlobalScope.devicePixelRatio returns
the correct value, which should be identical as window.devicePixelRatio. To
@ -33,7 +33,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/invalid-image-constructor-error.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -33,7 +33,7 @@ registerPaint('successIndicator', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>

4
tests/wpt/web-platform-tests/css/css-paint-api/invalid-image-paint-error.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -30,7 +30,7 @@ registerPaint('successIndicator', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/invalid-image-pending-script.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -26,7 +26,7 @@ registerPaint('successIndicator', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/overdraw.https.html
View file

@ -10,7 +10,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -24,7 +24,7 @@ registerPaint('green', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint-arguments.https.html
View file

@ -21,7 +21,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="background">
@ -43,7 +43,7 @@ registerPaint('box', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint-function-arguments.https.html
View file

@ -21,7 +21,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="background">
@ -43,7 +43,7 @@ registerPaint('box', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-composite.https.html
View file

@ -19,7 +19,7 @@
#xor { background-image: paint(xor); }
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="source-over"></div>
<div id="source-in"></div>
@ -67,7 +67,7 @@ for (var i = 0; i < compositeOps.length; i++) {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-filter.https.html
View file

@ -24,7 +24,7 @@
#filter-url { background-image: paint(filter-url); }
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="filter-none"></div>
<div id="filter-blur-10px"></div>
@ -100,7 +100,7 @@ for (var i = 0; i < filterOps.length; i++) {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-gradient.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -34,7 +34,7 @@ registerPaint('gradients', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-image.https.html
View file

@ -10,7 +10,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<div id="output"></div>
<script id="code" type="text/worklet">
@ -25,6 +25,6 @@
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-paths.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -42,7 +42,7 @@ registerPaint('paths', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-rects.https.html
View file

@ -10,7 +10,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -30,7 +30,7 @@ registerPaint('rects', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-shadows.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -33,7 +33,7 @@ registerPaint('shadows', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/paint2d-transform.https.html
View file

@ -9,7 +9,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="output"></div>
@ -32,7 +32,7 @@ registerPaint('transform', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-001.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-002.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-003.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-004.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -43,7 +43,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-005.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -39,7 +39,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-006.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -38,7 +38,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-007.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-008.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-009.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -40,7 +40,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-010.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -40,7 +40,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-011.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -38,7 +38,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-012.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-013.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -38,7 +38,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-014.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -40,7 +40,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-015.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -43,7 +43,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-016.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -42,7 +42,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-017.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -41,7 +41,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-018.https.html
View file

@ -13,7 +13,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<p>This test result should show a rect with black border, where the rect is
filled with green on the lower right corner. The registerPaint('failureIndicator')
@ -63,7 +63,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-019.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -41,7 +41,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-020.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -40,7 +40,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-021.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -43,7 +43,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/parse-input-arguments-022.https.html
View file

@ -12,7 +12,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -41,7 +41,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/registered-properties-in-custom-paint.https.html
View file

@ -14,7 +14,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -56,7 +56,7 @@ registerPaint('geometry', class {
CSS.registerProperty({name: '--length', syntax: '<length>', initialValue: '0px'});
CSS.registerProperty({name: '--length-initial', syntax: '<length>', initialValue: '20px'});
CSS.registerProperty({name: '--number', syntax: '<number>', initialValue: '0'});
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/style-background-image.https.html
View file

@ -14,7 +14,7 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body>
<div id="canvas-geometry" class="container"></div>
@ -56,7 +56,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/style-before-pseudo.https.html
View file

@ -18,7 +18,7 @@ div::before {
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body style="font: 10px/1 Ahem;">
<div></div>
@ -57,7 +57,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

4
tests/wpt/web-platform-tests/css/css-paint-api/style-first-letter-pseudo.https.html
View file

@ -15,7 +15,7 @@ div::first-letter {
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<script src="/common/worklet-reftest.js"></script>
<body style="font: 10px/1 Ahem;">
<div>ppp</div>
@ -51,7 +51,7 @@ registerPaint('geometry', class {
</script>
<script>
importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
importWorkletAndTerminateTestAfterAsyncPaint(CSS.paintWorklet, document.getElementById('code').textContent);
</script>
</body>
</html>

1
tests/wpt/web-platform-tests/css/css-paint-api/valid-image-after-load.https.html
View file

@ -9,7 +9,6 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<body>
<div id="output"></div>

1
tests/wpt/web-platform-tests/css/css-paint-api/valid-image-before-load.https.html
View file

@ -9,7 +9,6 @@
}
</style>
<script src="/common/reftest-wait.js"></script>
<script src="/common/css-paint-tests.js"></script>
<body>
<div id="output"></div>

82
tests/wpt/web-platform-tests/css/css-pseudo/first-letter-property-whitelist.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<title>CSS Test: Properties allowed on ::first-letter pseudo elements</title>
<link rel="author" title="Chris Nardi" href="mailto:cnardi@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-styling">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#target::first-letter {}
#target { visibility: hidden; }
</style>
<div id="target">text</div>
<script>
'use strict';
var style;
const target = document.querySelector("#target");
var defaultComputedStyle = getComputedStyle(target);
test(function() {
var styleRule = document.styleSheets[0].cssRules[0];
assert_equals(styleRule.selectorText, '#target::first-letter', 'make sure we have the correct style rule');
style = styleRule.style;
}, 'pre test setup');
var validProperties = {
backgroundAttachment: 'fixed',
backgroundBlendMode: 'hue',
backgroundClip: 'padding-box',
backgroundColor: 'rgb(10, 20, 30)',
backgroundImage: 'linear-gradient(black, white)',
backgroundOrigin: 'border-box',
backgroundPosition: 'left 10px top 20px',
backgroundRepeat: 'no-repeat',
backgroundSize: '10px 20px',
border: '40px dotted rgb(10, 20, 30)',
borderImage: 'linear-gradient(black, white) 10% / 20 / 30px repeat',
borderRadius: '10px 20px',
boxShadow: 'rgb(10, 20, 30) 10px 20px 30px 40px inset',
color: 'rgba(10, 20, 30, 0.4)',
float: 'right',
font: 'italic small-caps 900 normal 10px / 20px sans-serif',
fontFeatureSettings: '"vert" 2',
fontSizeAdjust: '0.5',
fontKerning: 'none',
fontVariationSettings: '"XHGT" 0.7',
letterSpacing: '12px',
margin: '10px 20px 30px 40px',
padding: '10px 20px 30px 40px',
opacity: '0.5',
textDecoration: 'overline wavy rgb(10, 20, 30)',
textJustify: 'inter-word',
textShadow: 'rgb(10, 20, 30) 10px 20px 30px',
textTransform: 'capitalize',
textUnderlinePosition: 'under',
verticalAlign: '12%',
wordSpacing: '12px'
};
var invalidProperties = {
transition: 'transform 1s',
transform: 'rotate(45deg)',
wordBreak: 'break-all'
};
function testFirstLetterProperty(property, rule, expected, reason) {
test(function() {
style[property] = "";
style[property] = rule;
assert_equals(getComputedStyle(target, '::first-letter')[property], expected);
style[property] = "";
}, reason);
}
for (var property in validProperties) {
testFirstLetterProperty(property, validProperties[property], validProperties[property],
"Whitelisted property " + property + " should be applied to first-letter pseudo elements.");
}
for (var property in invalidProperties) {
testFirstLetterProperty(property, invalidProperties[property], defaultComputedStyle[property],
"Non-whitelisted property " + property + " should not be applied to first-letter pseudo elements.");
}
</script>

12
tests/wpt/web-platform-tests/css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html
View file

@ -29,22 +29,22 @@ const gTestCases = [
{
value: 'var(--A, 1em)',
expectedResult: [
new CSSVariableReferenceValue('--A', new CSSUnparsedValue(' 1em')),
new CSSVariableReferenceValue('--A', new CSSUnparsedValue([' 1em'])),
]
},
{
value: 'var(--A, var(--B))',
expectedResult: [
new CSSVariableReferenceValue('--A', new CSSUnparsedValue(' ', new CSSVariableReferenceValue('--B'))),
new CSSVariableReferenceValue('--A', new CSSUnparsedValue([' ', new CSSVariableReferenceValue('--B')])),
]
},
{
value: 'calc(42px + var(--foo, 15em) + var(--bar, var(--far) + 15px))',
expectedResult: [
'calc(42px + ',
new CSSVariableReferenceValue('--foo', new CSSUnparsedValue(' 15em')),
new CSSVariableReferenceValue('--foo', new CSSUnparsedValue([' 15em'])),
' + ',
new CSSVariableReferenceValue('--bar', new CSSUnparsedValue(' ', new CSSVariableReferenceValue('--far'), ' + 15px')),
new CSSVariableReferenceValue('--bar', new CSSUnparsedValue([' ', new CSSVariableReferenceValue('--far'), ' + 15px'])),
')',
]
},
@ -52,11 +52,11 @@ const gTestCases = [
for (const {value, expectedResult} of gTestCases) {
test(t => {
assert_string_normalizes_to(t, 'color', value, new CSSUnparsedValue(...expectedResult));
assert_string_normalizes_to(t, 'color', value, new CSSUnparsedValue(expectedResult));
}, 'Normalizing "' + value + '" on a CSS property returns correct CSSUnparsedValue');
test(t => {
assert_string_normalizes_to(t, '--X', value, new CSSUnparsedValue(...expectedResult));
assert_string_normalizes_to(t, '--X', value, new CSSUnparsedValue(expectedResult));
}, 'Normalizing "' + value + '" on a custom property returns correct CSSUnparsedValue');
}

16
tests/wpt/web-platform-tests/css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html
View file

@ -11,25 +11,25 @@
'use strict';
test(() => {
assert_equals(new CSSUnparsedValue('lem', 'on', 'ade').toString(), 'lemonade');
assert_equals(new CSSUnparsedValue(['lem', 'on', 'ade']).toString(), 'lemonade');
}, 'CSSUnparsedValue containing strings serializes to its concatenated contents');
test(() => {
assert_equals(new CSSUnparsedValue(
assert_equals(new CSSUnparsedValue([
new CSSVariableReferenceValue('--A',
new CSSUnparsedValue(new CSSVariableReferenceValue('--B'))),
new CSSVariableReferenceValue('--C')).toString(),
new CSSUnparsedValue([new CSSVariableReferenceValue('--B')])),
new CSSVariableReferenceValue('--C')]).toString(),
'var(--A,var(--B))var(--C)');
}, 'CSSUnparsedValue containing variable references serializes its ' +
'concatenated contents');
test(() => {
assert_equals(new CSSUnparsedValue('foo', 'bar ',
assert_equals(new CSSUnparsedValue(['foo', 'bar ',
new CSSVariableReferenceValue('--A',
new CSSUnparsedValue('baz ',
new CSSVariableReferenceValue('--B'), 'lemon')),
new CSSUnparsedValue(['baz ',
new CSSVariableReferenceValue('--B'), 'lemon'])),
new CSSVariableReferenceValue('--C',
new CSSUnparsedValue('ade'))).toString(),
new CSSUnparsedValue(['ade']))]).toString(),
'foobar var(--A,baz var(--B)lemon)var(--C,ade)');
}, 'CSSUnparsedValue containing mix of strings and variable references ' +
'serializes to its concatenated contents');

2
tests/wpt/web-platform-tests/css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html
View file

@ -37,7 +37,7 @@ const gTestArguments = [
for (const {args, description} of gTestArguments) {
test(() => {
const result = new CSSUnparsedValue(...args);
const result = new CSSUnparsedValue(args);
assert_not_equals(result, null,
'A CSSUnparsedValue should be created');

4
tests/wpt/web-platform-tests/css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html
View file

@ -22,7 +22,7 @@ test(() => {
test(() => {
const result = new CSSVariableReferenceValue('--foo',
new CSSUnparsedValue('lemon'));
new CSSUnparsedValue(['lemon']));
assert_not_equals(result, null,
'A CSSVariableReferenceValue should be created');
@ -30,7 +30,7 @@ test(() => {
'Variable member should be same as passed in the constructor');
assert_not_equals(result.fallback, null,
'Fallback member should not be null');
assert_style_value_equals(result.fallback, new CSSUnparsedValue('lemon'),
assert_style_value_equals(result.fallback, new CSSUnparsedValue(['lemon']),
'Fallback member should be as same as passed in the constructor');
}, 'CSSVariableReferenceValue can be constructed with fallback');

4
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html
View file

@ -38,7 +38,7 @@ test(() => {
test(() => {
const result = styleMap.get('--foo');
assert_style_value_equals(result, new CSSUnparsedValue(' auto'));
assert_style_value_equals(result, new CSSUnparsedValue([' auto']));
}, 'Computed StylePropertyMap contains custom property declarations in style rules');
test(() => {
@ -48,7 +48,7 @@ test(() => {
test(() => {
const result = styleMap.get('--bar');
assert_style_value_equals(result, new CSSUnparsedValue(' 5'));
assert_style_value_equals(result, new CSSUnparsedValue([' 5']));
}, 'Computed StylePropertyMap contains custom property declarations in inline rules');
test(() => {

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/computed/get.html
View file

@ -24,7 +24,7 @@ test(t => {
test(t => {
const styleMap = createComputedStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_equals(styleMap.get('--foo'),
new CSSUnparsedValue(' auto'));
new CSSUnparsedValue([' auto']));
}, 'Getting a valid custom property from computed style returns the ' +
'correct entry');

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html
View file

@ -31,7 +31,7 @@ test(t => {
test(t => {
const styleMap = createComputedStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
}, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
test(t => {

6
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html
View file

@ -34,9 +34,9 @@ test(t => {
test(t => {
const styleMap = createComputedStyleMap(t, '--A: A; --C: C; color: red; --B: B;');
assert_style_value_equals(findInStyleMap(styleMap, '--A'), new CSSUnparsedValue(' A'));
assert_style_value_equals(findInStyleMap(styleMap, '--B'), new CSSUnparsedValue(' B'));
assert_style_value_equals(findInStyleMap(styleMap, '--C'), new CSSUnparsedValue(' C'));
assert_style_value_equals(findInStyleMap(styleMap, '--A'), new CSSUnparsedValue([' A']));
assert_style_value_equals(findInStyleMap(styleMap, '--B'), new CSSUnparsedValue([' B']));
assert_style_value_equals(findInStyleMap(styleMap, '--C'), new CSSUnparsedValue([' C']));
}, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');
</script>

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html
View file

@ -45,7 +45,7 @@ test(() => {
}, 'Declared StylePropertyMap does not contain inline styles');
test(() => {
assert_style_value_equals(styleMap.get('--foo'), new CSSUnparsedValue(' auto'));
assert_style_value_equals(styleMap.get('--foo'), new CSSUnparsedValue([' auto']));
}, 'Declared StylePropertyMap contains custom property declarations');
test(() => {

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/get.html
View file

@ -29,7 +29,7 @@ test(t => {
test(t => {
const styleMap = createDeclaredStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_equals(styleMap.get('--foo'),
new CSSUnparsedValue(' auto'));
new CSSUnparsedValue([' auto']));
}, 'Getting a valid custom property from CSS rule returns the ' +
'correct entry');

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html
View file

@ -36,7 +36,7 @@ test(t => {
test(t => {
const styleMap = createDeclaredStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
}, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
test(t => {

6
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html
View file

@ -42,9 +42,9 @@ test(t => {
assert_array_equals(keys, ['--A', '--B', '--C']);
assert_style_value_array_equals(values, [
new CSSUnparsedValue(' A'),
new CSSUnparsedValue(' B'),
new CSSUnparsedValue(' C'),
new CSSUnparsedValue([' A']),
new CSSUnparsedValue([' B']),
new CSSUnparsedValue([' C']),
])
}, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');

6
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/set.tentative.html
View file

@ -63,11 +63,11 @@ test(t => {
test(t => {
let styleMap = createDeclaredStyleMap(t, '');
styleMap.set('--foo', new CSSUnparsedValue('auto'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
styleMap.set('--foo', new CSSUnparsedValue(['auto']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
styleMap.set('--foo', '20px');
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
}, 'Setting a custom property with CSSStyleValue or String updates its value');
test(t => {

8
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/declared/update.tentative.html
View file

@ -46,11 +46,11 @@ test(t => {
test(t => {
let styleMap = createDeclaredStyleMap(t, '');
styleMap.update('--foo', () => new CSSUnparsedValue('auto'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
styleMap.update('--foo', () => new CSSUnparsedValue(['auto']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
styleMap.update('--foo', () => new CSSUnparsedValue('20px'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
styleMap.update('--foo', () => new CSSUnparsedValue(['20px']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
}, 'Updating a custom property with CSSStyleValue updates its value');
test(t => {

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/inline/get.html
View file

@ -29,7 +29,7 @@ test(t => {
test(t => {
const styleMap = createInlineStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_equals(styleMap.get('--foo'),
new CSSUnparsedValue(' auto'));
new CSSUnparsedValue([' auto']));
}, 'Getting a valid custom property from inline style returns the ' +
'correct entry');

2
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html
View file

@ -36,7 +36,7 @@ test(t => {
test(t => {
const styleMap = createInlineStyleMap(t, '--foo: auto; --bar: 10px');
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
}, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
test(t => {

6
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html
View file

@ -42,9 +42,9 @@ test(t => {
assert_array_equals(keys, ['--A', '--B', '--C']);
assert_style_value_array_equals(values, [
new CSSUnparsedValue(' A'),
new CSSUnparsedValue(' B'),
new CSSUnparsedValue(' C'),
new CSSUnparsedValue([' A']),
new CSSUnparsedValue([' B']),
new CSSUnparsedValue([' C']),
])
}, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');

6
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/inline/set.tentative.html
View file

@ -63,11 +63,11 @@ test(t => {
test(t => {
let styleMap = createInlineStyleMap(t, '');
styleMap.set('--foo', new CSSUnparsedValue('auto'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
styleMap.set('--foo', new CSSUnparsedValue(['auto']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
styleMap.set('--foo', '20px');
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
}, 'Setting a custom property with CSSStyleValue or String updates its value');
test(t => {

8
tests/wpt/web-platform-tests/css/css-typed-om/the-stylepropertymap/inline/update.tentative.html
View file

@ -46,11 +46,11 @@ test(t => {
test(t => {
let styleMap = createInlineStyleMap(t, '');
styleMap.update('--foo', () => new CSSUnparsedValue('auto'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
styleMap.update('--foo', () => new CSSUnparsedValue(['auto']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
styleMap.update('--foo', () => new CSSUnparsedValue('20px'));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
styleMap.update('--foo', () => new CSSUnparsedValue(['20px']));
assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
}, 'Updating a custom property with CSSStyleValue updates its value');
test(t => {

20
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-011.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<title>orthogonal flow parent with max-height</title>
<meta charset=utf-8>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<meta name="assert" content="If an orthogonal flow's parent doesn't have a definite block size but does have a max block size, use that as the available size">
<link rel="match" href="reference/available-size-011-ref.html">
<meta name="flags" content="">
<style>
main {
max-height: 1em;
line-height: 1em;
}
div {
writing-mode: vertical-rl;
}
</style>
<p>This test passes if the word “ＰＡＳＳ” (without the quotation marks) appears below, written horizontally from left to right.
<main><div>Ｓ Ｓ Ａ Ｐ</div></main>

44
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-012.html Normal file
View file

@ -0,0 +1,44 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / max-height + min-height / content height</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-001-ref.html">
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does not have a fixed height but does have a fixed max-height, use that, increased by min-height if it exists and is larger. (same as -001, with min-height)">
<meta name="flags" content="">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
max-height: 4ch; /* **max**-height does not give the element a definite block size */
min-height: 8ch;
overflow: hidden;
color: transparent;
position: relative; /* to act as a container of #red */
padding: 1ch 0;
}
div > div { writing-mode: vertical-rl; }
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
}
#red { /* Not necessary when when comparing to the reference, but makes human judgement easier */
position: absolute;
background: red;
left: 0; top: 1ch;
writing-mode: vertical-rl;
z-index: -1;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>
<aside id="red">0</aside>
<div>0 0 0 0 <span>0</span> 0 0 0</div> <!-- If this div take its height from
the min-height of its parent, it should wrap just right for the green 0 to
overlap with the red one. -->
</div>

47
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-013.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / height + min-height/ content height</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-001-ref.html">
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does have a fixed height, use that, increased by the min-height if it is set and is larger (same as -003, with min-height).">
<meta name="flags" content="">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
height: 4ch;
min-height: 8ch;
width: 300px; /* Shrinkwrapping this div is not what we're interested in testing here, so give it a width. See nested-orthogonal-001.html for that. */
overflow: hidden;
color: transparent;
position: relative; /* to act as a container of #red */
writing-mode: vertical-lr;
padding: 1ch 0;
}
div > div { padding-bottom: 2ch; } /* so that the content height of the parent and of the fixed size scrolling ancestor are different */
div > div > div { writing-mode: vertical-rl; }
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
}
#red { /* Not necessary when when comparing to the reference, but makes human judgement easier */
position: absolute;
background: red;
left: 0; top: 1ch;
writing-mode: vertical-rl;
z-index: -1;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>
<aside id="red">0</aside>
<div><div>0 0 0 0 <span>0</span> 0 0 0</div></div> <!-- If this div take its height from
the height of its scrollable ancestor, it should wrap just right for the green 0 to
overlap with the red one. -->
</div>

53
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-014.html Normal file
View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / height + min-height / not remaining size</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-001-ref.html">
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size and the nearest ancestor scroller does a have fixed height, use that whole height increased by min-height if that's larger, even if some other content already consumes some of it (same as -005, with min-height).">
<meta name="flags" content="">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
height: 4ch;
min-height: 8ch;
width: 300px; /* Shrinkwrapping this div is not what we're interested in testing here, so give it a width. See nested-orthogonal-001.html for that. */
overflow: hidden;
color: transparent;
position: relative; /* to act as a container of #red */
}
div > div { padding-bottom: 2ch; } /* so that the content height of the parent and of the fixed size scrolling ancestor are different */
div > div > div { writing-mode: vertical-rl; }
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
}
#red { /* Not necessary when when comparing to the reference, but makes human judgement easier */
position: absolute;
background: red;
left: 0;
writing-mode: vertical-rl;
z-index: -1;
top: 1ch;
}
#spacer { /* shrinks the remaining space of the parent div. */
height: 1ch;
width: 100%;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>
<aside id="red">0</aside>
<div><aside id="spacer"></aside><div>0 0 0 0 <span>0</span> 0 0 0</div></div>
<!-- If the inner div take its height from the height of its scrollable
ancestor, it should wrap just right for the green 0 to overlap with the red
one. If instead it takes it size from the remaining height after having
removed #spacer, or does some other calculation that takes #spacer into
account, it won't line up with #red.-->
</div>

51
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-015.html Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / ICB / tall max-height + min-height scroller</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-002-ref.html">
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with max-height and min-height, and max-height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -008, with min-height).">
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
div {
writing-mode: vertical-rl;
font-family: monospace;
font-size: 20px;
position: relative; /* to be a container for #red*/
}
.spacer { /* using 5 spacers of 20vh each instead of a single large one, so
that the line would wrap between spacers if it ends up being
shorter thatn 100vh*/
display: inline-block;
height: calc(20vh - 0.1px); /*Using this instead of 20vh, to account for accumulation of rounding errors, that might make 5*20vh taller than 100vh in some browsers*/
}
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
color: transparent;
}
#red { /* Not necessary when when comparing to the reference, but makes human judgement easier */
position: absolute;
background: red;
writing-mode: vertical-rl;
z-index: -1;
font-family: monospace;
font-size: 20px;
left: 0; top: 0;
}
section {
overflow: hidden;
max-height: 40vh;
min-height: 120vh;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<section>
<div><aside id="red">0</aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside> <span>0</span></div>
</section>

55
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-016.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / ICB / tall height + min-height scroller</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-002-ref.html">
<meta name="assert" content="When an orthogonal flow's parent doesn't have a definite block size, and there's a scroller with height and min-height, and height is smaller than the ICB but min-height is larger than the ICB, use the ICB as the available space (same as -009, with min-height).">
<meta name="flags" content="">
<style>
body { margin-top: 0; margin-bottom: 0; } /* Shouldn't matter, but in some browsers does. -007 tests this aspect specifically. */
div {
writing-mode: vertical-rl;
font-family: monospace;
font-size: 20px;
position: relative; /* to be a container for #red*/
}
.spacer { /* using 5 spacers of 20vh each instead of a single large one, so
that the line would wrap between spacers if it ends up being
shorter thatn 100vh*/
display: inline-block;
height: calc(20vh - 0.1px); /*Using this instead of 20vh, to account for accumulation of rounding errors, that might make 5*20vh taller than 100vh in some browsers*/
}
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
color: transparent;
}
#red { /* Not necessary when when comparing to the reference, but makes human judgement easier */
position: absolute;
background: red;
writing-mode: vertical-rl;
z-index: -1;
font-family: monospace;
font-size: 20px;
left: 0; top: 0;
}
section {
overflow: hidden;
writing-mode: vertical-rl;
height: 40vh;
min-height: 120vh;
}
section > section {
writing-mode: horizontal-tb;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<section>
<div><aside id="red">0</aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside><aside class="spacer"></aside> <span>0</span></div>
</section>

43
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-017.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / height + min-height parent</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-002-ref.html">
<meta name="assert" content="When an orthogonal flow's parent has a height and a min-height larger than the height, use min-height as the available size.">
<meta name="flags" content="">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
height: 4ch;
min-height: 8ch;
color: transparent;
position: relative; /* to act as a container of #green */
}
div > div { writing-mode: vertical-rl; }
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
}
#red {
position: absolute;
background: red;
left: 0;
writing-mode: vertical-rl;
z-index: -1;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>
<aside id="red">0</aside>
<div>0 0 0 0 <span>0</span> 0 0 0</div> <!-- If this div takes its height from
the min-height of its parent (which it should)
it should wrap just right for the green 0 to
overlap with the red one. -->
</div>

43
tests/wpt/web-platform-tests/css/css-writing-modes/available-size-018.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Testing Available Space in Orthogonal Flows / max-height + min-height parent</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#orthogonal-auto">
<link rel="match" href="reference/available-size-002-ref.html">
<meta name="assert" content="When an orthogonal flow's parent has a max-height and a min-height larger than the height, use min-height as the available size.">
<meta name="flags" content="">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
max-height: 4ch;
min-height: 8ch;
color: transparent;
position: relative; /* to act as a container of #green */
}
div > div { writing-mode: vertical-rl; }
span {
background: green;
display: inline-block; /* This should not change it's size or position, but makes the size of the background predictable*/
}
#red {
position: absolute;
background: red;
left: 0;
writing-mode: vertical-rl;
z-index: -1;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>
<aside id="red">0</aside>
<div>0 0 0 0 <span>0</span> 0 0 0</div> <!-- If this div takes its height from
the min-height of its parent (which it should)
it should wrap just right for the green 0 to
overlap with the red one. -->
</div>

Some files were not shown because too many files have changed in this diff Show more