testing/web-platform/tests/css/css-backgrounds/border-top-right-radius-001.xht

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3     <head>
   4         <title>CSS Test: Borders. Border-top-right-radius using 0 value</title>
   5         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   6         <meta http-equiv="Content-Style-Type" content="text/css"/>
   7         <meta http-equiv="Content-Script-Type" content="text/javascript"/>
   8         <link rel="author" title="Nokia" href="http://www.nokia.com/"/>
   9         <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"/>
  10         <link rel="match" href="border-radius-001-ref.xht" />
  11         <meta name="flags" content="" />
  12         <meta name="assert" content="To verify if the border-top-right-radius property, when set with 0, works as expected"/>
  13         <style type="text/css">
  14         /* <![CDATA[ */
  15                 div
  16                         {
  17                         border:2px solid #a1a1a1;
  18                         background:#dddddd;
  19                         width:200px;
  20                         height: 100px;
  21                 }
  22                 #test
  23                 {
  24                         border-top-right-radius: 0;
  25                 }
  26         /* ]]> */
  27         </style>
  28 <!--
  29         <script type="text/javascript" src="js/css3_test_helper.js"></script>
  30 -->
  31     </head>
  32     <body>
  33         <p>
  34                         There should be two boxes with no rounded corners.
  35                 </p>
  36                 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
  37                                 <ul>
  38                                         <li>PASS if the two boxes below are the same.</li>
  39                                         <li>FAIL if the output is not as expected.</li>
  40                                 </ul>
  41
  42         <!-- PLACE TEST CONTENT FROM HERE -->
  43         <div id="test"></div>
  44                 <p><br/></p>
  45         <div id="reference"></div>
  46 <!--
  47         <script type="text/javascript">
  48         /* <![CDATA[ */
  49                 var expectedBorderRadius = "0px";
  50
  51                 var testResult = check_CSS_property("border-top-right-radius", expectedBorderRadius);
  52
  53                 /* if (testResult.pass)
  54                   // This portion of the code has been removed to ensure that the test case is not automated
  55                 else {
  56                         // This portion of the code has been removed to ensure that the test case is not automated
  57           } */
  58
  59           if (top.FrameEnabled) top.fnLog(testResult);
  60         /* ]]> */
  61         </script>
  62 -->
  63     </body>
  64 </html>
  65