Improve tests background-size-006~008

Mon, 15 Oct 2012 18:02:34 +0800

author
Zhiqiang Zhang <zhiqiang.zhang@intel.com>
date
Mon, 15 Oct 2012 18:02:34 +0800
changeset 4306
30bf5aec5d08
parent 4305
bef4eaa706ca
child 4307
c47d02866527

Improve tests background-size-006~008

contributors/intel/submitted/css3-background/background-size-006.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-007.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-008.html file | annotate | diff | comparison | revisions
     1.1 --- a/contributors/intel/submitted/css3-background/background-size-006.html	Mon Oct 15 17:34:15 2012 +0800
     1.2 +++ b/contributors/intel/submitted/css3-background/background-size-006.html	Mon Oct 15 18:02:34 2012 +0800
     1.3 @@ -1,43 +1,34 @@
     1.4  <!DOCTYPE html>
     1.5  <html>
     1.6    <head>
     1.7 -    <title>CSS Backgrounds and Borders Test: background-size_length</title>
     1.8 +    <title>CSS Backgrounds and Borders Test: background-size_length_normal</title>
     1.9      <link rel="author" title="Intel" href="http://www.intel.com" />
    1.10      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
    1.11      <meta name="flags" content="image" />
    1.12 -    <meta name="assert" content="Check if 'background-size' is 'auto' and 'background-repeat' is 'no-repeat' that the background is shown with a width of 45px and its height is resolved as 'auto' scaled proportionally to keep the original aspect ratio" />
    1.13 +    <meta name="assert" content="Check if 'background-size' is '45px' and 'background-repeat' is 'no-repeat' that the background is shown with a width of 45px and its height is resolved as 'auto' scaled proportionally to keep the original aspect ratio" />
    1.14      <style>
    1.15 -        #container {
    1.16 +        div {
    1.17              position: absolute;
    1.18          }
    1.19          #ref {
    1.20 -            position: absolute;
    1.21 -            top: 6px;
    1.22 -            left: 6px;
    1.23 -            width: 43px;
    1.24 -            height: 43px;
    1.25 -            background: red;
    1.26 +            background-color: green;
    1.27 +            height: 45px;
    1.28 +            width: 45px;
    1.29          }
    1.30          #test {
    1.31 -            position: absolute;
    1.32 -            top: 0px;
    1.33 -            left: 0px;
    1.34 -            width: 100px;
    1.35 -            height: 100px;
    1.36 -            padding: 25px;
    1.37 -            border: 5px dotted #000000;
    1.38 -
    1.39 -            background-image: url(support/60x60-green.png);
    1.40 +            background-image: url(support/60x60-red.png);
    1.41              background-size: 45px;
    1.42              background-repeat: no-repeat;
    1.43 +            height: 100px;
    1.44 +            width: 100px;
    1.45          }
    1.46      </style>
    1.47    </head>
    1.48    <body>
    1.49      <p>Test passes if there is a filled green square immediately inside the top-left dotted borders and <strong>no red</strong>.</p>
    1.50      <div id="container">
    1.51 +      <div id="test"></div>
    1.52        <div id="ref"></div>
    1.53 -      <div id="test"></div>
    1.54      </div>
    1.55    </body>
    1.56 -</html>
    1.57 \ No newline at end of file
    1.58 +</html>
     2.1 --- a/contributors/intel/submitted/css3-background/background-size-007.html	Mon Oct 15 17:34:15 2012 +0800
     2.2 +++ b/contributors/intel/submitted/css3-background/background-size-007.html	Mon Oct 15 18:02:34 2012 +0800
     2.3 @@ -1,32 +1,26 @@
     2.4  <!DOCTYPE html>
     2.5  <html>
     2.6    <head>
     2.7 -    <title>CSS Backgrounds and Borders Test: background-size_length_zero</title>
     2.8 +    <title>CSS Backgrounds and Borders Test: background-size_length_min</title>
     2.9      <link rel="author" title="Intel" href="http://www.intel.com" />
    2.10      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
    2.11      <meta name="flags" content="image" />
    2.12      <meta name="assert" content="Check if 'background-size' is '0px' that the background image is not to be displayed" />
    2.13      <style>
    2.14 -        #container {
    2.15 +        div {
    2.16              position: absolute;
    2.17          }
    2.18          #ref {
    2.19 -            position: absolute;
    2.20 -            top: 0px;
    2.21 -            left: 0px;
    2.22 +            background-color: green;
    2.23 +            height: 100px;
    2.24              width: 100px;
    2.25 -            height: 100px;
    2.26 -            background: green;
    2.27          }
    2.28          #test {
    2.29 -            position: absolute;
    2.30 -            top: 0px;
    2.31 -            left: 0px;
    2.32 -            width: 100px;
    2.33 -            height: 100px;
    2.34 -
    2.35              background-image: url(support/60x60-red.png);
    2.36              background-size: 0px;
    2.37 +            background-repeat: no-repeat;
    2.38 +            height: 100px;
    2.39 +            width: 100px;
    2.40          }
    2.41      </style>
    2.42    </head>
    2.43 @@ -37,4 +31,4 @@
    2.44        <div id="test"></div>
    2.45      </div>
    2.46    </body>
    2.47 -</html>
    2.48 \ No newline at end of file
    2.49 +</html>
     3.1 --- a/contributors/intel/submitted/css3-background/background-size-008.html	Mon Oct 15 17:34:15 2012 +0800
     3.2 +++ b/contributors/intel/submitted/css3-background/background-size-008.html	Mon Oct 15 18:02:34 2012 +0800
     3.3 @@ -1,33 +1,30 @@
     3.4  <!DOCTYPE html>
     3.5  <html>
     3.6    <head>
     3.7 -    <title>CSS Backgrounds and Borders Test: background-size_length_positioning_area</title>
     3.8 +    <title>CSS Backgrounds and Borders Test: background-size_length_max</title>
     3.9      <link rel="author" title="Intel" href="http://www.intel.com" />
    3.10      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
    3.11      <meta name="flags" content="image" />
    3.12 -    <meta name="assert" content="Check if 'background-size' is set to the positioning area in length and 'background-repeat' is 'no-repeat' that the background is shown as full positioning area" />
    3.13 +    <meta name="assert" content="Check if 'background-size' is '100px', maximum width of the positioning area in length, and 'background-repeat' is 'no-repeat' that the background is shown as full positioning area" />
    3.14      <style>
    3.15 -        #container {
    3.16 +        div {
    3.17              position: absolute;
    3.18          }
    3.19          #ref {
    3.20 -            position: absolute;
    3.21 +            background-color: red;
    3.22 +            height: 98px;
    3.23 +            left: 1px;
    3.24              top: 1px;
    3.25 -            left: 1px;
    3.26              width: 98px;
    3.27 -            height: 98px;
    3.28 -            background: red;
    3.29          }
    3.30          #test {
    3.31 -            position: absolute;
    3.32 -            top: 0px;
    3.33 -            left: 0px;
    3.34 -            width: 100px;
    3.35 -            height: 100px;
    3.36 -
    3.37              background-image: url(support/60x60-green.png);
    3.38              background-size: 100px;
    3.39              background-repeat: no-repeat;
    3.40 +            height: 100px;
    3.41 +            left: 0px;
    3.42 +            top: 0px;
    3.43 +            width: 100px;
    3.44          }
    3.45      </style>
    3.46    </head>
    3.47 @@ -38,4 +35,4 @@
    3.48        <div id="test"></div>
    3.49      </div>
    3.50    </body>
    3.51 -</html>
    3.52 \ No newline at end of file
    3.53 +</html>

mercurial