diff options
| author | Timothy Flynn <trflynn89@pm.me> | 2021-04-02 18:11:24 -0400 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2021-04-03 11:24:33 +0200 |
| commit | fcfeadaffa72c00d7e8b634af4ee49df17455555 (patch) | |
| tree | 72d84d2bf5e0fdae72bdbe776a446d1309fbee7b /Base/res | |
| parent | 26014414866d8072a43e78c6f7b79d8089a8736a (diff) | |
| download | serenity-fcfeadaffa72c00d7e8b634af4ee49df17455555.zip | |
Base: Add test page for the 'background-repeat' property
This page tests the following values for background-repeat:
repeat, repeat-x, repeat-y, no-repeat
The test is duplicated for the <body> node and for child <div> nodes,
because the code that paints these nodes are in separate locations.
Diffstat (limited to 'Base/res')
| -rw-r--r-- | Base/res/html/misc/background-no-repeat.html | 6 | ||||
| -rw-r--r-- | Base/res/html/misc/background-repeat-test.html | 54 | ||||
| -rw-r--r-- | Base/res/html/misc/background-repeat-x.html | 6 | ||||
| -rw-r--r-- | Base/res/html/misc/background-repeat-y.html | 6 | ||||
| -rw-r--r-- | Base/res/html/misc/background-repeat.html | 6 | ||||
| -rw-r--r-- | Base/res/html/misc/background-repeat.png | bin | 0 -> 410 bytes | |||
| -rw-r--r-- | Base/res/html/misc/welcome.html | 1 |
7 files changed, 79 insertions, 0 deletions
diff --git a/Base/res/html/misc/background-no-repeat.html b/Base/res/html/misc/background-no-repeat.html new file mode 100644 index 0000000000..9500644811 --- /dev/null +++ b/Base/res/html/misc/background-no-repeat.html @@ -0,0 +1,6 @@ +<style> + body { + background: white url("background-repeat.png") no-repeat; + } +</style> +<body></body> diff --git a/Base/res/html/misc/background-repeat-test.html b/Base/res/html/misc/background-repeat-test.html new file mode 100644 index 0000000000..98233a0438 --- /dev/null +++ b/Base/res/html/misc/background-repeat-test.html @@ -0,0 +1,54 @@ +<style> + body { + background: cyan; + } + iframe { + width: 200px; + height: 200px; + } + .float { + float: left; + } + .background { + background: white url(background-repeat.png); + width: 200px; + height: 200px; + } +</style> +<body> + <h1>Body Background</h1> + <div style="overflow: hidden"> + <div class=float> + <h2>repeat</h2> + <iframe src="background-repeat.html"></iframe> + + <h2>repeat-x</h2> + <iframe src="background-repeat-x.html"></iframe> + </div> + <div class=float> + <h2>no-repeat</h2> + <iframe src="background-no-repeat.html"></iframe> + + <h2>repeat-y</h2> + <iframe src="background-repeat-y.html"></iframe> + </div> + </div> + + <h1>Element Background</h1> + <div style="overflow: hidden"> + <div class=float> + <h2>repeat</h2> + <div class=background style="background-repeat: repeat"></div> + + <h2>repeat-x</h2> + <div class=background style="background-repeat: repeat-x"></div> + </div> + <div class=float> + <h2>no-repeat</h2> + <div class=background style="background-repeat: no-repeat"></div> + + <h2>repeat-y</h2> + <div class=background style="background-repeat: repeat-y"></div> + </div> + </div> +</body> diff --git a/Base/res/html/misc/background-repeat-x.html b/Base/res/html/misc/background-repeat-x.html new file mode 100644 index 0000000000..8fb79710fe --- /dev/null +++ b/Base/res/html/misc/background-repeat-x.html @@ -0,0 +1,6 @@ +<style> + body { + background: white url("background-repeat.png") repeat-x; + } +</style> +<body></body> diff --git a/Base/res/html/misc/background-repeat-y.html b/Base/res/html/misc/background-repeat-y.html new file mode 100644 index 0000000000..577008bb28 --- /dev/null +++ b/Base/res/html/misc/background-repeat-y.html @@ -0,0 +1,6 @@ +<style> + body { + background: white url("background-repeat.png") repeat-y; + } +</style> +<body></body> diff --git a/Base/res/html/misc/background-repeat.html b/Base/res/html/misc/background-repeat.html new file mode 100644 index 0000000000..8854fd23c3 --- /dev/null +++ b/Base/res/html/misc/background-repeat.html @@ -0,0 +1,6 @@ +<style> + body { + background: white url("background-repeat.png") repeat; + } +</style> +<body></body> diff --git a/Base/res/html/misc/background-repeat.png b/Base/res/html/misc/background-repeat.png Binary files differnew file mode 100644 index 0000000000..4ed2f23823 --- /dev/null +++ b/Base/res/html/misc/background-repeat.png diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index 91d23f50fd..8f65b62bf0 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -38,6 +38,7 @@ span#loadtime { <p>This page loaded in <b><span id="loadtime"></span></b> ms</p> <p>Some small test pages:</p> <ul> + <li><a href="background-repeat-test.html">background image with repetition rules</a></li> <li><a href="link-over-zindex-block.html">link elements with background box placed with z-index</a></li> <li><a href="contenteditable.html">contenteditable</a></li> <li><a href="clear-1.html">clearing floats</a></li> |
