mirrors/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-04-20 11:36:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

Tests: Add tests for loading images from an imported style sheet

Browse source 
We previously had no coverage for the situation of "relative-linking to
an image in a style sheet which isn't in the same directory as the
document".
This commit is contained in:
Sam Atkins 2025-04-10 17:06:09 +01:00
parent aebbb008c1
commit bf873a2d5b
Notes: github-actions[bot] 2025-04-15 09:30:39 +00:00
4 changed files with 41 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Tests/LibWeb/Ref/data/checkerboard-background.css Normal file
View file

@ -0,0 +1,3 @@
#checkerboard {
background: url("2x2checkerboard.png");
}

12
Tests/LibWeb/Ref/expected/css/images-load-relative-to-style-sheet-ref.html Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<style>
#checkerboard {
width: 20px;
height: 20px;
background: url("../../data/2x2checkerboard.png");
background-size: cover;
}
</style>
<!-- FIXME: Workaround to ensure CSS background-image is loaded before taking screenshot: https://github.com/LadybirdBrowser/ladybird/issues/3448 -->
<img style="display:none" src="../../data/2x2checkerboard.png">
<div id="checkerboard"></div>

13
Tests/LibWeb/Ref/input/css/images-load-relative-to-imported-style-sheet.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<link rel="match" href="../../expected/css/images-load-relative-to-style-sheet-ref.html" />
<style>
@import url("../../data/checkerboard-background.css");
#checkerboard {
width: 20px;
height: 20px;
background-size: cover;
}
</style>
<!-- FIXME: Workaround to ensure CSS background-image is loaded before taking screenshot: https://github.com/LadybirdBrowser/ladybird/issues/3448 -->
<img style="display:none" src="../../data/2x2checkerboard.png">
<div id="checkerboard"></div>

13
Tests/LibWeb/Ref/input/css/images-load-relative-to-linked-style-sheet.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<link rel="match" href="../../expected/css/images-load-relative-to-style-sheet-ref.html" />
<link rel="stylesheet" href="../../data/checkerboard-background.css" />
<style>
#checkerboard {
width: 20px;
height: 20px;
background-size: cover;
}
</style>
<!-- FIXME: Workaround to ensure CSS background-image is loaded before taking screenshot: https://github.com/LadybirdBrowser/ladybird/issues/3448 -->
<img style="display:none" src="../../data/2x2checkerboard.png">
<div id="checkerboard"></div>