Skip to content
This repository has been archived by the owner on Oct 8, 2021. It is now read-only.

Commit

Permalink
[functional tests] Added navigation test (combinations of opening a p…
Browse files Browse the repository at this point in the history
…age/dialog/popup from a page/dialog/popup)
  • Loading branch information
Gabriel Schulhof committed Sep 18, 2012
1 parent 34f46f1 commit 59be4b9
Show file tree
Hide file tree
Showing 6 changed files with 177 additions and 0 deletions.
21 changes: 21 additions & 0 deletions tests/functional/hashchange/dialog.html
Original file line number Diff line number Diff line change
@@ -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>
20 changes: 20 additions & 0 deletions tests/functional/hashchange/dialog1.html
Original file line number Diff line number Diff line change
@@ -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>
20 changes: 20 additions & 0 deletions tests/functional/hashchange/dialog2.html
Original file line number Diff line number Diff line change
@@ -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>
50 changes: 50 additions & 0 deletions tests/functional/hashchange/hashchange.html
Original file line number Diff line number Diff line change
@@ -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>
37 changes: 37 additions & 0 deletions tests/functional/hashchange/hashchange1.html
Original file line number Diff line number Diff line change
@@ -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>
29 changes: 29 additions & 0 deletions tests/functional/hashchange/hashchange2.html
Original file line number Diff line number Diff line change
@@ -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.