projects / platform / framework / web / web-ui-fw.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (from parent 1: 8963f27)
UnitTC: added list divider unit test
authorhjnim.kim <hjnim.kim@samsung.com>
Tue, 5 Mar 2013 06:58:22 +0000 (15:58 +0900)
committerYoumin Ha <youmin.ha@samsung.com>
Thu, 7 Mar 2013 12:10:31 +0000 (21:10 +0900)
List divider unit testcase has been added

Change-Id: I3593eb60ba75445696555e2e6edc44313a989db2

tests/unit-tests/listdivider/index.html [new file with mode: 0755] patch | blob
tests/unit-tests/listdivider/listdivider-tests.js [new file with mode: 0644] patch | blob

diff --git a/tests/unit-tests/listdivider/index.html b/tests/unit-tests/listdivider/index.html
new file mode 100755 (executable)
index 0000000..e378211
--- /dev/null
+++ b/tests/unit-tests/listdivider/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+       <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
+       <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+       <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
+               data-framework-theme="tizen-white"
+               data-framework-viewport-scale=false>
+       </script>
+
+       <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
+
+       <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
+       <script src="listdivider-tests.js"></script>
+
+       <title>Listdivider</title>
+</head>
+
+<body>
+
+<h1 id="qunit-header">List divider</h1>
+<h2 id="qunit-banner"></h2>
+<div id="qunit-testrunner-toolbar"></div>
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests"></ol>
+
+<div id="qunit-fixture">
+
+       <div data-role="page">
+               <div data-role="header" data-position="fixed">
+                       <h1>List divider</h1>
+               </div>
+               <div class="content" data-role="content" data-scroll="y">
+                       <ul id="listview1" data-role="listview">
+                               <li data-role="list-divider">Item styles</li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li data-role="list-divider">Item styles</li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li data-role="list-divider">Item styles</li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                               <li><a href="#">Normal lists</a></li>
+                       </ul>
+               </div>
+       </div>
+
+       <div id="listdivdier_group" data-role="page">
+               <div data-role="header" data-position="fixed">
+                       <h1>Groupped Divider </h1>
+               </div>
+               <div class="content" data-role="content" data-scroll="y">
+                       <ul id="listview2" data-role="listview">
+                               <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li data-role="list-divider" data-style="check"><form><input type="checkbox"  name="c2line-check1" /></form>Item styles</li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                               <li><a href="#" >Normal lists</a></li>
+                       </ul>
+               </div>
+               <div data-role="footer">
+               </div>
+       </div>
+
+</div>
+
+</body>
+</html>
diff --git a/tests/unit-tests/listdivider/listdivider-tests.js b/tests/unit-tests/listdivider/listdivider-tests.js
new file mode 100644 (file)
index 0000000..82a34f3
--- /dev/null
+++ b/tests/unit-tests/listdivider/listdivider-tests.js
@@ -0,0 +1,42 @@
+/*
+ * Unit Test: listdivider
+ *
+ * Hyunjung Kim <hjnim.kim@samsung.com>
+ */
+
+(function ($) {
+       module("Listdivider");
+
+       var unit_listdivider = function ( widget ) {
+               var listdivdierDynamic = '<li data-role= "list-divider">Item styles</li>';
+               equal( widget.find(":jqmData(role=list-divider)").length, 3, "List dividers count");
+               widget.find(":jqmData(role=list-divider)").each( function( ) {
+                       equal( $(this).text().trim(), "Item styles", "List divider text check" )
+               } );
+               equal( widget.find('li.ui-li-divider').length, 3, "CSS check : list dividers count");
+
+               $( listdivdierDynamic ).appendTo( widget );
+               $( widget ).listview("refresh");
+
+               equal( widget.find(":jqmData(role=list-divider)").length, 4, "List dividers count");
+               widget.find(":jqmData(role=list-divider)").each( function( ) {
+                       equal( $(this).text().trim(), "Item styles", "List divider text check" )
+               } );
+       };
+
+       var unit_listcheckdivider = function ( widget ) {
+               unit_listdivider( widget );
+               equal(  widget.find('li.ui-li-has-checkbox').length, widget.find('li.ui-li-divider').length - 1, "List checkbox divider count check");
+       };
+
+       test( "Listdivider", function () {
+               $("#listview1").listview();
+               unit_listdivider( $("#listview1") );
+       });
+
+       test( "listdivdier_group", function() {
+               $("#listdivdier_group").page( );
+               $("#listview2").listview();
+               unit_listcheckdivider( $("#listview2") );
+       });
+}( jQuery ));
Domain: Web Framework / Uncategorized;