test/tests/basic.html

   1 <html id="html">
   2 <head>
   3         <script type="text/javascript" src="../lib/Test/Builder.js"></script>
   4         <script type="text/javascript" src="../lib/Test/More.js"></script>
   5         <script type="text/javascript" src="../lib/test.js"></script>
   6         <script type="text/javascript" src="../../jquery/jquery-svn.js"></script>
   7 </head>
   8 <body id="body">
   9         <h1>Basic Usage</h1>
  10
  11         <!-- Test HTML -->
  12         <div id="main" style="display: none;"></div>
  13         <div id="foo" style="display: none;"></div>
  14
  15         <pre id="test"><script>
  16                 plan({tests: 11});
  17                 var div = $("div");
  18
  19                 diag( "Getters" );
  20
  21                 cmpOK( div.size(), "==", 2, "Get Number of Elements Found" );
  22
  23                 isSet( div.get(), q("main","foo"), "Get All Elements" );
  24                 cmpOK( div.get(0), "==", document.getElementById("main"),
  25                         "Get A Single Element" );
  26
  27                 diag( "Setters" );
  28
  29                 div.each(function(){this.foo = 'zoo';});
  30                 var pass = true;
  31                 for ( var i = 0; i < div.size(); i++ ) {
  32                         if ( div.get(i).foo != "zoo" ) pass = false;
  33                 }
  34                 ok( pass, "Execute, Relative" );
  35
  36                 div.addClass("test");
  37                 var pass = true;
  38                 for ( var i = 0; i < div.size(); i++ ) {
  39                         if ( div.get(i).className.indexOf("test") == -1 ) pass = false;
  40                 }
  41                 ok( pass, "Add Class" );
  42
  43                 div.removeClass("test");
  44                 var pass = true;
  45                 for ( var i = 0; i < div.size(); i++ ) {
  46                         if ( div.get(i).className.indexOf("test") != -1 ) pass = false;
  47                 }
  48                 ok( pass, "Remove Class" );
  49
  50                 div.html("<b>test</b>");
  51                 var pass = true;
  52                 for ( var i = 0; i < div.size(); i++ ) {
  53                         if ( div.get(i).childNodes.length == 0 ) pass = false;
  54                 }
  55                 ok( pass, "Set HTML" );
  56
  57                 div.attr("foo", "bar");
  58                 var pass = true;
  59                 for ( var i = 0; i < div.size(); i++ ) {
  60                         if ( div.get(i).foo != "bar" ) pass = false;
  61                 }
  62                 ok( pass, "Set Attribute" );
  63
  64                 div.attr({foo: 'baz', zoo: 'ping'});
  65                 var pass = true;
  66                 for ( var i = 0; i < div.size(); i++ ) {
  67                         if ( div.get(i).foo != "baz" && div.get(i).zoo != "ping" ) pass = false;
  68                 }
  69                 ok( pass, "Set Multiple Attributes" );
  70
  71                 diag( "Effects" );
  72
  73                 var pass = true;
  74                 div.show().each(function(){
  75                         if ( this.style.display == "none" ) pass = false;
  76                 });
  77                 ok( pass, "Show" );
  78
  79                 var pass = true;
  80                 div.hide().each(function(){
  81                         if ( this.style.display != "none" ) pass = false;
  82                 });
  83                 ok( pass, "Hide" );
  84         </script></pre>
  85 </body>
  86 </html>