mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 12:07:45 +00:00
Tests/LibWeb: Add a test for clipping text with CSS clip
This commit is contained in:
parent
709767cc4b
commit
50bb785306
3 changed files with 22 additions and 0 deletions
10
Tests/LibWeb/Ref/clip-ref.html
Normal file
10
Tests/LibWeb/Ref/clip-ref.html
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
<!DOCTYPE html><style type="text/css">
|
||||||
|
* {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
.clip {
|
||||||
|
width: 100px;
|
||||||
|
height: 50px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style><div class="clip">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
11
Tests/LibWeb/Ref/clip.html
Normal file
11
Tests/LibWeb/Ref/clip.html
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<!DOCTYPE html><style type="text/css">
|
||||||
|
* {
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
.clip {
|
||||||
|
position: absolute;
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
clip: rect(auto, auto, 50px, auto);
|
||||||
|
}
|
||||||
|
</style><div class="clip">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
@ -1,4 +1,5 @@
|
||||||
{
|
{
|
||||||
|
"clip.html": "clip-ref.html",
|
||||||
"clip-abspos-children.html": "clip-abspos-children-ref.html",
|
"clip-abspos-children.html": "clip-abspos-children-ref.html",
|
||||||
"css-any-link-selector.html": "css-any-link-selector-ref.html",
|
"css-any-link-selector.html": "css-any-link-selector-ref.html",
|
||||||
"css-gradient-currentcolor.html": "css-gradient-currentcolor-ref.html",
|
"css-gradient-currentcolor.html": "css-gradient-currentcolor-ref.html",
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue