tests/additional-unit-tests/list/list-tests.js

   1 /*
   2  * Unit Test: list
   3  *
   4  *
   5  */
   6 /*jslint browser: true*/
   7 /*global $, jQuery, test, equal, ok*/
   8 $( document ).ready( function ( ) {
   9
  10         module("List");
  11
  12         var unit_list_test = function ( widget ) {
  13                 var li ;
  14
  15                 /*markup*/
  16                 equal( widget.hasClass("ui-listview"), true, "Markup check") ;
  17                 equal( widget.find('li.ui-li').length, 7, "Markup check") ;
  18                 equal( widget.find('li.ui-li-multiline').length, 1, "Markup check: multiline text") ;
  19                 equal( widget.find('li.ui-li-multiline span.ui-li-text-sub').length, 1, "Markup check: multiline text") ;
  20                 equal( widget.find('li.ui-li a.ui-link-inherit').length, 1, "Markup check:item with anchor") ;
  21                 equal( widget.find('li.ui-li-has-thumb img.ui-li-bigicon').length, 1, "Markup check: item with icon") ;
  22
  23                 li = "<li>1line</li>";
  24                 $( li ).appendTo( widget );
  25                 $( widget ).listview("refresh");
  26                 equal( widget.find('li.ui-li').length, 8, "Markup check") ;
  27         } ;
  28
  29         test("List", function ( ) {
  30                 // trigger pagecreate
  31                 $("#list-unit-test").page( );
  32                 /* Initialize */
  33                 $('#listsample').listview( );
  34                 unit_list_test( $('#listsample'), {button : 'call', cancel : true} ) ;
  35
  36         } );
  37
  38         test("List- dynamic", function ( ) {
  39
  40                 var createEvent = false,
  41                         listHTMML = '<ul id= "listsample1"data-role= "listview"data-fastscroll= "true">' +
  42                                                                         '<li>Anton</li>' +
  43                                                                         '<li class= "ui-li-multiline"> Arabella <span class= "ui-li-text-sub">Subtext</span></li>' +
  44                                                                         '<li>Art<a href= "#dummy-page">1line-sub with anchor<span class= "ui-li-text-sub">Subtext</span></a> </li>' +
  45                                                                         '<li>Barry<img src= "thumbnail.jpg"class= "ui-li-bigicon"/>1line-bigicon1</li></li>' +
  46                                                                         '<li>Bibi</li>' +
  47                                                                         '<li>Billy</li>' +
  48                                                                         '<li>Bob</li>' +
  49                                                                 '</ul>';
  50
  51                 // trigger pagecreate
  52                 $("#list-unit-test-dynamic").page( );
  53                 /* Initialize */
  54                 $("#list-unit-test-dynamic").find(":jqmData(role=contents)").append( listHTMML ) ;
  55                 $('#listsample1').listview( {create : function ( ) {
  56                         createEvent = true ;
  57                 }} );
  58
  59                 $("#list-unit-test-dynamic").find(":jqmData(role=contents)").trigger('create') ;
  60                 $('#listsample1').listview( ) ;
  61
  62                 equal( createEvent, true, "Create Event") ;
  63                 unit_list_test( $('#listsample1') ) ;
  64
  65         } );
  66
  67 } );