Permalink
Browse files

[functional tests] Added navigation test (combinations of opening a p…

…age/dialog/popup from a page/dialog/popup)
  • Loading branch information...
1 parent 34f46f1 commit 59be4b9ce87c36230094ed0ca37d54630b1853f7 @gabrielschulhof gabrielschulhof committed Sep 18, 2012
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>A dialog</title>
+</head>
+<body>
+ <div data-role="dialog">
+ <div data-role="header">
+ <h1>A dialog</h1>
+ </div>
+ <div data-role="content">
+ <a href="hashchange.html" data-role="button" data-inline="true">A page</a>
+ <div id="thePopup" data-role="popup">
+ <p>This is a popup from a dialog</p>
+ </div>
+ <a href="#thePopup" data-role="button" data-rel="popup" data-inline="true">A popup from a dialog</a>
+ <a href="dialog1.html" data-role="button" data-rel="dialog" data-inline="true">Another dialog</a>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Another dialog</title>
+</head>
+<body>
+ <div data-role="dialog">
+ <div data-role="header">
+ <h1>Another dialog</h1>
+ </div>
+ <div data-role="content">
+ <a href="hashchange1.html" data-role="button" data-inline="true">Another page</a>
+ <div id="thePopup" data-role="popup">
+ <p>This is a popup from another dialog</p>
+ </div>
+ <a href="#thePopup" data-role="button" data-rel="popup" data-inline="true">Popup from another dialog</a>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Yet another dialog</title>
+</head>
+<body>
+ <div data-role="dialog">
+ <div data-role="header">
+ <h1>Yet another dialog</h1>
+ </div>
+ <div data-role="content">
+ <a href="hashchange1.html" data-role="button" data-inline="true">Another page</a>
+ <div id="thePopup" data-role="popup">
+ <p>This is a popup in yet another dialog</p>
+ </div>
+ <a href="#thePopup" data-role="button" data-rel="popup" data-inline="true">A popup in yet another dialog</a>
+ </div>
+ </div>
+</body>
+</html>
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>jQuery Mobile: hashchange Tester: A page</title>
+ <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
+ <link rel="stylesheet" href="../../../docs/_assets/css/jqm-docs.css" />
+ <script src="../../../js/jquery.tag.inserter.js"></script>
+ <script src="../../../js/jquery.js"></script>
+ <script src="../../../docs/_assets/js/jqm-docs.js"></script>
+ <script src="../../../js/"></script>
+</head>
+<body>
+<div data-role="popup" id="common">
+ <p>This popup is common to all pages</p>
+</div>
+<div data-role="page" id="hashChangePage">
+ <div data-role="header">
+ <a href="#popup" data-rel="popup">Popup</a>
+ <h1>A page</h1>
+ </div>
+ <div data-role="content">
+ <a data-role="button" href="#common">Common</a>
+ <a data-role="button" href="hashchange1.html">Another page</a>
+ <a data-role="button" href="#page2">A page: internal page</a>
+ <div id="popup" data-role="popup">
+ <p>Popup on first page</p>
+ <a href="hashchange1.html">Another page</a><br></br>
+ <a data-role="button" href="dialog.html" data-rel="dialog">A dialog</a>
+ </div>
+ <a data-role="button" href="#popup" data-rel="popup">Popup 1</a>
+ <a data-role="button" href="dialog.html" data-rel="dialog">A dialog</a>
+ <a data-role="button" href="dialog2.html" data-rel="dialog">Yet another dialog</a>
+ <a data-role="button" href="hashchange1.html">Another page</a>
+ </div>
+</div>
+<div data-role="page" id="page2">
+ <div data-role="header">
+ <h1>A page: internal Page</h1>
+ </div>
+ <div data-role="content">
+ <div id="the-popup" data-role="popup">
+ <p>The popup</p>
+ </div>
+ <a href="#the-popup" data-role="button" data-inline="true" data-rel="popup">Pop</a>
+ </div>
+</div>
+</body>
+</html>
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>jQuery Mobile: hashchange Tester: Another page</title>
+ <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
+ <link rel="stylesheet" href="../../../docs/_assets/css/jqm-docs.css" />
+ <script src="../../../js/jquery.tag.inserter.js"></script>
+ <script src="../../../js/jquery.js"></script>
+ <script src="../../../docs/_assets/js/jqm-docs.js"></script>
+ <script src="../../../js/"></script>
+</head>
+<body>
+<div data-role="page">
+ <div data-role="header">
+ <h1>Another page</h1>
+ </div>
+ <div data-role="content">
+ <a data-role="button" href="hashchange.html">A page</a>
+ <a data-role="button" href="hashchange2.html">Yet another page</a>
+ <div id="another-popup" data-role="popup">
+ <p>Popup on another page</a>
+ </div>
+ <a data-role="button" href="#another-popup" data-rel="popup">Popup on another page</a>
+ <a data-role="button" href="dialog.html" data-rel="dialog">A dialog</a>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <a data-role="button" href="hashchange.html">A page</a>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </div>
+</div>
+</body>
+</html>
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>jQuery Mobile: hashchange Tester: Yet another page</title>
+ <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
+ <link rel="stylesheet" href="../../../docs/_assets/css/jqm-docs.css" />
+ <script src="../../../js/jquery.tag.inserter.js"></script>
+ <script src="../../../js/jquery.js"></script>
+ <script src="../../../docs/_assets/js/jqm-docs.js"></script>
+ <script src="../../../js/"></script>
+</head>
+<body>
+<div data-role="page">
+ <div data-role="header">
+ <h1>Yet another page</h1>
+ </div>
+ <div data-role="content">
+ <a data-role="button" href="hashchange.html">A page</a>
+ <div id="yet-another-popup" data-role="popup">
+ <p>Popup on yet another page</a>
+ </div>
+ <a data-role="button" href="#yet-another-popup" data-rel="popup">Popup on yet another page</a>
+ <a data-role="button" href="dialog.html" data-rel="dialog">A dialog</a>
+ </div>
+</div>
+</body>
+</html>

0 comments on commit 59be4b9

Please sign in to comment.