mirror of
https://github.com/servo/servo.git
synced 2025-06-25 01:24:37 +01:00
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 -->
This commit is contained in:
bors-servo
GitHub
commit
482caa2b72
76 changed files with 2556 additions and 4 deletions
|
|
@ -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/css-paint-api/invalid-image-constructor-error.html": [
|
||||||
[
|
[
|
||||||
"/_mozilla/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/css-paint-api/valid-image-after-load.html": [
|
||||||
[
|
[
|
||||||
"/_mozilla/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": [
|
"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/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": [
|
"mozilla/css-paint-api/valid-image-after-load-ref.html": [
|
||||||
[
|
[
|
||||||
{}
|
{}
|
||||||
|
|
@ -26057,6 +26533,94 @@
|
||||||
"0e88a610e5ad9ff1deb04adec35b73caadbff201",
|
"0e88a610e5ad9ff1deb04adec35b73caadbff201",
|
||||||
"support"
|
"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": [
|
"mozilla/css-paint-api/invalid-image-constructor-error-ref.html": [
|
||||||
"b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408",
|
"b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408",
|
||||||
"support"
|
"support"
|
||||||
|
|
@ -26169,16 +26733,124 @@
|
||||||
"e4b544068821f6f8882f05836a07a19891fc85b8",
|
"e4b544068821f6f8882f05836a07a19891fc85b8",
|
||||||
"reftest"
|
"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": [
|
"mozilla/css-paint-api/resources/html5.png": [
|
||||||
"83ef56b6e4d0dcb0d2dcecfb3fc78035051e8627",
|
"83ef56b6e4d0dcb0d2dcecfb3fc78035051e8627",
|
||||||
"support"
|
"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": [
|
"mozilla/css-paint-api/valid-image-after-load-ref.html": [
|
||||||
"b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408",
|
"b0c34ee1480fe1108fe8dc53f2bbb2f3ffa1c408",
|
||||||
"support"
|
"support"
|
||||||
],
|
],
|
||||||
"mozilla/css-paint-api/valid-image-after-load.html": [
|
"mozilla/css-paint-api/valid-image-after-load.html": [
|
||||||
"abe12a4f25b5b8a52b8e9f623ac5efa80c23dc36",
|
"4f20acb987ed51fc374d873db74522ed4bd1dc1c",
|
||||||
"reftest"
|
"reftest"
|
||||||
],
|
],
|
||||||
"mozilla/css-paint-api/valid-image-before-load-ref.html": [
|
"mozilla/css-paint-api/valid-image-before-load-ref.html": [
|
||||||
|
|
@ -26186,7 +26858,7 @@
|
||||||
"support"
|
"support"
|
||||||
],
|
],
|
||||||
"mozilla/css-paint-api/valid-image-before-load.html": [
|
"mozilla/css-paint-api/valid-image-before-load.html": [
|
||||||
"fb574b4658f7c2000ec58f058ebb0fff1d88351e",
|
"67d8cdd3e3a1656ba315fcbf6dae7236680bac16",
|
||||||
"reftest"
|
"reftest"
|
||||||
],
|
],
|
||||||
"mozilla/details_ui_closed.html": [
|
"mozilla/details_ui_closed.html": [
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-background-image-003.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17674
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-background-image-tiled-001.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17676
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-background-image-tiled-002.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/1767
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-background-image-tiled-003.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/1767
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-border-image-001.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/1767
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-border-image-002.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17451
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-border-image-003.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17451
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-border-image-004.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17451
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[geometry-border-image-005.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17451
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[paint2d-zoom.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17674
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-002.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-003.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-005.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-006.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-008.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-009.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-010.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-011.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-012.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[parse-input-arguments-016.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17435
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[registered-properties-in-custom-paint.html]
|
||||||
|
type: reftest
|
||||||
|
expected: TIMEOUT
|
||||||
|
bug: https://github.com/servo/servo/issues/17677
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[style-background-image.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17579
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[style-before-pseudo.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17579
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
[style-first-letter-pseudo.html]
|
||||||
|
type: reftest
|
||||||
|
expected: FAIL
|
||||||
|
bug: https://github.com/servo/servo/issues/17579
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script src="/common/reftest-wait.js"></script>
|
<script src="/common/reftest-wait.js"></script>
|
||||||
<script src="css-paint-tests.js"></script>
|
<script src="/common/css-paint-tests.js"></script>
|
||||||
<body>
|
<body>
|
||||||
<div id="output"></div>
|
<div id="output"></div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script src="/common/reftest-wait.js"></script>
|
<script src="/common/reftest-wait.js"></script>
|
||||||
<script src="css-paint-tests.js"></script>
|
<script src="/common/css-paint-tests.js"></script>
|
||||||
<body>
|
<body>
|
||||||
<div id="output"></div>
|
<div id="output"></div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue