diff options
| author | bors-servo <lbergstrom+bors@mozilla.com> | 2017-07-12 08:15:05 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-07-12 08:15:05 -0700 |
| commit | 482caa2b724f347e2000d77429da132b9fc54111 (patch) | |
| tree | 503ba8989e259fe24712bdbbf0417212e054a405 | |
| parent | f9fad3d9593e45189408ba1caf10fc0d528c763f (diff) | |
| parent | 75819d533d34df64ab3e09ef0e662e1d5aed86eb (diff) | |
| download | servo-482caa2b724f347e2000d77429da132b9fc54111.tar.gz servo-482caa2b724f347e2000d77429da132b9fc54111.zip | |
Auto merge of #17678 - asajeffrey:wpt-update-css-paint-api, r=jdm
Updated the copy of web-platform-tests/css-paint-api in /_mozilla/mozilla
<!-- Please describe your changes on the following line: -->
Updated our local copy of the css-paint-api wpt test suite.
---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [X] `./mach build -d` does not report any errors
- [X] `./mach test-tidy` does not report any errors
- [X] There are tests for these changes
<!-- Also, please make sure that "Allow edits from maintainers" checkbox is checked, so that we can help you if you get stuck somewhere along the way.-->
<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->
<!-- 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/17678)
<!-- Reviewable:end -->
76 files changed, 2556 insertions, 4 deletions
diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json index 7fa86132236..2421d6b2cff 100644 --- a/tests/wpt/mozilla/meta/MANIFEST.json +++ b/tests/wpt/mozilla/meta/MANIFEST.json @@ -6509,6 +6509,138 @@ {} ] ], + "mozilla/css-paint-api/geometry-background-image-001.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-001.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-001-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-002.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-002.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-002-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-003.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-003.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-003-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-001.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-001.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-002.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-002.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-003.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-003.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-001.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-001.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-001-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-002.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-002.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-002-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-003.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-003.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-003-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-004.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-004.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-004-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-005.html": [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-005.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/geometry-border-image-005-ref.html", + "==" + ] + ], + {} + ] + ], "mozilla/css-paint-api/invalid-image-constructor-error.html": [ [ "/_mozilla/mozilla/css-paint-api/invalid-image-constructor-error.html", @@ -6677,6 +6809,270 @@ {} ] ], + "mozilla/css-paint-api/paint2d-zoom.html": [ + [ + "/_mozilla/mozilla/css-paint-api/paint2d-zoom.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/paint2d-zoom-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-001.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-001.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-002.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-002.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-003.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-003.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-004.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-004.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-005.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-005.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-006.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-006.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-007.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-007.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-008.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-008.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-009.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-009.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-010.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-010.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-011.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-011.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-012.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-012.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-013.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-013.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-014.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-014.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-015.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-015.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-016.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-016.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-017.html": [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-017.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/registered-properties-in-custom-paint.html": [ + [ + "/_mozilla/mozilla/css-paint-api/registered-properties-in-custom-paint.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/parse-input-arguments-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/style-background-image.html": [ + [ + "/_mozilla/mozilla/css-paint-api/style-background-image.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/style-background-image-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/style-before-pseudo.html": [ + [ + "/_mozilla/mozilla/css-paint-api/style-before-pseudo.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/style-before-pseudo-ref.html", + "==" + ] + ], + {} + ] + ], + "mozilla/css-paint-api/style-first-letter-pseudo.html": [ + [ + "/_mozilla/mozilla/css-paint-api/style-first-letter-pseudo.html", + [ + [ + "/_mozilla/mozilla/css-paint-api/style-first-letter-pseudo-ref.html", + "==" + ] + ], + {} + ] + ], "mozilla/css-paint-api/valid-image-after-load.html": [ [ "/_mozilla/mozilla/css-paint-api/valid-image-after-load.html", @@ -9896,6 +10292,61 @@ {} ] ], + "mozilla/css-paint-api/geometry-background-image-001-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-002-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-003-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-001-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-002-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-003-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-004-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/geometry-border-image-005-ref.html": [ + [ + {} + ] + ], "mozilla/css-paint-api/invalid-image-constructor-error-ref.html": [ [ {} @@ -9966,11 +10417,36 @@ {} ] ], + "mozilla/css-paint-api/paint2d-zoom-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/parse-input-arguments-ref.html": [ + [ + {} + ] + ], "mozilla/css-paint-api/resources/html5.png": [ [ {} ] ], + "mozilla/css-paint-api/style-background-image-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/style-before-pseudo-ref.html": [ + [ + {} + ] + ], + "mozilla/css-paint-api/style-first-letter-pseudo-ref.html": [ + [ + {} + ] + ], "mozilla/css-paint-api/valid-image-after-load-ref.html": [ [ {} @@ -26057,6 +26533,94 @@ "0e88a610e5ad9ff1deb04adec35b73caadbff201", "support" ], + "mozilla/css-paint-api/geometry-background-image-001-ref.html": [ + "bca138ca3ce5b6dee10f935fd2ff9756d18b12ef", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-001.html": [ + "042380a14db00ace100393719f74e8864d16c6cd", + "reftest" + ], + "mozilla/css-paint-api/geometry-background-image-002-ref.html": [ + "4d33168e6298c1ed7d44ff431791615cdaf9038f", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-002.html": [ + "fd962b9a8f7645615a0dbb3dc247e0d408060c9c", + "reftest" + ], + "mozilla/css-paint-api/geometry-background-image-003-ref.html": [ + "e5b4098a1f1b9aab0a27c7bdae0532db4dc26a92", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-003.html": [ + "bb1f458f7672995804e0e1565aa5a78d5d3527c2", + "reftest" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html": [ + "df994fa58244f5e8d4b4aac7f0ad335fe8570dcc", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-001.html": [ + "bfe687843bcc155746ded14983f0cd1fc956ff66", + "reftest" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html": [ + "c5363f4f7843ff8025ae5457524c0c9f4aac144c", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-002.html": [ + "6b33b4456f3e91f0867aaacd68a842b10fbbbd08", + "reftest" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html": [ + "d4f9428be3b8f9003eb9373b3eb87ebed0c55c15", + "support" + ], + "mozilla/css-paint-api/geometry-background-image-tiled-003.html": [ + "728cb8ad6268a57d8729588648d9d68ffc685073", + "reftest" + ], + "mozilla/css-paint-api/geometry-border-image-001-ref.html": [ + "81026e756ea8e3be653e176c09f1762507915cb8", + "support" + ], + "mozilla/css-paint-api/geometry-border-image-001.html": [ + "3e45991eaddb310c517cb804ff2511150b12fbda", + "reftest" + ], + "mozilla/css-paint-api/geometry-border-image-002-ref.html": [ + "076c1f3e3b5cfd3a434e94f33872f5f598a7225b", + "support" + ], + "mozilla/css-paint-api/geometry-border-image-002.html": [ + "37ebb2c728fe88bbd8745050b573e2ca0c3f865c", + "reftest" + ], + "mozilla/css-paint-api/geometry-border-image-003-ref.html": [ + "141bf94dcd935420b95ee4da52139bf51318196d", + "support" + ], + "mozilla/css-paint-api/geometry-border-image-003.html": [ + "d29cfb4fb9895ef72dc281c55be2cf356a7259a5", + "reftest" + ], + "mozilla/css-paint-api/geometry-border-image-004-ref.html": [ + "d730b44bd1020305b70da095a15f9a4f7e9f262a", + "support" + ], + "mozilla/css-paint-api/geometry-border-image-004.html": [ + "09219c8985bb2f66682a6df393ecfcf283978ac3", + "reftest" + ], + "mozilla/css-paint-api/geometry-border-image-005-ref.html": [ + "b401ed261976a4acd2408a84fda9d63d27d1c3a4", + "support" + ], + "mozilla/css-paint-api/geometry-border-image-005.html": [ + "83efcbdc5e2cd1850ea4c490b6c7e7327f329923", + "reftest" + ], "mozilla/css-paint-api/invalid-image-constructor-error-ref.html": [ "b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408", "support" @@ -26169,16 +26733,124 @@ "e4b544068821f6f8882f05836a07a19891fc85b8", "reftest" ], + "mozilla/css-paint-api/paint2d-zoom-ref.html": [ + "37354f2479a070eadd2a571ff6207953cad3597d", + "support" + ], + "mozilla/css-paint-api/paint2d-zoom.html": [ + "00c20556fef8169662a4e230e10c0952ab4bfa42", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-001.html": [ + "5afe3f03b880000bb94803cb2a6eee8d423f5d68", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-002.html": [ + "ba0f7dd2398ab0e786792b83eec77e3dda297ece", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-003.html": [ + "9170929ec7d55285884701d8b18abe53ce1114e3", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-004.html": [ + "5feae438f32bb77d58431b7958f31afde4c73ba9", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-005.html": [ + "106cf8d73dad4355d5184b1306d2ba8b92ef55ec", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-006.html": [ + "018090e38d8354d9ebfceecdfee315e6f069aaaa", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-007.html": [ + "58f132ed442b4e6385436e60ba809f3ce36444c2", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-008.html": [ + "68c0f9c8b91ec1fc42a1599d7af2cff1bf8ecf33", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-009.html": [ + "c8c5ad5eb83db204ff0ba1c3747626ba252297f5", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-010.html": [ + "9c4e808e6b52cdfc595227c2a1b17a1bd458073a", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-011.html": [ + "32d14db912ad9a267b5f879a3b3574eec7e0a591", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-012.html": [ + "ed8c9c408d7dee8e4315305e736a58766fe06575", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-013.html": [ + "06ca97c7addc23faeeb929a927c9065101a90410", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-014.html": [ + "0d899ca87aad315a5d59a506dc2ea306d0a32504", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-015.html": [ + "2e4b898ff93047ef399450a762a152d05a63fd21", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-016.html": [ + "fa390361d9f0237401c3fcee13ed44bd386d3a8f", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-017.html": [ + "4e540c471f67e6e3554fcb436833ba80fe868cc8", + "reftest" + ], + "mozilla/css-paint-api/parse-input-arguments-ref.html": [ + "6133bd65ef569456f58f1e501d81e088256bdc0a", + "support" + ], + "mozilla/css-paint-api/registered-properties-in-custom-paint.html": [ + "c33bf95ab3196bb958c3ddbb08b73792a5cacae7", + "reftest" + ], "mozilla/css-paint-api/resources/html5.png": [ "83ef56b6e4d0dcb0d2dcecfb3fc78035051e8627", "support" ], + "mozilla/css-paint-api/style-background-image-ref.html": [ + "0985e20363c8aac715c534ad59f1209889244fb0", + "support" + ], + "mozilla/css-paint-api/style-background-image.html": [ + "02a66fa36821edd082de0d0752f304960837fd07", + "reftest" + ], + "mozilla/css-paint-api/style-before-pseudo-ref.html": [ + "6dcbe78ab89343178e18e3e92744b25759ec8241", + "support" + ], + "mozilla/css-paint-api/style-before-pseudo.html": [ + "e6b43224b40bca0703faccd7eb2688ca7cbea255", + "reftest" + ], + "mozilla/css-paint-api/style-first-letter-pseudo-ref.html": [ + "c6a94e5bafa098b8f4023312db97abebe992abc3", + "support" + ], + "mozilla/css-paint-api/style-first-letter-pseudo.html": [ + "7f9ccf3429a327c4fdbde077d0fb4c61438d198d", + "reftest" + ], "mozilla/css-paint-api/valid-image-after-load-ref.html": [ "b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408", "support" ], "mozilla/css-paint-api/valid-image-after-load.html": [ - "abe12a4f25b5b8a52b8e9f623ac5efa80c23dc36", + "4f20acb987ed51fc374d873db74522ed4bd1dc1c", "reftest" ], "mozilla/css-paint-api/valid-image-before-load-ref.html": [ @@ -26186,7 +26858,7 @@ "support" ], "mozilla/css-paint-api/valid-image-before-load.html": [ - "fb574b4658f7c2000ec58f058ebb0fff1d88351e", + "67d8cdd3e3a1656ba315fcbf6dae7236680bac16", "reftest" ], "mozilla/details_ui_closed.html": [ diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-003.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-003.html.ini new file mode 100644 index 00000000000..4d64cf8cc17 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-003.html.ini @@ -0,0 +1,4 @@ +[geometry-background-image-003.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17674 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-001.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-001.html.ini new file mode 100644 index 00000000000..cf86621733e --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-001.html.ini @@ -0,0 +1,4 @@ +[geometry-background-image-tiled-001.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17676 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-002.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-002.html.ini new file mode 100644 index 00000000000..f6665701f42 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-002.html.ini @@ -0,0 +1,4 @@ +[geometry-background-image-tiled-002.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/1767 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-003.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-003.html.ini new file mode 100644 index 00000000000..6d63994f2c6 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-background-image-tiled-003.html.ini @@ -0,0 +1,4 @@ +[geometry-background-image-tiled-003.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/1767 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-001.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-001.html.ini new file mode 100644 index 00000000000..a179b60e006 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-001.html.ini @@ -0,0 +1,4 @@ +[geometry-border-image-001.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/1767 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-002.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-002.html.ini new file mode 100644 index 00000000000..52d0854e675 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-002.html.ini @@ -0,0 +1,4 @@ +[geometry-border-image-002.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17451 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-003.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-003.html.ini new file mode 100644 index 00000000000..d1e2a9edf93 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-003.html.ini @@ -0,0 +1,4 @@ +[geometry-border-image-003.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17451 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-004.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-004.html.ini new file mode 100644 index 00000000000..fc27155dce3 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-004.html.ini @@ -0,0 +1,4 @@ +[geometry-border-image-004.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17451 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-005.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-005.html.ini new file mode 100644 index 00000000000..3b1eb7e58f9 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/geometry-border-image-005.html.ini @@ -0,0 +1,4 @@ +[geometry-border-image-005.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17451 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/paint2d-zoom.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/paint2d-zoom.html.ini new file mode 100644 index 00000000000..28c6ee11fbb --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/paint2d-zoom.html.ini @@ -0,0 +1,4 @@ +[paint2d-zoom.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17674 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-002.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-002.html.ini new file mode 100644 index 00000000000..a717b68bf42 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-002.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-002.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-003.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-003.html.ini new file mode 100644 index 00000000000..67813fc3cbc --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-003.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-003.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-005.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-005.html.ini new file mode 100644 index 00000000000..03624fca377 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-005.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-005.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-006.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-006.html.ini new file mode 100644 index 00000000000..fb190835abd --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-006.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-006.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-008.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-008.html.ini new file mode 100644 index 00000000000..bef2034cccd --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-008.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-008.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-009.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-009.html.ini new file mode 100644 index 00000000000..a28813feb2a --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-009.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-009.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-010.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-010.html.ini new file mode 100644 index 00000000000..17956bbfa35 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-010.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-010.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-011.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-011.html.ini new file mode 100644 index 00000000000..7e721c32198 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-011.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-011.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-012.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-012.html.ini new file mode 100644 index 00000000000..1c1b2f28927 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-012.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-012.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-016.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-016.html.ini new file mode 100644 index 00000000000..567031ee41e --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/parse-input-arguments-016.html.ini @@ -0,0 +1,4 @@ +[parse-input-arguments-016.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17435 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/registered-properties-in-custom-paint.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/registered-properties-in-custom-paint.html.ini new file mode 100644 index 00000000000..de433dc1642 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/registered-properties-in-custom-paint.html.ini @@ -0,0 +1,4 @@ +[registered-properties-in-custom-paint.html] + type: reftest + expected: TIMEOUT + bug: https://github.com/servo/servo/issues/17677 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-background-image.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-background-image.html.ini new file mode 100644 index 00000000000..5632e4c5931 --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-background-image.html.ini @@ -0,0 +1,4 @@ +[style-background-image.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17579 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-before-pseudo.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-before-pseudo.html.ini new file mode 100644 index 00000000000..c3ae11d8b7c --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-before-pseudo.html.ini @@ -0,0 +1,4 @@ +[style-before-pseudo.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17579 diff --git a/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-first-letter-pseudo.html.ini b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-first-letter-pseudo.html.ini new file mode 100644 index 00000000000..521e635bece --- /dev/null +++ b/tests/wpt/mozilla/meta/mozilla/css-paint-api/style-first-letter-pseudo.html.ini @@ -0,0 +1,4 @@ +[style-first-letter-pseudo.html] + type: reftest + expected: FAIL + bug: https://github.com/servo/servo/issues/17579 diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001-ref.html new file mode 100644 index 00000000000..83edae100ee --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="100" height="100"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 100, 100); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001.html new file mode 100644 index 00000000000..7c2800c3c5b --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-001.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-001-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002-ref.html new file mode 100644 index 00000000000..ab964dbf8d7 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="200" height="200"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 200, 200); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002.html new file mode 100644 index 00000000000..fc7990e7260 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-002.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-002-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 200px; + height: 200px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003-ref.html new file mode 100644 index 00000000000..ffdc4e84710 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="200" height="200" style="position:relative;"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 8; +context.strokeRect(0, 0, 200, 200); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003.html new file mode 100644 index 00000000000..ce23b6cf6f3 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-003.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-003-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.body.style.zoom = "200%" + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html new file mode 100644 index 00000000000..9f633a93c0f --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="100" height="50"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 50, 50); +context.strokeRect(50, 0, 50, 50); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001.html new file mode 100644 index 00000000000..97eb2984245 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-001.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-tiled-001-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; + background: paint(geometry) top left/50% 50% repeat-x; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html new file mode 100644 index 00000000000..f3c65e6776d --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="50" height="20" style="position:relative; top:40px; left:50px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 50, 20); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002.html new file mode 100644 index 00000000000..1ded964a4d4 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-002.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-tiled-002-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; + background: paint(geometry) center right/50% 20% no-repeat; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html new file mode 100644 index 00000000000..8e1eb027658 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="60" height="80" style="position:relative; top:10px; left:20px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 60, 80); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003.html new file mode 100644 index 00000000000..13aa5b6ab62 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-background-image-tiled-003.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-background-image-tiled-003-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; + background: paint(geometry) center center/60px 80px no-repeat; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + ctx.strokeStyle = 'green'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001-ref.html new file mode 100644 index 00000000000..bb0aa409374 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="200" height="200" style="position:relative; top:10px; left:10px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +// The test geometry-border-image1.html has a paint canvas with width=200 and +// height=200, as well as a border-width=10 and border-image-slice: fill. All of +// them combined meaning that it draws to the (200+10*2)*(200+10*2) area, but +// stretch it to fit into the 200*200 area. +// So in this ref test, we create a 200*200 canvas. We draw to a 220*220 area +// and scale it to fit the 200*200 canvas. +context.scale(200/220, 200/220); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 220, 220); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001.html new file mode 100644 index 00000000000..870139b5307 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-001.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-border-image-001-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 200px; + height: 200px; +} + +#canvas-geometry { + border: solid 0; + border-image: paint(geometry); + border-image-slice: 0 fill; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + if (geom.width == 220 && geom.height == 220) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.getElementById('canvas-geometry').style.borderWidth = '10px'; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002-ref.html new file mode 100644 index 00000000000..0eb84ec0400 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="90" height="90" style="position:relative; left:-20px; top:-20px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 90, 90); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002.html new file mode 100644 index 00000000000..d72054ee71f --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-002.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-border-image-002-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 50px; + height: 50px; +} + +#canvas-geometry { + border: solid 0; + border-image: paint(geometry); + border-image-slice: 0 fill; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + if (geom.width == 90 && geom.height == 90) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.getElementById('canvas-geometry').style.borderImageOutset = '20px'; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003-ref.html new file mode 100644 index 00000000000..b17c9ffce2a --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="80" height="120" style="position:relative; left:-10px; top:-10px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 80, 120); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003.html new file mode 100644 index 00000000000..9da17e92590 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-003.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-border-image-003-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 60px; + height: 100px; +} + +#canvas-geometry { + border: solid 0; + border-image: paint(geometry); + border-image-slice: 0 fill; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + if (geom.width == 80 && geom.height == 120) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.getElementById('canvas-geometry').style.borderImageOutset = '10px'; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004-ref.html new file mode 100644 index 00000000000..c32fdd8f0ab --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="120" height="120"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +// The test geometry-border-image4.html has a 100*100 paint canvas, it specifies +// border-width=10 and border-image-outset=10, which means that it is drawing to +// a 140*140 area. However, because the test has "border-image-slice: 0 fill", +// together with the border-width=10, makes it draw to a 120*120 area. +// In this ref html, we draw to a 140*140 area, but scale it to fit the 120*120 +// canvas. +context.scale(120/140, 120/140); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 140, 140); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004.html new file mode 100644 index 00000000000..3aa8b59eb9a --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-004.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-border-image-004-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + border: solid 0; + border-image: paint(geometry); + border-image-slice: 0 fill; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + if (geom.width == 140 && geom.height == 140) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.getElementById('canvas-geometry').style.borderWidth = '10px'; + document.getElementById('canvas-geometry').style.borderImageOutset = '10px'; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005-ref.html new file mode 100644 index 00000000000..a5781456d1f --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<canvas id ="canvas" width="240" height="240" style="position:relative; left:-20px; top:-20px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 8; +context.strokeRect(0, 0, 240, 240); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005.html new file mode 100644 index 00000000000..18093e8661c --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/geometry-border-image-005.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="geometry-border-image-005-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + border: solid 0; + border-image: paint(geometry); + border-image-slice: 0 fill; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + paint(ctx, geom) { + if (geom.width == 120 && geom.height == 120) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + document.getElementById('canvas-geometry').style.borderImageOutset = '10px'; + document.body.style.zoom = "200%"; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom-ref.html new file mode 100644 index 00000000000..c96893e2f37 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html> +<style> +html, body { margin: 0; padding: 0; } +</style> +<body> +<div style="position:relative"> +<canvas id="output" width="300" height="300"></canvas> +</div> +<script> +var canvas = document.getElementById('output'); +var ctx = canvas.getContext('2d'); +ctx.rotate(10 * Math.PI / 180); +ctx.strokeStyle = 'blue'; +ctx.lineWidth = 12; +ctx.strokeRect(90, 30, 90, 90); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom.html new file mode 100644 index 00000000000..be59106115c --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/paint2d-zoom.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="paint2d-zoom-ref.html"> +<style> +html, body { margin: 0; padding: 0; } +#output { + width: 100px; + height: 100px; + background-image: paint(worklet); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="output"></div> + +<script id="code" type="text/worklet"> +registerPaint('worklet', class { + paint(ctx, geom) { + ctx.rotate(10 * Math.PI / 180); + ctx.strokeStyle = 'blue'; + ctx.lineWidth = 4; + ctx.strokeRect(30, 10, 30, 30); + } +}); +</script> + +<script> + document.body.style.zoom = "300%"; + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-001.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-001.html new file mode 100644 index 00000000000..b01ba917827 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-001.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo', class { + static get inputArguments() { + throw Error('failed!'); + } + }); +} catch(ex) { + if (ex.name == 'Error' && ex.message == 'failed!') + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-002.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-002.html new file mode 100644 index 00000000000..34e583a93f2 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-002.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo1', class { + static get inputArguments() { + return 'non sense stuff'; + } + }); +} catch(ex) { + if (ex.name == "TypeError" && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The provided value cannot be converted to a sequence.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-003.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-003.html new file mode 100644 index 00000000000..f1275884839 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-003.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo2', class { + static get inputArguments() { + return ['<non-sense-type>']; + } + }); +} catch(ex) { + if (ex.name == "TypeError" && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': Invalid argument types.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-004.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-004.html new file mode 100644 index 00000000000..a4415f54c05 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-004.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo3', class { + static get inputArguments() { + return ['<length>']; + } + paint() { } + }); + testsPassed = true; +} catch(ex) { + testsPassed = false; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-005.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-005.html new file mode 100644 index 00000000000..2659b24aa8c --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-005.html @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo', class { paint() { } }); + registerPaint('foo', class { paint() { } }); +} catch(ex) { + if (ex.name == "NotSupportedError" && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': A class with name:'foo' is already registered.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-006.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-006.html new file mode 100644 index 00000000000..16061e2d7c3 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-006.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('', class { }); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The empty string is not a valid name.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-007.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-007.html new file mode 100644 index 00000000000..b9096a1453a --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-007.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo3', class { + static get inputProperties() { + throw Error('failed!'); + } + }); +} catch(ex) { + if (ex.name == 'Error' && ex.message == 'failed!') + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-008.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-008.html new file mode 100644 index 00000000000..dcaa016be1b --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-008.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo4', class { + static get inputProperties() { + return 42; + } + }); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The provided value cannot be converted to a sequence.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-009.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-009.html new file mode 100644 index 00000000000..026f3b118c0 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-009.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + var a = function() { }; + a.prototype = undefined; + registerPaint('foo5', a); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The 'prototype' object on the class does not exist.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-010.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-010.html new file mode 100644 index 00000000000..4a4c126a07b --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-010.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + var b = function() { }; + b.prototype = 42; + registerPaint('foo6', b); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The 'prototype' property on the class is not an object.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-011.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-011.html new file mode 100644 index 00000000000..3dd46cfa80e --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-011.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo7', class { }); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The 'paint' function on the prototype does not exist.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-012.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-012.html new file mode 100644 index 00000000000..e70c2204224 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-012.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo8', class { + get paint() { + return 42; + } + }); +} catch(ex) { + if (ex.name == 'TypeError' && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The 'paint' property on the prototype is not a function.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-013.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-013.html new file mode 100644 index 00000000000..7d333725c27 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-013.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo9', class { paint() { } }); + testsPassed = true; +} catch(ex) { + testsPassed = false; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-014.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-014.html new file mode 100644 index 00000000000..2470411a32c --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-014.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + var c = function() { }; + c.prototype.paint = function() { }; + registerPaint('foo10', c); + testsPassed = true; +} catch(ex) { + testsPassed = false; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-015.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-015.html new file mode 100644 index 00000000000..cb043517ac7 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-015.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo11', class { + static get inputProperties() { + return ['-webkit-border-radius']; + } + paint() { } + }); + testsPassed = true; +} catch(ex) { + testsPassed = false; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-016.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-016.html new file mode 100644 index 00000000000..d9cb14bc145 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-016.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo12', class { + static get alpha() { + return 42; + } + }); +} catch(ex) { + if (ex.name == "TypeError" && ex.message == "Failed to execute 'registerPaint' on 'PaintWorkletGlobalScope': The 'alpha' property on the class is not a boolean.") + testsPassed = true; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-017.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-017.html new file mode 100644 index 00000000000..f7cf3737d1d --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-017.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +var testsPassed = false; +try { + registerPaint('foo13', class { + static get alpha() { + return true; + } + paint() { } + }); + testsPassed = true; +} catch(ex) { + testsPassed = false; +} + +registerPaint('geometry', class { + paint(ctx, geom) { + if (testsPassed) + ctx.strokeStyle = 'green'; + else + ctx.strokeStyle = 'red'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-ref.html new file mode 100644 index 00000000000..086bc7b27ee --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/parse-input-arguments-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> +<body> +<canvas id ="canvas" width="100" height="100"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 100, 100); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/registered-properties-in-custom-paint.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/registered-properties-in-custom-paint.html new file mode 100644 index 00000000000..d725a8f18a3 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/registered-properties-in-custom-paint.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="parse-input-arguments-ref.html"> +<style> +.container { + width: 100px; + height: 100px; + --length: 10px; + --number: 10; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + static get inputProperties() { + return [ + '--length', + '--length-initial', + '--number', + ]; + } + paint(ctx, geom, styleMap) { + const properties = styleMap.getProperties().sort(); + var serializedStrings = []; + for (let i = 0; i < properties.length; i++) { + const value = styleMap.get(properties[i]); + let serialized; + if (value) + serialized = properties[i].toString() + ': [' + value.constructor.name + '=' + value.toString() + ']'; + else + serialized = properties[i].toString() + ': [null]'; + serializedStrings.push(serialized); + } + ctx.strokeStyle = 'green'; + if (serializedStrings[0] != "--length: [CSSUnitValue=10px]") + ctx.strokeStyle = 'red'; + if (serializedStrings[1] != "--length-initial: [CSSUnitValue=20px]") + ctx.strokeStyle = 'blue'; + if (serializedStrings[2] != "--number: [CSSStyleValue=10]") + ctx.strokeStyle = 'yellow'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + 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); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image-ref.html new file mode 100644 index 00000000000..3fc9e6efcc9 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html> +<body> +<canvas id ="canvas" width="100" height="100" style="border-radius: 2px"></canvas> +<script> +var canvas = document.getElementById('canvas'); +var context = canvas.getContext("2d"); +context.strokeStyle = 'green'; +context.lineWidth = 4; +context.strokeRect(0, 0, 100, 100); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image.html new file mode 100644 index 00000000000..3dfdd10431a --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-background-image.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="style-background-image-ref.html"> +<style> +.container { + width: 100px; + height: 100px; + border-radius: 2px; + --foo: bar; +} + +#canvas-geometry { + background-image: paint(geometry); +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body> +<div id="canvas-geometry" class="container"></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + static get inputProperties() { + return [ + '--bar', + '--foo', + 'align-items', + 'border-radius', + ]; + } + paint(ctx, geom, styleMap) { + const properties = styleMap.getProperties().sort(); + var serializedStrings = []; + for (let i = 0; i < properties.length; i++) { + const value = styleMap.get(properties[i]); + let serialized; + if (value) + serialized = properties[i].toString() + ': [' + value.constructor.name + '=' + value.toString() + ']'; + else + serialized = properties[i].toString() + ': [null]'; + serializedStrings.push(serialized); + } + ctx.strokeStyle = 'green'; + if (serializedStrings[0] != "--bar: [null]") + ctx.strokeStyle = 'red'; + if (serializedStrings[1] != "--foo: [CSSStyleValue= bar]") + ctx.strokeStyle = 'blue'; + if (serializedStrings[2] != "align-items: [CSSKeywordValue=normal]") + ctx.strokeStyle = 'yellow'; + if (serializedStrings[3] != "border-radius: [CSSStyleValue=2px]") + ctx.strokeStyle = 'cyan'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo-ref.html new file mode 100644 index 00000000000..9a666efe9c3 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo-ref.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html> +<style> +div { + border-radius: 3px; +} +div::before { + width: 100px; + height: 100px; + border-radius: 2px; + content: 'foo'; + color: rgba(0, 0, 0, 0); +} +canvas{ + border-radius: 2px; + display: block; + position: relative; + top: -1em; +} +</style> +<body style="font: 10px/1 Ahem;"> + <div><canvas width="30px" height="10px"></canvas></div> +<script> +document.addEventListener('DOMContentLoaded', function() { + var canvas = document.querySelector('canvas'); + var context = canvas.getContext("2d"); + context.strokeStyle = 'green'; + context.lineWidth = 4; + context.strokeRect(0, 0, 30, 10); +}); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo.html new file mode 100644 index 00000000000..a49d730eb0a --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-before-pseudo.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="style-before-pseudo-ref.html"> +<style> +div { + border-radius: 3px; +} + +div::before { + width: 100px; + height: 100px; + content: 'foo'; + color: rgba(0, 0, 0, 0); + + background-image: paint(geometry); + border-radius: 2px; + --foo: bar; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body style="font: 10px/1 Ahem;"> +<div></div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + static get inputProperties() { + return [ + '--bar', + '--foo', + 'border-radius', + ]; + } + paint(ctx, geom, styleMap) { + const properties = styleMap.getProperties().sort(); + var serializedStrings = []; + for (let i = 0; i < properties.length; i++) { + const value = styleMap.get(properties[i]); + let serialized; + if (value) + serialized = properties[i].toString() + ': [' + value.constructor.name + '=' + value.toString() + ']'; + else + serialized = properties[i].toString() + ': [null]'; + serializedStrings.push(serialized); + } + ctx.strokeStyle = 'green'; + if (serializedStrings[0] != "--bar: [null]") + ctx.strokeStyle = 'red'; + if (serializedStrings[1] != "--foo: [CSSStyleValue= bar]") + ctx.strokeStyle = 'blue'; + if (serializedStrings[2] != "border-radius: [CSSStyleValue=2px]") + ctx.strokeStyle = 'yellow'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo-ref.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo-ref.html new file mode 100644 index 00000000000..ea5c04a1808 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo-ref.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<style> +div { + color: rgb(0, 255, 0); + line-height: 2px; +} + +div::first-letter { + color: rgb(255, 0, 0); +} +canvas{ + position: absolute; + top: 4px; + z-index: -1; +} +</style> +<body style="font: 10px/1 Ahem;"> +<div><canvas width="10px" height="10px"></canvas>ppp</div> +<script> +document.addEventListener('DOMContentLoaded', function() { + var canvas = document.querySelector('canvas'); + var context = canvas.getContext("2d"); + context.strokeStyle = 'green'; + context.lineWidth = 4; + context.strokeRect(0, 0, 10, 10); +}); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo.html new file mode 100644 index 00000000000..744c3ff0c91 --- /dev/null +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/style-first-letter-pseudo.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<link rel="match" href="style-first-letter-pseudo-ref.html"> +<style> +div { + color: rgb(0, 255, 0); + line-height: 1px; + height: 10px; +} + +div::first-letter { + background-image: paint(geometry); + color: rgb(255, 0, 0); + line-height: 2px; +} +</style> +<script src="/common/reftest-wait.js"></script> +<script src="css-paint-tests.js"></script> +<body style="font: 10px/1 Ahem;"> +<div>ppp</div> + +<script id="code" type="text/worklet"> +registerPaint('geometry', class { + static get inputProperties() { + return [ + 'color', + 'line-height', + ]; + } + paint(ctx, geom, styleMap) { + const properties = styleMap.getProperties().sort(); + var serializedStrings = []; + for (let i = 0; i < properties.length; i++) { + const value = styleMap.get(properties[i]); + let serialized; + if (value) + serialized = properties[i].toString() + ': [' + value.constructor.name + '=' + value.toString() + ']'; + else + serialized = properties[i].toString() + ': [null]'; + serializedStrings.push(serialized); + } + ctx.strokeStyle = 'green'; + if (serializedStrings[0] != "color: [CSSStyleValue=rgb(255, 0, 0)]") + ctx.strokeStyle = 'red'; + if (serializedStrings[1] != "line-height: [CSSUnitValue=2px]") + ctx.strokeStyle = 'blue'; + ctx.lineWidth = 4; + ctx.strokeRect(0, 0, geom.width, geom.height); + } +}); +</script> + +<script> + importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent); +</script> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-after-load.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-after-load.html index f4af4975cbf..b1ad0d2d73a 100644 --- a/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-after-load.html +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-after-load.html @@ -9,7 +9,7 @@ } </style> <script src="/common/reftest-wait.js"></script> -<script src="css-paint-tests.js"></script> +<script src="/common/css-paint-tests.js"></script> <body> <div id="output"></div> diff --git a/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-before-load.html b/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-before-load.html index 98218d34946..b4e6b0e1720 100644 --- a/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-before-load.html +++ b/tests/wpt/mozilla/tests/mozilla/css-paint-api/valid-image-before-load.html @@ -9,7 +9,7 @@ } </style> <script src="/common/reftest-wait.js"></script> -<script src="css-paint-tests.js"></script> +<script src="/common/css-paint-tests.js"></script> <body> <div id="output"></div> |