This test suite comes from
https://github.com/w3c/csswg-test
-without any modification.
+with modification:
+
+1. Using tool transfer .xht file to .htm file.
+ The tool comes from https://github.com/w3c/csswg-test/tree/master/tools
These tests are copyright by W3C and/or the author listed in the test
file. The tests are dual-licensed under the W3C Test Suite License:
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with color</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with color only sets the background of the element to the color specified." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with color</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with color only sets the background of the element to the color specified." />
- <style type="text/css">
- div
- {
- background: green;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with an image</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="image" name="flags">
+ <meta content="Background with image only sets the background of the element to the image specified." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: url("support/green_box.png");
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with an image</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with image only sets the background of the element to the image specified." />
- <style type="text/css">
- div
- {
- background: url("support/green_box.png");
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (color image)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#background-image">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="image" name="flags">
+ <meta content="Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: red url("support/green_box.png");
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (color image)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#background-image" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position." />
- <style type="text/css">
- div
- {
- background: red url("support/green_box.png");
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (color repeat)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (color repeat) sets the background of the element to the color specified. Repeat does nothing since there is no image." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: green repeat-x;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (color repeat)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (color repeat) sets the background of the element to the color specified. Repeat does nothing since there is no image." />
- <style type="text/css">
- div
- {
- background: green repeat-x;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (color attachment)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (color attachment) sets the background of the element to the color specified. Attachment does nothing since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: green fixed;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (color attachment)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (color attachment) sets the background of the element to the color specified. Attachment does nothing since image is not set." />
- <style type="text/css">
- div
- {
- background: green fixed;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (color position)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#background-position">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: green bottom;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (color position)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#background-position" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set." />
- <style type="text/css">
- div
- {
- background: green bottom;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (image color)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#layering">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="image" name="flags">
+ <meta content="Background with (image color) sets the background of the element to the color specified (not shown) and tiles the image across the background." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: url("support/green_box.png") red;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (image color)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#layering" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (image color) sets the background of the element to the color specified (not shown) and tiles the image across the background." />
- <style type="text/css">
- div
- {
- background: url("support/green_box.png") red;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (image repeat)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <meta content="image" name="flags">
+ <meta content="Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") repeat-x;
+ border: 1px solid black;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (image repeat)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height." />
- <style type="text/css">
- div
- {
- background: url("support/cat.png") repeat-x;
- border: 1px solid black;
- height: 200px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (image attachment)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <meta content="image interact" name="flags">
+ <meta content="Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." name="assert">
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: url("support/cat.png") scroll;
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (image attachment)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <meta name="flags" content="image interact" />
- <meta name="assert" content="Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." />
- <style type="text/css">
- #div1
- {
- height: 200px;
- overflow: scroll;
- width: 200px;
- }
- div div
- {
- background: url("support/cat.png") scroll;
- height: 400px;
- width: 400px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll.</p>
- <div id="div1">
- <div></div>
- </div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (image position)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position">
+ <meta content="image" name="flags">
+ <meta content="Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: url("support/cat.png") bottom left;
+ border: 1px solid black;
+ height: 150px;
+ width: 196px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (image position)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified." />
- <style type="text/css">
- div
- {
- background: url("support/cat.png") bottom left;
- border: 1px solid black;
- height: 150px;
- width: 196px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (repeat color)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (repeat color) sets the background of the element to the color specified. Repeat does nothing since there is no image." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: repeat-x green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (repeat color)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (repeat color) sets the background of the element to the color specified. Repeat does nothing since there is no image." />
- <style type="text/css">
- div
- {
- background: repeat-x green;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (repeat image)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <meta content="image" name="flags">
+ <meta content="Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: repeat-x url("support/cat.png");
+ border: 1px solid black;
+ height: 200px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (repeat image)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height." />
- <style type="text/css">
- div
- {
- background: repeat-x url("support/cat.png");
- border: 1px solid black;
- height: 200px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat).</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (repeat attachment)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (repeat attachment) does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: repeat-x fixed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (repeat attachment)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (repeat attachment) does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: repeat-x fixed;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (repeat position)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (repeat position) does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: repeat-x bottom;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (repeat position)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (repeat position) does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: repeat-x bottom;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (attachment color)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (attachment color) sets the background of the element to the color specified. Attachment does nothing since there is no image." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: fixed green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (attachment color)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (attachment color) sets the background of the element to the color specified. Attachment does nothing since there is no image." />
- <style type="text/css">
- div
- {
- background: fixed green;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (attachment image)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <meta content="image interact" name="flags">
+ <meta content="Background with (attachment image) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." name="assert">
+ <style type="text/css">
+ #div1
+ {
+ height: 200px;
+ overflow: scroll;
+ width: 200px;
+ }
+ div div
+ {
+ background: scroll url("support/cat.png");
+ height: 400px;
+ width: 400px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well.</p>
+ <div id="div1">
+ <div></div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (attachment image)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <meta name="flags" content="image interact" />
- <meta name="assert" content="Background with (attachment image) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box." />
- <style type="text/css">
- #div1
- {
- height: 200px;
- overflow: scroll;
- width: 200px;
- }
- div div
- {
- background: scroll url("support/cat.png");
- height: 400px;
- width: 400px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well.</p>
- <div id="div1">
- <div></div>
- </div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (attachment repeat)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (attachment repeat) does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: fixed repeat-x;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (attachment repeat)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (attachment repeat) does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: fixed repeat-x;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (attachment position)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (attachment position) does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: fixed bottom;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (attachment position)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (attachment position) does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: fixed bottom;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (position color)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position">
+ <link rel="match" href="background-001-ref.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: bottom green;
+ height: 50px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green rectangle across the page.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (position color)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
- <link rel="match" href="background-001-ref.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image." />
- <style type="text/css">
- div
- {
- background: bottom green;
- height: 50px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is a filled green rectangle across the page.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (position image)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position">
+ <meta content="image" name="flags">
+ <meta content="Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: bottom left url("support/cat.png");
+ border: 1px solid black;
+ height: 150px;
+ width: 196px;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (position image)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
- <meta name="flags" content="image" />
- <meta name="assert" content="Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified." />
- <style type="text/css">
- div
- {
- background: bottom left url("support/cat.png");
- border: 1px solid black;
- height: 150px;
- width: 196px;
- }
- </style>
- </head>
- <body>
- <p>Test passes if the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top).</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (position repeat)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (position repeat) does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: bottom repeat-x;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (position repeat)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-position" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (position repeat) does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: bottom repeat-x;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background with (position attachment)</title>
+ <link title="Microsoft" rel="author" href="http://www.microsoft.com/">
+ <link title="Gérard Talbot" rel="reviewer" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-03-14 -->
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment">
+ <link rel="match" href="../reference/ref-nothing-below.xht">
+
+ <meta content="" name="flags">
+ <meta content="Background with (position attachment does not affect the background since image is not set." name="assert">
+ <style type="text/css">
+ div
+ {
+ background: bottom fixed;
+ height: 1in;
+ width: 1in;
+ }
+ </style>
+ </head>
+ <body>
+ <p>Test passes if there is nothing below.</p>
+ <div></div>
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background with (position attachment)</title>
- <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
- <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 -->
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" />
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" />
- <link rel="match" href="../reference/ref-nothing-below.xht" />
-
- <meta name="flags" content="" />
- <meta name="assert" content="Background with (position attachment does not affect the background since image is not set." />
- <style type="text/css">
- div
- {
- background: bottom fixed;
- height: 1in;
- width: 1in;
- }
- </style>
- </head>
- <body>
- <p>Test passes if there is nothing below.</p>
- <div></div>
- </body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>CSS Test: Background Intrinsic Sizes: No intrinsic size</title>
+ <link title="Elika J. Etemad" rel="author" href="http://fantasai.inkedblade.net/contact">
+ <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties">
+ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
+ <link rel="match" href="background-intrinsic-ref.xht">
+ <meta content="svg" name="flags">
+ <meta content="A background image with no intrinsic size covers the entire padding box." name="assert">
+ <style type="text/css">
+ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
+ div {
+ position: relative;
+ }
+ .cover, .limit {
+ width: 120px;
+ height: 120px;
+ margin: 0.5em;
+ background: green; /* Used to match reference; remove for debugging. */
+ }
+ .control {
+ position: absolute;
+ top: 10px; bottom: 10px;
+ left: 10px; right: 30px;
+ }
+ .cover .control {
+ background: red;
+ }
+ .limit .control {
+ background: green;
+ }
+ .test {
+ /* 80x100 bgpos area */
+ height: 80px;
+ width: 60px;
+ padding: 10px;
+ /* 100 x 120 bgpaint area */
+ border: 10px solid transparent;
+ }
+
+ /* Test */
+ .cover .test {
+ background: no-repeat url(support/green-intrinsic-none.svg);
+ }
+ .limit .test {
+ background: no-repeat url(support/red-intrinsic-none.svg);
+ }
+ </style>
+ </head>
+ <body>
+ <p>There must be two green boxes below and no red.</p>
+
+ <div class="cover">
+ <div class="control"></div>
+ <div class="test"></div>
+ </div>
+
+ <div class="limit">
+ <div class="test"></div>
+ <div class="control"></div>
+ </div>
+
+ </body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>CSS Test: Background Intrinsic Sizes: No intrinsic size</title>
- <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/>
- <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" />
- <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size"/>
- <link rel="match" href="background-intrinsic-ref.xht"/>
- <meta name="flags" content="svg" />
- <meta name="assert" content="A background image with no intrinsic size covers
- the entire padding box." />
- <style type="text/css">
- /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
- div {
- position: relative;
- }
- .cover, .limit {
- width: 120px;
- height: 120px;
- margin: 0.5em;
- background: green; /* Used to match reference; remove for debugging. */
- }
- .control {
- position: absolute;
- top: 10px; bottom: 10px;
- left: 10px; right: 30px;
- }
- .cover .control {
- background: red;
- }
- .limit .control {
- background: green;
- }
- .test {
- /* 80x100 bgpos area */
- height: 80px;
- width: 60px;
- padding: 10px;
- /* 100 x 120 bgpaint area */
- border: 10px solid transparent;
- }
-
- /* Test */
- .cover .test {
- background: no-repeat url(support/green-intrinsic-none.svg);
- }
- .limit .test {
- background: no-repeat url(support/red-intrinsic-none.svg);
- }
- </style>
- </head>
- <body>
- <p>There must be two green boxes below and no red.</p>
-
- <div class="cover">
- <div class="control"></div>
- <div class="test"></div>
- </div>
-
- <div class="limit">
- <div class="test"></div>
- <div class="control"></div>
- </div>
-
- </body>
-</html>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-001.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-001.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-002.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-002.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-006.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-006.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-007.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-007.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-008.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-008.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-009.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-009.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-010.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-010.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-011.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-011.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-012.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-012.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-013.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-013.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-014.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-014.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-015.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-015.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-016.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-016.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-017.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-017.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-018.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-018.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-019.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-019.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-020.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-020.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-021.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-021.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-022.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-022.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-023.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-023.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-024.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-024.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-025.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-025.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>There must be two green boxes below and no red</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-intrinsic-001.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-intrinsic-001.htm</test_script_entry>
</description>
<specs>
<spec>
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-001.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-001.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-002" purpose="Check if background with an image display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-002.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-002.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-006" purpose="Check if background with (color image) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-006.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-006.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-007" purpose="Check if background with (color repeat) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-007.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-007.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-008" purpose="Check if background with (color attachment) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-008.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-008.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-009" purpose="Check if background with (color position) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-009.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-009.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-010" purpose="Check if background with (image color) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-010.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-010.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-011" purpose="Check if background with (image repeat) display correctly in visual">
<expected>the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-011.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-011.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-012" purpose="Check if background with (image attachment) display correctly in visual">
<expected>the box below has a cat image tiled throughout, and when scrolling the box the cat images scroll</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-012.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-012.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-013" purpose="Check if background with (image position) display correctly in visual">
<expected>the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-013.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-013.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-014" purpose="Check if background with (repeat color) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-014.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-014.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-015" purpose="Check if background with (repeat image) display correctly in visual">
<expected>the box below has a cat image repeated across the screen, but not down the screen (there is not a cat on top of a cat)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-015.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-015.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-016" purpose="Check if background with (repeat attachment) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-016.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-016.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-017" purpose="Check if background with (repeat position) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-017.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-017.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-018" purpose="Check if background with (attachment color) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-018.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-018.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-019" purpose="Check if background with (attachment image) display correctly in visual">
<expected>the box below has a cat image tiled throughout it, and scrolling the box moves the cats as well</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-019.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-019.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-020" purpose="Check if background with (attachment repeat) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-020.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-020.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-021" purpose="Check if background with (attachment position) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-021.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-021.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-022" purpose="Check if background with (position color) display correctly in visual">
<expected>there is a filled green rectangle across the page</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-022.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-022.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-023" purpose="Check if background with (position image) display correctly in visual">
<expected>the box below has a cat image tiled throughout it, and the cat image is not cut off at the bottom (it can appear cut off at the top)</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-023.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-023.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-024" purpose="Check if background with (position repeat) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-024.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-024.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-025" purpose="Check if background with (position attachment) display correctly in visual">
<expected>there is nothing below</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-025.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-025.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-clip-002" purpose="Check if background-clip initial value display correctly in visual">
<expected>There must be two green boxes below and no red</expected>
</step>
</steps>
- <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-intrinsic-001.xht</test_script_entry>
+ <test_script_entry>/opt/tct-backgrounds-css3-tests/backgrounds/csswg/background-intrinsic-001.htm</test_script_entry>
</description>
</testcase>
<testcase component="WebAPI/DOM, Forms and Styles/CSS Backgrounds and Borders Module Level 3 (Partial)" execution_type="manual" id="background-origin-002" purpose="Check if background-origin with initial value display correctly in visual">
</testcase>
</set>
</suite>
-</test_definition>
\ No newline at end of file
+</test_definition>
projects / test / tct / web / api.git / commitdiff