mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Add support for static SVG images using resvg crate (#36721)
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:  <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
GitHub
parent
324196351e
commit
8a20e42de4
267 changed files with 2374 additions and 544 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue