diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2023-12-25 01:25:15 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-08 22:16:29 +0100 |
| commit | 787905a585ba2ccb80d80c1d52dbea716085ec6a (patch) | |
| tree | 135e7caf0431fe7aa3fc0da4623b379f630b5925 /test/html/render | |
| parent | dbdf01c83e4a0c04cd1ed517eee1ab985c35f909 (diff) | |
Add min-width and max-width CSS tests
Diffstat (limited to 'test/html/render')
| -rw-r--r-- | test/html/render/max-width-body.html | 22 | ||||
| -rw-r--r-- | test/html/render/max-width-body.ref.html | 22 | ||||
| -rw-r--r-- | test/html/render/max-width-div.html | 23 | ||||
| -rw-r--r-- | test/html/render/max-width-div.ref.html | 23 | ||||
| -rw-r--r-- | test/html/render/max-width-html.html | 23 | ||||
| -rw-r--r-- | test/html/render/max-width-html.ref.html | 23 | ||||
| -rw-r--r-- | test/html/render/max-width-nested-div.html | 25 | ||||
| -rw-r--r-- | test/html/render/max-width-nested-div.ref.html | 25 | ||||
| -rw-r--r-- | test/html/render/min-width-body.html | 15 | ||||
| -rw-r--r-- | test/html/render/min-width-body.ref.html | 15 | ||||
| -rw-r--r-- | test/html/render/min-width-div.html | 15 | ||||
| -rw-r--r-- | test/html/render/min-width-div.ref.html | 15 | ||||
| -rw-r--r-- | test/html/render/min-width-html.html | 16 | ||||
| -rw-r--r-- | test/html/render/min-width-html.ref.html | 15 | ||||
| -rw-r--r-- | test/html/render/min-width-nested-div.html | 18 | ||||
| -rw-r--r-- | test/html/render/min-width-nested-div.ref.html | 18 |
16 files changed, 313 insertions, 0 deletions
diff --git a/test/html/render/max-width-body.html b/test/html/render/max-width-body.html new file mode 100644 index 00000000..32c605e4 --- /dev/null +++ b/test/html/render/max-width-body.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in body</title> + <style> + body {margin: 20px; max-width: 400px} + </style> + </head> + <body> + <div> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-body.ref.html b/test/html/render/max-width-body.ref.html new file mode 100644 index 00000000..112981e6 --- /dev/null +++ b/test/html/render/max-width-body.ref.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in body</title> + <style> + body {margin: 20px; width: 400px} + </style> + </head> + <body> + <div> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-div.html b/test/html/render/max-width-div.html new file mode 100644 index 00000000..a146ee0e --- /dev/null +++ b/test/html/render/max-width-div.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width CSS properties</title> + <style> + body {margin: 20px} + .test {max-width: 600px; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-div.ref.html b/test/html/render/max-width-div.ref.html new file mode 100644 index 00000000..ec25ca87 --- /dev/null +++ b/test/html/render/max-width-div.ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width CSS properties</title> + <style> + body {margin: 20px} + .test {width: 600px; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-html.html b/test/html/render/max-width-html.html new file mode 100644 index 00000000..24b85466 --- /dev/null +++ b/test/html/render/max-width-html.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in html tag</title> + <style> + html {max-width: 400px} + body {margin: 20px} + </style> + </head> + <body> + <div> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-html.ref.html b/test/html/render/max-width-html.ref.html new file mode 100644 index 00000000..9ac5712e --- /dev/null +++ b/test/html/render/max-width-html.ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in html tag</title> + <style> + div {width: 360px} + body {margin: 20px} + </style> + </head> + <body> + <div> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the works. + By contrast, the GNU General Public License is intended to + guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its users. + We, the Free Software Foundation, use the GNU General Public + License for most of our software; it applies also to any other + work released this way by its authors. You can apply it to your + programs, too.</p> + </div> + </body> +</html> diff --git a/test/html/render/max-width-nested-div.html b/test/html/render/max-width-nested-div.html new file mode 100644 index 00000000..fe2c3828 --- /dev/null +++ b/test/html/render/max-width-nested-div.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in a nested div</title> + <style> + body {margin: 20px} + .test {max-width: 400px; background: lightgray} + </style> + </head> + <body> + <div style="background:lightblue"> + <div class="test"> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the + works. By contrast, the GNU General Public License is intended + to guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its + users. We, the Free Software Foundation, use the GNU General + Public License for most of our software; it applies also to any + other work released this way by its authors. You can apply it to + your programs, too.</p> + </div> + </div> + </body> +</html> diff --git a/test/html/render/max-width-nested-div.ref.html b/test/html/render/max-width-nested-div.ref.html new file mode 100644 index 00000000..f13f8bdb --- /dev/null +++ b/test/html/render/max-width-nested-div.ref.html @@ -0,0 +1,25 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test max-width in a nested div</title> + <style> + body {margin: 20px} + .test {width: 400px; background: lightgray} + </style> + </head> + <body> + <div style="background:lightblue"> + <div class="test"> + <p>The licenses for most software and other practical works are + designed to take away your freedom to share and change the + works. By contrast, the GNU General Public License is intended + to guarantee your freedom to share and change all versions of a + program--to make sure it remains free software for all its + users. We, the Free Software Foundation, use the GNU General + Public License for most of our software; it applies also to any + other work released this way by its authors. You can apply it to + your programs, too.</p> + </div> + </div> + </body> +</html> diff --git a/test/html/render/min-width-body.html b/test/html/render/min-width-body.html new file mode 100644 index 00000000..b7652912 --- /dev/null +++ b/test/html/render/min-width-body.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property in the body</title> + <style> + body {min-width: 2000px; margin: 50px} + .test {background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-body.ref.html b/test/html/render/min-width-body.ref.html new file mode 100644 index 00000000..84e7a5c0 --- /dev/null +++ b/test/html/render/min-width-body.ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property in the body</title> + <style> + body {margin: 50px} + .test {width: 2000px; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-div.html b/test/html/render/min-width-div.html new file mode 100644 index 00000000..91840f04 --- /dev/null +++ b/test/html/render/min-width-div.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property</title> + <style> + body {margin: 20px} + .test {min-width: 400px; display: inline-block; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-div.ref.html b/test/html/render/min-width-div.ref.html new file mode 100644 index 00000000..64c02c31 --- /dev/null +++ b/test/html/render/min-width-div.ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property</title> + <style> + body {margin: 20px} + .test {width: 400px; display: inline-block; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-html.html b/test/html/render/min-width-html.html new file mode 100644 index 00000000..09e89d5c --- /dev/null +++ b/test/html/render/min-width-html.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width in the html tag</title> + <style> + html {min-width: 2000px} + body {margin: 0px} + .test {background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-html.ref.html b/test/html/render/min-width-html.ref.html new file mode 100644 index 00000000..bce5f2d8 --- /dev/null +++ b/test/html/render/min-width-html.ref.html @@ -0,0 +1,15 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width in the html tag</title> + <style> + body {margin: 0px} + .test {width: 2000px; background: lightgrey} + </style> + </head> + <body> + <div class="test"> + <p>Hello</p> + </div> + </body> +</html> diff --git a/test/html/render/min-width-nested-div.html b/test/html/render/min-width-nested-div.html new file mode 100644 index 00000000..149ff2a9 --- /dev/null +++ b/test/html/render/min-width-nested-div.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property</title> + <style> + body {margin: 20px} + .container {background: lightcyan} + .test {min-width: 400px; display: inline-block; background: lightgrey} + </style> + </head> + <body> + <div class="container"> + <div class="test"> + <p>Hello</p> + </div> + </div> + </body> +</html> diff --git a/test/html/render/min-width-nested-div.ref.html b/test/html/render/min-width-nested-div.ref.html new file mode 100644 index 00000000..5bf44ccf --- /dev/null +++ b/test/html/render/min-width-nested-div.ref.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width CSS property</title> + <style> + body {margin: 20px} + .container {background: lightcyan} + .test {width: 400px; display: inline-block; background: lightgrey} + </style> + </head> + <body> + <div class="container"> + <div class="test"> + <p>Hello</p> + </div> + </div> + </body> +</html> |