tests/additional-unit-tests/autodivider/autodivider-tests.js

   1 /*
   2  * Unit Test : autodivider
   3  *
   4  *
   5  */
   6 /*jslint browser: true*/
   7 /*global $,  jQuery,  test,  equal,  ok*/
   8
   9 $ ( document ).ready ( function ( ) {
  10         module ("Autodivider") ;
  11
  12         var unit_listdividers_test = function ( widget ) {
  13                 var li ;
  14                 /*markup*/
  15                 equal ( widget.hasClass ("ui-listview") ,  true, "Markup check") ;
  16                 equal ( widget.find ( ' li.ui-li ' ).length,  24, "Markup check") ;
  17                 equal ( widget.find (":jqmData(role=list-divider)").length,  8, "Markup check : list dividers count") ;
  18                 equal ( widget.find ( ' li.ui-li-divider ' ).length,  8, "Markup check : list dividers count") ;
  19
  20                 /*adding element which fits in last divisiov*/
  21                 li = "<li>Harry</li>";
  22                 $ ( li ).appendTo ( widget ) ;
  23                 $ ( widget ).listview ("refresh") ;
  24                 equal ( widget.find ( ' li.ui-li ' ).length,  25, "API : refresh check") ;
  25
  26                 /*adding element which need new divisiov*/
  27                 li = "<li>Jack</li>";
  28                 $ ( li ).appendTo ( widget ) ;
  29                 $ ( widget ).listview ("refresh") ;
  30                 equal ( widget.find ( ' li.ui-li ' ).length,  27, "API : refresh check") ;
  31         } ;
  32
  33         test ("Autodivider",  function ( ) {
  34                 // trigger pagecreate
  35                 $ ("#autodivider-unit-test").page ( ) ;
  36                 /* Initialize */
  37                 $ ( ' #autodividersample ' ).listview ( ) ;
  38                 unit_listdividers_test ( $ ( ' #autodividersample ' ) ,  {button : ' call ' ,  cancel : true} ) ;
  39
  40         } ) ;
  41
  42         test ("autodivider- dynamic",  function ( ) {
  43
  44                 var createEvent = false ,
  45                         listHTMML = ' <ul data-role="listview"id="autodividersample1"data-autodividers="alpha"> ' +
  46                                                                                          ' <li><a href="#">Adam Kinkaid</a></li> ' +
  47                                                                                          ' <li><a href="#">Alex Wickerham</a></li> ' +
  48                                                                                          ' <li><a href="#">Avery Johnson</a></li> ' +
  49                                                                                          ' <li><a href="#">Bob Cabot</a></li> ' +
  50                                                                                          ' <li><a href="#">Caleb Booth</a></li> ' +
  51                                                                                          ' <li><a href="#">Christopher Adams</a></li> ' +
  52                                                                                          ' <li><a href="#">Culver James</a></li> ' +
  53                                                                                          ' <li><a href="#">David Walsh</a></li> ' +
  54                                                                                          ' <li><a href="#">Drake Alfred</a></li> ' +
  55                                                                                          ' <li><a href="#">Elizabeth Bacon</a></li> ' +
  56                                                                                          ' <li><a href="#">Emery Parker</a></li> ' +
  57                                                                                          ' <li><a href="#">Enid Voldon</a></li> ' +
  58                                                                                          ' <li><a href="#">Francis Wall</a></li> ' +
  59                                                                                          ' <li><a href="#">Graham Smith</a></li> ' +
  60                                                                                          ' <li><a href="#">Greta Peete</a></li> ' +
  61                                                                                          ' <li><a href="#">Harvey Walls</a></li> ' +
  62                                                                  ' </ul> ' ;
  63
  64                 // trigger pagecreate
  65                 $ ("#autodivider-unit-test-dynamic").page ( ) ;
  66
  67                 /* Initialize */
  68                 $ ("#autodivider-unit-test-dynamic").find (":jqmData(role=contents)").append ( listHTMML ) ;
  69                 equal ( $ ("#autodivider-unit-test-dynamic").find ( ' li ' ).length,  16, "Markup check before autodividers created") ;
  70                 $ ( ' #autodividersample1 ' ).listview ( {create : function ( ) {
  71                         createEvent = true ;
  72                 }} ) ;
  73
  74                 $ ("#autodivider-unit-test-dynamic").find (":jqmData(role=contents)").trigger ( ' create ' ) ;
  75                 $ ( ' #autodividersample1 ' ).listview ( ) ;
  76
  77                 equal ( createEvent,  true, "Create Event") ;
  78                 equal ( $ ("#autodivider-unit-test-dynamic").find ( ' li.ui-li ' ).length,  24, "Markup check after autodividers created") ;
  79                 unit_listdividers_test ( $ ( ' #autodividersample1 ' ) ) ;
  80
  81         } ) ;
  82
  83 } ) ;