Update background-size-021 and remove background-size-003, 004

Wed, 14 Nov 2012 17:21:12 +0800

author
Zhiqiang Zhang <zhiqiang.zhang@intel.com>
date
Wed, 14 Nov 2012 17:21:12 +0800
changeset 4767
d17e254e57ff
parent 4766
d68ed4a81b40
child 4768
6eecbb768233

Update background-size-021 and remove background-size-003, 004

contributors/intel/submitted/css3-background/background-size-003.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-004.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-021.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/support/40px-wide-20px-tall-green-rect.png file | annotate | diff | comparison | revisions
     1.1 --- a/contributors/intel/submitted/css3-background/background-size-003.html	Tue Nov 13 09:03:44 2012 -0800
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,31 +0,0 @@
     1.4 -<!DOCTYPE html>
     1.5 -<html>
     1.6 -  <head>
     1.7 -    <title>CSS Backgrounds and Borders Test: background-size - cover keyword value</title>
     1.8 -    <link rel="author" title="Intel" href="http://www.intel.com">
     1.9 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    1.10 -    <meta name="flags" content="image">
    1.11 -    <meta name="assert" content="Check if 'background-size' is 'cover' that it scales the image, while preserving its intrinsic aspect ratio (in this test, the image's intrinsic ratio is 1:1), to the smallest size such that both its width and its height can completely cover the background positioning area. Therefore the used width and height of the background-size in this test should be 150px and 100px.">
    1.12 -    <style>
    1.13 -        #ref-overlapped-red {
    1.14 -            background-color: red;
    1.15 -            height: 100px;
    1.16 -            width: 150px;
    1.17 -        }
    1.18 -        #test-overlapping-green {
    1.19 -            background-image: url(support/60x60-green.png);
    1.20 -            background-repeat: no-repeat;
    1.21 -            background-size: cover;
    1.22 -            bottom: 100px;
    1.23 -            height: 100px;
    1.24 -            position: relative;
    1.25 -            width: 150px;
    1.26 -        }
    1.27 -    </style>
    1.28 -  </head>
    1.29 -  <body>
    1.30 -    <p>Test passes if there is a green rectangle and <strong>no red</strong>.</p>
    1.31 -    <div id="ref-overlapped-red"></div>
    1.32 -    <div id="test-overlapping-green"></div>
    1.33 -  </body>
    1.34 -</html>
     2.1 --- a/contributors/intel/submitted/css3-background/background-size-004.html	Tue Nov 13 09:03:44 2012 -0800
     2.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.3 @@ -1,31 +0,0 @@
     2.4 -<!DOCTYPE html>
     2.5 -<html>
     2.6 -  <head>
     2.7 -    <title>CSS Backgrounds and Borders Test: background-size - contain keyword value</title>
     2.8 -    <link rel="author" title="Intel" href="http://www.intel.com">
     2.9 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    2.10 -    <meta name="flags" content="image">
    2.11 -    <meta name="assert" content="Check if 'background-size' is 'contain' that it scale the image, while preserving its intrinsic aspect ratio (in this test, the image's intrinsic ratio is 1:1), to the largest size such that both its width and its height can fit inside the background positioning area. Therefore the used width and height of the background-size in this test should be 100px and 100px.">
    2.12 -    <style>
    2.13 -        #ref-overlapped-red {
    2.14 -            background-color: red;
    2.15 -            height: 100px;
    2.16 -            width: 100px;
    2.17 -        }
    2.18 -        #test-overlapping-green {
    2.19 -            background-image: url(support/60x60-green.png);
    2.20 -            background-repeat: no-repeat;
    2.21 -            background-size: contain;
    2.22 -            bottom: 100px;
    2.23 -            height: 100px;
    2.24 -            position: relative;
    2.25 -            width: 150px;
    2.26 -        }
    2.27 -    </style>
    2.28 -  </head>
    2.29 -  <body>
    2.30 -    <p>Test passes if there is a green square and <strong>no red</strong>.</p>
    2.31 -    <div id="ref-overlapped-red"></div>
    2.32 -    <div id="test-overlapping-green"></div>
    2.33 -  </body>
    2.34 -</html>
     3.1 --- a/contributors/intel/submitted/css3-background/background-size-021.html	Tue Nov 13 09:03:44 2012 -0800
     3.2 +++ b/contributors/intel/submitted/css3-background/background-size-021.html	Wed Nov 14 17:21:12 2012 +0800
     3.3 @@ -3,10 +3,15 @@
     3.4    <head>
     3.5      <title>CSS Backgrounds and Borders Test: background-size '100% 100%' with background-origin 'content-box'</title>
     3.6      <link rel="author" title="Intel" href="http://www.intel.com">
     3.7 +    <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 -->
     3.8 +    <!-- 
     3.9 +    http://www.gtalbot.org/BrowserBugsSection/review/background-size-021-review.html
    3.10 +    -->
    3.11      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    3.12      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-origin">
    3.13      <meta name="flags" content="image">
    3.14 -    <meta name="assert" content="Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled to become 100px by 100px.">
    3.15 +    <meta name="assert" content="Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled from 40px wide and 20px tall to become 100px by 100px.">
    3.16 +
    3.17      <style>
    3.18          #ref-overlapped-red {
    3.19              background-color: red;
    3.20 @@ -16,8 +21,8 @@
    3.21              top: 30px;
    3.22              width: 100px;
    3.23          }
    3.24 -        #test-overlapping-cat {
    3.25 -            background-image: url(support/cat.png); /* 98px wide by 99px tall */
    3.26 +        #test-overlapping-green {
    3.27 +            background-image: url("support/40px-wide-20px-tall-green-rect.png");
    3.28              background-origin: content-box;
    3.29              background-repeat: no-repeat;
    3.30              background-size: 100% 100%;
    3.31 @@ -36,8 +41,8 @@
    3.32      </style>
    3.33    </head>
    3.34    <body>
    3.35 -    <p>Test passes if there is a fully displayed cat and <strong>no red</strong>.</p>
    3.36 +    <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
    3.37      <div id="ref-overlapped-red"></div>
    3.38 -    <div id="test-overlapping-cat"></div>
    3.39 +    <div id="test-overlapping-green"></div>
    3.40    </body>
    3.41  </html>
     4.1 Binary file contributors/intel/submitted/css3-background/support/40px-wide-20px-tall-green-rect.png has changed

mercurial