Improve background-size tests for first-letter/-line pseudo-element

Mon, 15 Oct 2012 16:16:33 +0800

author
Zhiqiang Zhang <zhiqiang.zhang@intel.com>
date
Mon, 15 Oct 2012 16:16:33 +0800
changeset 4303
06faac60a4a7
parent 4302
4a42bfba3b60
child 4304
398ddb20d051

Improve background-size tests for first-letter/-line pseudo-element

contributors/intel/submitted/css3-background/background-size-032.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-033.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/support/blue96x96.png file | annotate | diff | comparison | revisions
     1.1 --- a/contributors/intel/submitted/css3-background/background-size-032.html	Mon Oct 15 10:46:03 2012 +0800
     1.2 +++ b/contributors/intel/submitted/css3-background/background-size-032.html	Mon Oct 15 16:16:33 2012 +0800
     1.3 @@ -8,16 +8,17 @@
     1.4      <meta name="flags" content="" />
     1.5      <meta name="assert" content="Check if background-size is able to apply to the ::first-letter pseudo-element" />
     1.6      <style>
     1.7 -        div:first-letter {
     1.8 +        div::first-letter {
     1.9 +            background-image: url(support/blue96x96.png);
    1.10 +            background-repeat: repeat no-repeat;
    1.11 +            background-size: 100% 50%;
    1.12 +            font-size: 80px;
    1.13              position: absolute;
    1.14 -            background-size: 100% 50%;
    1.15 -            background-repeat: repeat no-repeat;
    1.16 -            background-image: url(support/60x60-green.png);
    1.17          }
    1.18      </style>
    1.19    </head>
    1.20    <body>
    1.21 -    <p>Test passes if the <strong>top half of the first letter</strong> of below paragraph is in <strong>green background</strong>.</p>
    1.22 -    <div>All properties in this module apply to the ::first-letter pseudo-element. The background properties and border-radius properties also apply to the ::first-line pseudo-element.</div>
    1.23 +    <p>Test passes if the <strong>top half</strong> of the <strong>first letter</strong> of below word is in <strong>blue background</strong>.</p>
    1.24 +    <div>All</div>
    1.25    </body>
    1.26 -</html>
    1.27 \ No newline at end of file
    1.28 +</html>
     2.1 --- a/contributors/intel/submitted/css3-background/background-size-033.html	Mon Oct 15 10:46:03 2012 +0800
     2.2 +++ b/contributors/intel/submitted/css3-background/background-size-033.html	Mon Oct 15 16:16:33 2012 +0800
     2.3 @@ -8,16 +8,17 @@
     2.4      <meta name="flags" content="" />
     2.5      <meta name="assert" content="Check if background-size is able to apply to the ::first-line pseudo-element" />
     2.6      <style>
     2.7 -        div:first-line {
     2.8 +        div::first-line {
     2.9 +            background-image: url(support/blue96x96.png);
    2.10 +            background-repeat: repeat no-repeat;
    2.11 +            background-size: 100% 50%;
    2.12 +            font-size: 80px;
    2.13              position: absolute;
    2.14 -            background-size: 100% 50%;
    2.15 -            background-repeat: repeat no-repeat;
    2.16 -            background-image: url(support/60x60-green.png);
    2.17          }
    2.18      </style>
    2.19    </head>
    2.20    <body>
    2.21 -    <p>Test passes if the <strong>top half of the first line</strong> of below paragraph is in <strong>green background</strong>.</p>
    2.22 +    <p>Test passes if the <strong>top half</strong> of the <strong>first line</strong> of below paragraph is in <strong>blue background</strong>.</p>
    2.23      <div>All properties in this module apply to the ::first-letter pseudo-element. The background properties and border-radius properties also apply to the ::first-line pseudo-element.</div>
    2.24    </body>
    2.25 -</html>
    2.26 \ No newline at end of file
    2.27 +</html>
     3.1 Binary file contributors/intel/submitted/css3-background/support/blue96x96.png has changed

mercurial