Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-30 00:29:14 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add support for static SVG images using resvg crate (#36721)

Browse source 
This change adds support for rendering static SVG images using the
`resvg` crate, allowing svg sources in the `img` tag and in CSS
`background` and `content` properties. There are some limitations in
using resvg:

1. There is no support for animations or interactivity as these would
require implementing the full DOM layer of SVG specification.
2. Only system fonts can be used for text rendering. There is some
mechanism to provide a custom font resolver to usvg, but that is not
explored in this change.
3. resvg's handling of certain edge cases involving lack of explicit
`width` and `height` on the root svg element deviates from what the
specification expects from browsers. For example, resvg uses the values
in `viewBox` to derive the missing width or height dimension, but
without scaling that dimension to preserve the aspect ratio. It also
doesn't allow overriding this behavior.

Demo screenshot:
![servo - resvg
img](https://github.com/user-attachments/assets/8ecb2de2-ab7c-48e2-9f08-2d09d2cb8791)

<details>
<summary>Source</summary>

```
<style>
 #svg1 {
   border: 1px solid red;
 }

 #svg2 {
   border: 1px solid red;
   width: 300px;
 }
 #svg3 {
   border: 1px solid red;
   width: 300px;
   height: 200px;
   object-fit: contain;
 }
 #svg4 {
   border: 1px solid red;
   width: 300px;
   height: 200px;
   object-fit: cover;
 }
 #svg5 {
   border: 1px solid red;
   width: 300px;
   height: 200px;
   object-fit: fill;
 }
 #svg6 {
   border: 1px solid red;
   width: 300px;
   height: 200px;
   object-fit: none;
 }
</style>
</head>
<body>
        <div>
          <img id="svg1" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
        </div>
        <div>
          <img id="svg2" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
          <img id="svg3" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
          <img id="svg4" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
        </div>
        <div>
          <img id="svg5" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
          <img id="svg6" src="https://raw.githubusercontent.com/servo/servo/refs/heads/main/resources/servo.svg" alt="Servo logo">
        </div>
</body>
```

</details>

---------

Signed-off-by: Mukilan Thiyagarajan <mukilan@igalia.com>
Signed-off-by: Martin Robinson <mrobinson@igalia.com>
Co-authored-by: Martin Robinson <mrobinson@igalia.com>
This commit is contained in:
Mukilan Thiyagarajan 2025-05-27 16:32:40 +05:30 • committed by GitHub
parent 324196351e
commit 8a20e42de4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
267 changed files with 2374 additions and 544 deletions
Download patch file Download diff file Expand all files Collapse all files

3
tests/wpt/meta/html/browsers/browsing-the-web/navigating-across-documents/refresh/subresource.any.js.ini vendored
View file

@ -2,9 +2,6 @@
[Refresh does not affect XMLHttpRequest.]
expected: FAIL
[Refresh does not affect Image.]
expected: FAIL
[subresource.any.worker.html]
[Refresh does not affect XMLHttpRequest.]

4
tests/wpt/meta/html/canvas/element/manual/drawing-images-to-the-canvas/drawimage_svg_image_with_foreign_object_does_not_taint.html.ini vendored
View file

@ -1,5 +1,3 @@
[drawimage_svg_image_with_foreign_object_does_not_taint.html]
expected: TIMEOUT
[Canvas should not be tainted after drawing SVG including <foreignObject>]
expected: TIMEOUT
expected: FAIL

7
tests/wpt/meta/html/canvas/element/manual/imagebitmap/canvas-createImageBitmap-resize.html.ini vendored
View file

@ -1,7 +1,6 @@
[canvas-createImageBitmap-resize.html]
expected: TIMEOUT
[createImageBitmap from an ImageData with resize option.]
expected: NOTRUN
expected: FAIL
[createImageBitmap from a HTMLImageElement with resize option.]
expected: FAIL
@ -10,10 +9,10 @@
expected: FAIL
[createImageBitmap from an ImageBitmap with resize option.]
expected: NOTRUN
expected: FAIL
[createImageBitmap from a Blob with resize option.]
expected: FAIL
[createImageBitmap from a HTMLImageElement of svg with no specified size with resize option.]
expected: TIMEOUT
expected: FAIL

65
tests/wpt/meta/html/canvas/element/manual/wide-gamut-canvas/canvas-display-p3-drawImage.https.html.ini vendored
View file

@ -1,5 +1,4 @@
[canvas-display-p3-drawImage.https.html]
expected: TIMEOUT
[sRGB-FF0000FF.png, Context srgb, ImageData display-p3, scaleImage=false]
expected: FAIL
@ -409,97 +408,97 @@
expected: FAIL
[sRGB-FF0000.svg, Context srgb, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context srgb, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context srgb, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context srgb, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context display-p3, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context display-p3, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context display-p3, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-FF0000.svg, Context display-p3, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context srgb, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context srgb, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context srgb, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context srgb, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context display-p3, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context display-p3, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context display-p3, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[sRGB-BB0000.svg, Context display-p3, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context srgb, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context srgb, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context srgb, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context srgb, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context display-p3, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context display-p3, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context display-p3, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-1-0-0.svg, Context display-p3, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context srgb, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context srgb, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context srgb, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context srgb, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context display-p3, ImageData srgb, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context display-p3, ImageData srgb, scaleImage=true]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context display-p3, ImageData display-p3, scaleImage=false]
expected: TIMEOUT
expected: FAIL
[Display-P3-0.7333-0-0.svg, Context display-p3, ImageData display-p3, scaleImage=true]
expected: TIMEOUT
expected: FAIL

0
tests/wpt/meta/html/canvas/element/layers/2d.layer.global-states.filter.ctx-filter.no-transform.tentative.html.ini → tests/wpt/meta/html/canvas/offscreen/layers/2d.layer.global-states.filter.ctx-filter.no-transform.tentative.html.ini vendored
View file

0
tests/wpt/meta/html/canvas/element/layers/2d.layer.global-states.filter.ctx-filter.rotation.tentative.html.ini → tests/wpt/meta/html/canvas/offscreen/layers/2d.layer.global-states.filter.ctx-filter.rotation.tentative.html.ini vendored
View file

0
tests/wpt/meta/html/canvas/element/layers/2d.layer.global-states.filter.no-cxt-filter.no-transform.tentative.html.ini → tests/wpt/meta/html/canvas/offscreen/layers/2d.layer.global-states.filter.no-cxt-filter.no-transform.tentative.html.ini vendored
View file

0
tests/wpt/meta/html/canvas/element/layers/2d.layer.global-states.filter.no-cxt-filter.rotation.tentative.html.ini → tests/wpt/meta/html/canvas/offscreen/layers/2d.layer.global-states.filter.no-cxt-filter.rotation.tentative.html.ini vendored
View file

480
tests/wpt/meta/html/rendering/replaced-elements/svg-embedded-sizing/svg-in-img-auto.html.ini vendored
View file

@ -1,4 +1,480 @@
[svg-in-img-auto.html]
expected: TIMEOUT
[placeholder: 'img', ]
expected: TIMEOUT
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '100', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderWidthAttr: '50%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL

144
tests/wpt/meta/html/rendering/replaced-elements/svg-embedded-sizing/svg-in-img-fixed.html.ini vendored
View file

@ -1,4 +1,144 @@
[svg-in-img-fixed.html]
expected: TIMEOUT
[placeholder: 'img', placeholderHeightAttr: '100px', ]
expected: TIMEOUT
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100px', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL

318
tests/wpt/meta/html/rendering/replaced-elements/svg-embedded-sizing/svg-in-img-percentage.html.ini vendored
View file

@ -1,4 +1,318 @@
[svg-in-img-percentage.html]
expected: TIMEOUT
[placeholder: 'img', placeholderHeightAttr: '100%', ]
expected: TIMEOUT
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '200', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '200', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', containerHeightStyle: '400px', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '100', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderWidthAttr: '50%', placeholderHeightAttr: '100%', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL
[placeholder: 'img', containerWidthStyle: '400px', placeholderHeightAttr: '100%', svgViewBoxAttr: '0 0 100 200', svgWidthAttr: '25%', svgHeightAttr: '25%', ]
expected: FAIL

3
tests/wpt/meta/html/semantics/embedded-content/the-img-element/current-pixel-density/basic.html.ini vendored
View file

@ -1,7 +1,4 @@
[basic.html]
[<img srcset="data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-1%20-1%202%202'%20width='20'%20height='20'><circle%20r='1'/></svg> 2x" data-expect="10">]
expected: FAIL
[<img srcset="data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-1%20-1%202%202'%20width='20'><circle%20r='1'/></svg> 2x" data-expect="10">]
expected: FAIL

6
tests/wpt/meta/html/semantics/embedded-content/the-img-element/decode/image-decode-path-changes.html.ini vendored
View file

@ -7,3 +7,9 @@
[HTMLImageElement.prototype.decode(), src/srcset mutation tests. srcset changes fail decode; following good decode succeeds.]
expected: FAIL
[HTMLImageElement.prototype.decode(), src/srcset mutation tests. src changes fail decode.]
expected: FAIL
[HTMLImageElement.prototype.decode(), src/srcset mutation tests. srcset changes fail decode.]
expected: FAIL

3
tests/wpt/meta/html/semantics/embedded-content/the-img-element/decode/image-decode-picture.html.ini vendored
View file

@ -1,3 +0,0 @@
[image-decode-picture.html]
[HTMLImageElement.prototype.decode(), picture tests. Image with SVG source decodes with undefined.]
expected: FAIL

6
tests/wpt/meta/html/semantics/embedded-content/the-img-element/decode/image-decode.html.ini vendored
View file

@ -1,6 +0,0 @@
[image-decode.html]
[HTMLImageElement.prototype.decode(), basic tests. Image with SVG src decodes with undefined.]
expected: FAIL
[HTMLImageElement.prototype.decode(), basic tests. Image with SVG srcset decodes with undefined.]
expected: FAIL

12
tests/wpt/meta/html/semantics/embedded-content/the-img-element/naturalWidth-naturalHeight.html.ini vendored
View file

@ -1,18 +1,18 @@
[naturalWidth-naturalHeight.html]
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width/height in pixels]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width in pixels; height unspecified]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width in pixels; percentage height]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width/height in pixels; viewBox]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width in pixels; height unspecified; viewBox]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width unspecified; height in pixels; viewBox]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, no natural dimensions]
expected: FAIL
[HTMLImageElement.prototype.naturalWidth/naturalHeight, SVG image, width/height unspecified; viewBox]
expected: FAIL