unit-test : add page backbutton control test
authorJinhyuk Jun <jinhyuk.jun@samsung.com>
Mon, 21 Jan 2013 11:19:05 +0000 (20:19 +0900)
committerYoumin Ha <youmin.ha@samsung.com>
Tue, 22 Jan 2013 05:26:04 +0000 (14:26 +0900)
Change-Id: I0bc37853a8a428ce347e059f281bed59b9fd3a28

tests/unit-tests/page/index.html [new file with mode: 0755]
tests/unit-tests/page/page-tests.js [new file with mode: 0755]
tests/unit-tests/tests.js

diff --git a/tests/unit-tests/page/index.html b/tests/unit-tests/page/index.html
new file mode 100755 (executable)
index 0000000..a21d034
--- /dev/null
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<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="page-tests.js"></script>
+</head>
+<body>
+
+<h1 id="qunit-header">jQuery Mobile Page Tests</h1>
+<h2 id="qunit-banner"></h2>
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests">
+</ol>
+
+<div id="main_page" data-nstest-role="page">
+       <div data-role="header" data-nstest-position="inline">
+               <h1>Page Test - markup</h1>
+       </div>
+       <div data-role="content">
+       </div>
+       <div data-role="footer">
+       </div>
+</div>
+
+<div id="main_page_back" data-nstest-role="page" data-add-back-btn="true">
+       <div data-role="header" data-nstest-position="inline">
+               <h1>Page Test - markup</h1>
+       </div>
+       <div data-role="content">
+       </div>
+       <div data-role="footer">
+       </div>
+</div>
+
+<div id="main_page_back_header" data-nstest-role="page" data-add-back-btn="header">
+       <div data-role="header" data-nstest-position="inline">
+               <h1>Page Test - markup</h1>
+       </div>
+       <div data-role="content">
+       </div>
+       <div data-role="footer">
+       </div>
+</div>
+
+
+</body>
+</html>
diff --git a/tests/unit-tests/page/page-tests.js b/tests/unit-tests/page/page-tests.js
new file mode 100755 (executable)
index 0000000..b98f199
--- /dev/null
@@ -0,0 +1,34 @@
+/*
+ * page unit tests
+ */
+
+(function ($) {
+       $.mobile.defaultTransition = "none";
+
+       module( "Page" );
+
+       var unit_page = function ( widget, backoption ) {
+               var created_page = widget.page();
+
+               /* Create */
+               ok( created_page, "Create" );
+
+               equal( created_page.children(".ui-footer" ).length, 1, "check if fixed bar exist" );
+
+               if ( backoption  ) {
+                       equal( created_page.children(".ui-" + backoption ).find( "a" ).hasClass( "ui-btn-back" ), true );
+               }
+       };
+
+       test( "Basic page create test", function () {
+               unit_page( $("#main_page") );
+       });
+
+       test( "Back button page create test", function () {
+               unit_page( $("#main_page_back"), "footer" );
+       });
+
+       test( "Back button page create test - header", function () {
+               unit_page( $("#main_page_back_header"), "header" );
+       });
+})(jQuery);
index e22f85b..14689e1 100755 (executable)
@@ -23,6 +23,7 @@ var TESTS = {
                "tokentextarea",
                "virtuallist",
                "virtualgrid",
-               "collapsible"
+               "collapsible",
+               "page"
        ]
 };