testing/web-platform/tests/css/css-backgrounds/border-top-left-radius-014.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-left-radius using two length values: 50px -25px</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="assert" content="To verify if one length value is negative in border-top-left-radius, then the corner is not rounded."/>
  12         <style type="text/css">
  13         /* <![CDATA[ */
  14                 div
  15                         {
  16                         border:2px solid #a1a1a1;
  17                         background:#dddddd;
  18                         width:200px;
  19                         height: 100px;
  20                 }
  21                 #test
  22                 {
  23                         border-top-left-radius: 50px -25px;
  24                 }
  25         /* ]]> */
  26         </style>
  27 <!--
  28         <script type="text/javascript" src="js/css3_test_helper.js"></script>
  29 -->
  30     </head>
  31     <body>
  32         <p>
  33                         There should be two boxes with no rounded corners.
  34                 </p>
  35                 <!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
  36                                 <ul>
  37                                         <li>PASS if the two boxes below are the same.</li>
  38                                         <li>FAIL if the output is not as expected.</li>
  39                                 </ul>
  40
  41         <!-- PLACE TEST CONTENT FROM HERE -->
  42         <div id="test"></div>
  43                 <p><br/></p>
  44         <div id="reference"></div>
  45 <!--
  46         <script type="text/javascript">
  47         /* <![CDATA[ */
  48                 var expectedBorderRadius = "0px";
  49
  50                 var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
  51
  52                 /* if (testResult.pass)
  53                   // This portion of the code has been removed to ensure that the test case is not automated
  54                 else {
  55                         // This portion of the code has been removed to ensure that the test case is not automated
  56           } */
  57
  58           if (top.FrameEnabled) top.fnLog(testResult);
  59         /* ]]> */
  60         </script>
  61 -->
  62     </body>
  63 </html>
  64