ladybird/Tests/LibWeb/Screenshot/expected/css-transform-box-ref.html

<!DOCTYPE html>
<style>
    * {
        margin: 0;
    }
    body {
        background-color: white;
    }
</style>
<!-- To rebase:
  1. Open css-backgrounds.html in Ladybird
  2. Resize the window just above the width of the largest element
  3. Right click > "Take Full Screenshot"
  4. Update the image below:
-->
<img src="../images/css-transform-box-ref.png">
Meta: Add DOCTYPEs to sceenshot tests input-placeholder-ref was modified because the input box ends up being slightly wider outside of quirks mode. 2025-03-18 15:20:35 -03:00			`<!DOCTYPE html>`
LibWeb: Make use of transform-box when calculating transforms We don't currently calculate the fill- or stroke-boxes of SVG elements, so for now we use the content- and border-boxes respectively, as those are the closest equivalents. The test will need updating when we do support them. Also, the test is a screenshot because of rendering differences when applying transforms: a 20px box does not get painted the same as a 10px box scaled up 2x. Otherwise that would be the more ideal form of test. 2024-01-26 12:56:25 -03:00			`<style>`
			`* {`
			`margin: 0;`
			`}`
			`body {`
			`background-color: white;`
			`}`
			`</style>`
			`<!-- To rebase:`
			`1. Open css-backgrounds.html in Ladybird`
			`2. Resize the window just above the width of the largest element`
			`3. Right click > "Take Full Screenshot"`
			`4. Update the image below:`
			`-->`
Tests+headless-browser: Move screenshot ref-tests into own directory This change will make it easier to disable screenshot comparison tests on a specific platform or have per-platform expectations. Additionally, it's nice to be able to tell if a ref-test uses a screenshot as an expectation by looking at the test path. 2024-07-19 07:45:52 -03:00			`<img src="../images/css-transform-box-ref.png">`