Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-30 10:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added test for ui-li-has presence

Browse source 
related to issue #779
This commit is contained in:
gseguin 2011-08-24 13:55:15 -07:00
parent 2cc8c7ff34
commit 00e56c1560
2 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
tests/unit/listview/index.html
View file

@ -296,5 +296,20 @@
</ul>
</div>
<div data-nstest-role="page" id="ui-li-has-test">
<div data-nstest-role="content">
<p>Right padding on item 1 is OK (75px).</p>
<p>Right padding on items 2 &amp; 3 should probably be around 30 or 35 (not 25).</p>
<p>Right padding on item 4 should be 15px to match the left side.</p>
<ol data-nstest-role="listview" data-nstest-inset="true">
<li><a href="#">Link LI with counter --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></a></li>
<li><a href="#">Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a></li>
<li><a href="#page1">Page1 Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</a><a href="#page2"></a></li>
<li>Static LI with counter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------<span class="ui-li-count">123</span></li>
<li>Static LI without counter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</li>
</ol>
</div>
</div>
</body>
</html>

25
tests/unit/listview/listview_core.js
View file

@ -53,6 +53,31 @@
]);
});
asyncTest( "Presence of ui-li-has- classes", function(){
$.testHelper.pageSequence( [
function() {
$.testHelper.openPage( "#ui-li-has-test" );
},
function() {
var page = $( ".ui-page-active" ),
items = page.find( "li" );
ok( items.eq( 0 ).hasClass( "ui-li-has-count"), "First LI should have ui-li-has-count class" );
ok( items.eq( 0 ).hasClass( "ui-li-has-arrow"), "First LI should have ui-li-has-arrow class" );
ok( !items.eq( 1 ).hasClass( "ui-li-has-count"), "Second LI should NOT have ui-li-has-count class" );
ok( items.eq( 1 ).hasClass( "ui-li-has-arrow"), "Second LI should have ui-li-has-arrow class" );
ok( !items.eq( 2 ).hasClass( "ui-li-has-count"), "Third LI should NOT have ui-li-has-count class" );
ok( !items.eq( 2 ).hasClass( "ui-li-has-arrow"), "Third LI should NOT have ui-li-has-arrow class" );
ok( items.eq( 3 ).hasClass( "ui-li-has-count"), "Fourth LI should have ui-li-has-count class" );
ok( !items.eq( 3 ).hasClass( "ui-li-has-arrow"), "Fourth LI should NOT have ui-li-has-arrow class" );
ok( !items.eq( 4 ).hasClass( "ui-li-has-count"), "Fifth LI should NOT have ui-li-has-count class" );
ok( !items.eq( 4 ).hasClass( "ui-li-has-arrow"), "Fifth LI should NOT have ui-li-has-arrow class" );
start();
}
]);
});
module('Nested List Test');
asyncTest( "Changes page to nested list test and enhances", function() {