RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 05:47:35 +00:00
Code Issues Activity Actions

LibWeb: Add ref-tests for 3-value background positions with center

Browse source
This commit is contained in:
Shannon Booth 2024-01-06 21:46:54 +13:00 • committed by Andreas Kling
parent d95461ebe1
commit faccca7b32
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
Tests/LibWeb/Ref/css-background-position.html
View file

@ -63,6 +63,8 @@
<div class="example" style="background-position: left 25% top"></div> <div class="example" style="background-position: left 25% top"></div>
<div class="example" style="background-position: top left 25%"></div> <div class="example" style="background-position: top left 25%"></div>
<div class="example" style="background-position-x: left 25%; background-position-y: top"></div> <div class="example" style="background-position-x: left 25%; background-position-y: top"></div>
<div class="example" style="background-position: center left 25%"></div>
<div class="example" style="background-position-x: left 25%; background-position-y: center"></div>
<!-- Three values: side side offset --> <!-- Three values: side side offset -->
<div class="example" style="background-position: left top 10px"></div> <div class="example" style="background-position: left top 10px"></div>
@ -71,6 +73,8 @@
<div class="example" style="background-position: left top 25%"></div> <div class="example" style="background-position: left top 25%"></div>
<div class="example" style="background-position: top 25% left"></div> <div class="example" style="background-position: top 25% left"></div>
<div class="example" style="background-position-x: left; background-position-y: top 25%"></div> <div class="example" style="background-position-x: left; background-position-y: top 25%"></div>
<div class="example" style="background-position: center top 10px"></div>
<div class="example" style="background-position-x: center; background-position-y: top 25%"></div>
<!-- Four values: side offset side offset --> <!-- Four values: side offset side offset -->
<div class="example" style="background-position: left 10px top 25%"></div> <div class="example" style="background-position: left 10px top 25%"></div>
@ -92,6 +96,10 @@
<div class="example" style="background-position-y: left"></div> <div class="example" style="background-position-y: left"></div>
<div class="example" style="background-position-y: right"></div> <div class="example" style="background-position-y: right"></div>
<!-- Three values: center followed by <length-percentage> -->
<div class="example" style="background-position: center 25% top"></div>
<div class="example" style="background-position: top center 25%"></div>
<!-- No trailing tokens --> <!-- No trailing tokens -->
<div class="example" style="background-position: top left yellow"></div> <div class="example" style="background-position: top left yellow"></div>
<div class="example" style="background-position: 10px 25% 0"></div> <div class="example" style="background-position: 10px 25% 0"></div>

BIN
Tests/LibWeb/Ref/reference/images/css-background-position-ref.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

Before After
Before After