diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-03-17 11:52:10 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-03-17 20:37:33 +0100 |
| commit | 34e1df638f604f601d17938a1a7d12ca47f03134 (patch) | |
| tree | 18eb8c969ec770ac9cd7a7c0a163ee50758afafc /test/html | |
| parent | 227f1bbaf094b2affd921a3bd11333ec153b479c (diff) | |
Add clamped max-width test
The max-width size of the widget is larger than the viewport, so it
should be clamped by it.
Diffstat (limited to 'test/html')
| -rw-r--r-- | test/html/Makefile.am | 1 | ||||
| -rw-r--r-- | test/html/render/max-width-div-clamp.html | 14 | ||||
| -rw-r--r-- | test/html/render/max-width-div-clamp.ref.html | 14 |
3 files changed, 29 insertions, 0 deletions
diff --git a/test/html/Makefile.am b/test/html/Makefile.am index 833f1405..70ed33ee 100644 --- a/test/html/Makefile.am +++ b/test/html/Makefile.am @@ -14,6 +14,7 @@ TESTS = \ render/margin-auto.html \ render/max-width-body.html \ render/max-width-div.html \ + render/max-width-div-clamp.html \ render/max-width-html.html \ render/max-width-nested-div.html \ render/min-width-body.html \ diff --git a/test/html/render/max-width-div-clamp.html b/test/html/render/max-width-div-clamp.html new file mode 100644 index 00000000..b4f4bfe1 --- /dev/null +++ b/test/html/render/max-width-div-clamp.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width CSS properties</title> + <style> + body {margin: 20px} + .test {max-width: 1000px; height: 100px; background: lightgreen} + </style> + </head> + <body> + <div class="test"> + </div> + </body> +</html> diff --git a/test/html/render/max-width-div-clamp.ref.html b/test/html/render/max-width-div-clamp.ref.html new file mode 100644 index 00000000..5887d522 --- /dev/null +++ b/test/html/render/max-width-div-clamp.ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width CSS properties</title> + <style> + body {margin: 20px} + .test {width: 100%; height: 100px; background: lightgreen} + </style> + </head> + <body> + <div class="test"> + </div> + </body> +</html> |