PageRenderTime 46ms CodeModel.GetById 14ms RepoModel.GetById 1ms app.codeStats 0ms

/tests/integration/navigation/index.html

https://gitlab.com/18runt88/jquery-mobile
HTML | 313 lines | 244 code | 57 blank | 12 comment | 0 complexity | 9f810ba03d9ad7a81352091b18e7d49d MD5 | raw file
    

  1. <!doctype html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. 	<title>jQuery Mobile Navigation Test Suite</title>
    7. 

  7. 

  8. 	<script src="../../../js/jquery.tag.inserter.js"></script>
    9. 

  9. 	<script src="../../jquery.setNameSpace.js"></script>
    10. 

  10. 	<script src="../../../tests/jquery.testHelper.js"></script>
    11. 

  11. 	<script type="text/javascript">
    12. 

  12. 		$( document ).bind( "mobileinit", function(){
    13. 

  13. 				$.testHelper.setPushState();
    14. 

  14. 		});
    15. 

  15. 	</script>
    16. 

  16. 	<!-- Because our reloading code reloads our AMD modules
    17. 

  17. 	but now tests are running against the built bundle, we need to include the define shim
    18. 

  18. 	in order for the reload to work -->
    19. 

  19. 	<script src="../../../js/jquery.mobile.define.js"></script>
    20. 

  20. 	<script src="../../../js/"></script>
    21. 

  21. 	<link rel="stylesheet"	href="../../../css/themes/default/jquery.mobile.css"/>
    22. 

  22. 	<link rel="stylesheet" href="../../../external/qunit/qunit.css"/>
    23. 

  23. 	<link rel="stylesheet" href="../../jqm-tests.css"/>
    24. 

  24. 	<script src="../../../external/qunit/qunit.js"></script>
    25. 

  25. 	<script type="text/javascript" src="navigation_core.js"></script>
    26. 

  26. 	<script type="text/javascript" src="navigation_paths.js"></script>
    27. 

  27. 	<script src="../../swarminject.js"></script>
    28. 

  28. </head>
    29. 

  29. <body>
    30. 

  30. 	<div id="qunit"></div>
    31. 

  31. 

  32. 	<div id="harmless-default-page"	 data-nstest-role="page" class="first-page">
    33. 

  33. 		<a id="goToGoogle" href="http://www.google.com/#abc">Go to Google</a>
    34. 

  34. 		<a id="goToPercentPage" href="100%25test/behind-the-percent.html">Go to percent page</a>
    35. 

  35. 	</div>
    36. 

  36. 

  37. 	<div id="foo" data-nstest-role="page" class="foo-class">
    38. 

  38. 		<a href="#bar" data-nstest-transition="flip"></a>
    39. 

  39. 		<a id="bad-internal-page-link" href="#non-existent-page"></a>
    40. 

  40. 	</div>
    41. 

  41. 

  42. 	<div id="prefetch" data-nstest-role="page">
    43. 

  43. 		<a href="prefetched.html" data-nstest-prefetch>Prefetch test</a>
    44. 

  44. 	</div>
    45. 

  45. 

  46. 	<div id="foozball" data-nstest-role="page">
    47. 

  47. 	</div>
    48. 

  48. 

  49. 	<div id="bar"	 data-nstest-role="page">
    50. 

  50. 		<a href="#baz"></a>
    51. 

  51. 	</div>
    52. 

  52. 

  53. 	<div id="baz"	 data-nstest-role="page">
    54. 

  54. 		<a href="#foo"></a>
    55. 

  55. 	</div>
    56. 

  56. 

  57. 	<div id="fade-trans" data-nstest-role="page">
    58. 

  58. 		<a href="#flip-trans" data-nstest-transition="fade"></a>
    59. 

  59. 	</div>
    60. 

  60. 

  61. 	<div id="flip-trans" data-nstest-role="page">
    62. 

  62. 		<a href="#fade-trans" data-nstest-transition="flip"></a>
    63. 

  63. 	</div>
    64. 

  64. 

  65. 	<div id="no-trans" data-nstest-role="page">
    66. 

  66. 		<a href="#pop-trans"></a>
    67. 

  67. 	</div>
    68. 

  68. 

  69. 	<div id="pop-trans"	 data-nstest-role="page">
    70. 

  70. 		<a href="#no-trans" data-nstest-transition="pop"></a>
    71. 

  71. 	</div>
    72. 

  72. 

  73. 	<div id="default-trans"	 data-nstest-role="page">
    74. 

  74. 		<a href="#no-trans"></a>
    75. 

  75. 	</div>
    76. 

  76. 

  77. 	<div id="data-url" data-nstest-role="page">
    78. 

  78. 		<a href="data-url-tests/data-url.html"></a>
    79. 

  79. 	</div>
    80. 

  80. 

  81. 	<div id="non-data-url" data-nstest-role="page">
    82. 

  82. 		<a href="data-url-tests/non-data-url.html"></a>
    83. 

  83. 	</div>
    84. 

  84. 

  85. 	<div id="nested-data-url"	 data-nstest-role="page">
    86. 

  86. 		<a href="data-url-tests/nested.html"></a>
    87. 

  87. 	</div>
    88. 

  88. 

  89. 	<div id="single-quotes-data-url" data-nstest-role="page">
    90. 

  90. 		<a href="data-url-tests/single-quotes.html"></a>
    91. 

  91. 	</div>
    92. 

  92. 

  93. 	<div id="reverse-attr-data-url"	 data-nstest-role="page">
    94. 

  94. 		<a href="data-url-tests/reverse-attr.html"></a>
    95. 

  95. 	</div>
    96. 

  96. 

  97. 	<div id="ajax-disabled-form" data-nstest-role="page">
    98. 

  98. 		<form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="false">
    99. 

  99. 		</form>
    100. 

  100. 

  101. 		<form method="POST" id="ajax-form" action="/ajax-disabled-form">
    102. 

  102. 		</form>
    103. 

  103. 

  104. 		<form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="foo">
    105. 

  105. 		</form>
    106. 

  106. 	</div>
    107. 

  107. 

  108. 	<div id="default-trans-dialog" data-nstest-role="page">
    109. 

  109. 		<a href="#no-trans-dialog" data-nstest-rel="dialog"></a>
    110. 

  110. 	</div>
    111. 

  111. 

  112. 	<div id="no-trans-dialog" data-nstest-role="page">
    113. 

  113. 	</div>
    114. 

  114. 

  115. 	<div id="dup-history-first" data-nstest-role="page">
    116. 

  116. 		<a href="#dup-history-second" data-nstest-transition="slideup" data-nstest-role="button" >
    117. 

  117. 			Page 2
    118. 

  118. 		</a>
    119. 

  119. 	</div>
    120. 

  120. 

  121. 	<div id="dup-history-second" data-nstest-role="page">
    122. 

  122. 		<a href="#dup-history-first" data-nstest-transition="slideup" data-nstest-role="button">
    123. 

  123. 			Page 1
    124. 

  124. 		</a>
    125. 

  125. 		<a href="#dup-history-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
    126. 

  126. 	</div>
    127. 

  127. 

  128. 	<div id="dup-history-dialog" data-nstest-role="dialog">
    129. 

  129. 		 <div data-nstest-role="header" data-nstest-position="inline">
    130. 

  130. 			 <h1>Dialog</h1>
    131. 

  131. 		 </div>
    132. 

  132. 	</div>
    133. 

  133. 

  134. 	<div id="skip-dialog-first" data-nstest-role="page">
    135. 

  135. 		<div data-nstest-role="content">
    136. 

  136. 			<a href="#skip-dialog" data-nstest-role="button" data-nstest-transition="pop" data-nstest-rel="dialog">Dialog</a>
    137. 

  137. 		</div>
    138. 

  138. 	</div>
    139. 

  139. 

  140. 	<div id="skip-dialog" data-nstest-role="dialog">
    141. 

  141. 		<div data-nstest-role="content">
    142. 

  142. 			<a href="#skip-dialog-second">Page 2</a>
    143. 

  143. 		</div>
    144. 

  144. 	</div>
    145. 

  145. 

  146. 	<div id="skip-dialog-second" data-nstest-role="page">
    147. 

  147. 		<a href="#" data-nstest-rel="back">Go Back</a>
    148. 

  148. 	</div>
    149. 

  149. 

  150. 	<div id="dialog-double-hash-test-dialog" data-nstest-role="dialog">
    151. 

  151. 		<div data-nstest-role="header">
    152. 

  152. 			<h1>Dialog</h1>
    153. 

  153. 		</div>
    154. 

  154. 	</div>
    155. 

  155. 

  156. 	<div id="dialog-double-hash-test" data-nstest-role="page">
    157. 

  157. 		<div data-nstest-role="content">
    158. 

  158. 			<a href="#dialog-double-hash-test-dialog">Dialog</a>
    159. 

  159. 		</div>
    160. 

  160. 	</div>
    161. 

  161. 

  162. 	<div id="nested-dialog-page" data-nstest-role="page">
    163. 

  163. 		<div data-nstest-role="content">
    164. 

  164. 			<a href="#nested-dialog-first">Dialog</a>
    165. 

  165. 		</div>
    166. 

  166. 	</div>
    167. 

  167. 

  168. 	<div id="nested-dialog-first" data-nstest-role="dialog">
    169. 

  169. 		<div data-nstest-role="content">
    170. 

  170. 			<a href="#nested-dialog-second">Dialog 2</a>
    171. 

  171. 		</div>
    172. 

  172. 	</div>
    173. 

  173. 

  174. 	<div id="nested-dialog-second" data-nstest-role="dialog">
    175. 

  175. 	</div>
    176. 

  176. 

  177. 	<div id="relative-after-embedded-page-first" data-nstest-role="page">
    178. 

  178. 		<div data-nstest-role="content">
    179. 

  179. 			<a href="#relative-after-embedded-page-second">second page</a>
    180. 

  180. 		</div>
    181. 

  181. 	</div>
    182. 

  182. 

  183. 	<div id="relative-after-embedded-page-second" data-nstest-role="page">
    184. 

  184. 		<div data-nstest-role="content">
    185. 

  185. 			<a href="data-url-tests/data-url.html">file path page</a>
    186. 

  186. 		</div>
    187. 

  187. 	</div>
    188. 

  188. 

  189. 	<div id="ajax-title-page" data-nstest-title="Title Attr 1" data-nstest-role="page">
    190. 

  190. 		<a href="title1.html" id="titletest1" data-nstest-transition="none">test</a>
    191. 

  191. 		<a href="title2.html" id="titletest2" data-nstest-transition="none">test</a>
    192. 

  192. 		<a href="title3.html" id="titletest3" data-nstest-transition="none">test</a>
    193. 

  193. 	</div>
    194. 

  194. 

  195. 	<div data-nstest-role="page" id="titletest4" data-nstest-title="Title Attr 2">
    196. 

  196. 		<div data-nstest-role="header"><h1>Title Heading</h1></div>
    197. 

  197. 	</div>
    198. 

  198. 

  199. 	<div data-nstest-role="page" id="titletest5" data-nstest-title="Title Attr">
    200. 

  200. 		<div data-nstest-role="header"><h1>Title Heading</h1></div>
    201. 

  201. 	</div>
    202. 

  202. 

  203. 	<div data-nstest-role="page" id="self-link">
    204. 

  204. 		<a href="#self-link">self!</a>
    205. 

  205. 	</div>
    206. 

  206. 

  207. 	<div data-nstest-role="page" id="dialog-param-link">
    208. 

  208. 		<a href="dialog-param-test/dialog-param.html">go</a>
    209. 

  209. 	</div>
    210. 

  210. 

  211. 	<div data-nstest-role="page" id="dialog-base-tag-test-page">
    212. 

  212. 		<a href="go-to-dialog.html">go</a>
    213. 

  213. 	</div>
    214. 

  214. 

  215. 	<div data-nstest-role="page" id="pathing-tests">
    216. 

  216. 		<!-- doc rel links -->
    217. 

  217. 		<a href="file.html" id="doc-rel-test-one">go</a>
    218. 

  218. 		<a href="path-tests/file.html" id="doc-rel-test-two">go</a>
    219. 

  219. 		<a href="path-tests/sub-dir/file.html" id="doc-rel-test-three">go</a>
    220. 

  220. 		<a href="path-tests/sub-dir/" id="doc-rel-test-four">go</a>
    221. 

  221. 		<a href="../../integration/navigation/path-tests/parent-ref.html" id="doc-rel-test-five">go</a>
    222. 

  222. 		<a href="../../integration/navigation/path-tests/parent/" id="doc-rel-test-six">go</a>
    223. 

  223. 

  224. 		<!-- site rel links -->
    225. 

  225. 		<!-- these will be altered before the test suite runs to use the current path -->
    226. 

  226. 		<a href="file.html" id="site-rel-test-one" class="site-rel">go</a>
    227. 

  227. 		<a href="path-tests/file.html" id="site-rel-test-two" class="site-rel">go</a>
    228. 

  228. 		<a href="path-tests/sub-dir/file.html" id="site-rel-test-three" class="site-rel">go</a>
    229. 

  229. 		<a href="path-tests/sub-dir/" id="site-rel-test-four" class="site-rel">go</a>
    230. 

  230. 		<a href="../../integration/navigation/path-tests/parent-ref.html" id="site-rel-test-five" class="site-rel">go</a>
    231. 

  231. 		<a href="../../integration/navigation/path-tests/parent/" id="site-rel-test-six" class="site-rel">go</a>
    232. 

  232. 

  233. 		<!-- protocol rel links -->
    234. 

  234. 		<!-- these will be altered before the test suite runs to use the
    235. 

  235. 				 current domain and path -->
    236. 

  236. 		<a href="file.html" id="protocol-rel-test-one" class="protocol-rel">go</a>
    237. 

  237. 		<a href="path-tests/file.html" id="protocol-rel-test-two" class="protocol-rel">go</a>
    238. 

  238. 		<a href="path-tests/sub-dir/file.html" id="protocol-rel-test-three" class="protocol-rel">go</a>
    239. 

  239. 		<a href="path-tests/sub-dir/" id="protocol-rel-test-four" class="protocol-rel">go</a>
    240. 

  240. 		<a href="../../integration/navigation/path-tests/parent-ref.html" id="protocol-rel-test-five" class="protocol-rel">go</a>
    241. 

  241. 		<a href="../../integration/navigation/path-tests/parent/" id="protocol-rel-test-six" class="protocol-rel">go</a>
    242. 

  242. 

  243. 		<!-- absolute links -->
    244. 

  244. 		<!-- these will be altered before the test suite runs to use the
    245. 

  245. 				 current protocol, domain and path -->
    246. 

  246. 		<a href="file.html" id="absolute-test-one" class="absolute">go</a>
    247. 

  247. 		<a href="path-tests/file.html" id="absolute-test-two" class="absolute">go</a>
    248. 

  248. 		<a href="path-tests/sub-dir/file.html" id="absolute-test-three" class="absolute">go</a>
    249. 

  249. 		<a href="path-tests/sub-dir/" id="absolute-test-four" class="absolute">go</a>
    250. 

  250. 		<a href="../../integration/navigation/path-tests/parent-ref.html" id="absolute-test-five" class="absolute">go</a>
    251. 

  251. 		<a href="../../integration/navigation/path-tests/parent/" id="absolute-test-six" class="absolute">go</a>
    252. 

  252. 

  253. 	</div>
    254. 

  254. 

  255. 	<div data-nstest-role="page" id="pathing-tests-reset">
    256. 

  256. 		<div class="reset-value">page didn't change!</div>
    257. 

  257. 	</div>
    258. 

  258. 

  259. 	<div data-nstest-role="page" id="internal-no-action-form-page">
    260. 

  260. 		<div data-nstest-role="content">
    261. 

  261. 			<form>
    262. 

  262. 				<input type="hidden" name="foo" value="1">
    263. 

  263. 				<input type="hidden" name="bar" value="2">
    264. 

  264. 			</form>
    265. 

  265. 					<a href="form-tests/form-no-action.html">External page containing form with no action.</a>
    266. 

  266. 			</div>
    267. 

  267. 	</div>
    268. 

  268. 

  269. 	<div id="active-state-page1" data-nstest-role="page">
    270. 

  270. 		<div data-nstest-role="content">
    271. 

  271. 			<a href="#active-state-page2" data-nstest-role="button">page2</a>
    272. 

  272. 		</div>
    273. 

  273. 	</div>
    274. 

  274. 

  275. 	<div id="active-state-page2" data-nstest-role="page">
    276. 

  276. 		<div data-nstest-role="content">
    277. 

  277. 			<a href="#active-state-page1" data-nstest-role="button">href button</a>
    278. 

  278. 			<a href="#active-state-page1" data-nstest-rel="back" data-nstest-role="button">back button</a>
    279. 

  279. 		</div>
    280. 

  280. 	</div>
    281. 

  281. 

  282. 	<div id="odd-clicks-page" data-nstest-role="page">
    283. 

  283. 		<a href="#odd-clicks-page-dest" id="right-or-middle-click">foo</a>
    284. 

  284. 	</div>
    285. 

  285. 

  286. 	<div id="odd-clicks-page-dest" data-nstest-role="page"></div>
    287. 

  287. 

  288. 	<div id="inject-links-page" data-nstest-role="page">
    289. 

  289. 		<a href="#injected-test-page" id="static-injected-test-page-link">static link</a>
    290. 

  290. 	</div>
    291. 

  291. 

  292. 	<div id="prefetched-dialog-page" data-nstest-role="page">
    293. 

  293. 		<a href="prefetched-dialog.html" id="prefetched-dialog-link" data-nstest-role="prefetch" data-nstest-rel="dialog">
    294. 

  294. 			static link
    295. 

  295. 		</a>
    296. 

  296. 	</div>
    297. 

  297. 

  298. 	<div id="link-hijacking-test" data-nstest-role="page">
    299. 

  299. 		<div id="hijackable">
    300. 

  300. 			<a href="#link-hijacking-destination" id="hijacked-link"></a>
    301. 

  301. 			<a href="#link-hijacking-destination" id="unhijacked-link-by-attr" data-nstest-ajax="false"></a>
    302. 

  302. 		</div>
    303. 

  303. 

  304. 		<div id="not-hijackable" data-nstest-ajax="false">
    305. 

  305. 			<a href="#link-hijacking-destination" id="unhijacked-link-by-parent"></a>
    306. 

  306. 		</div>
    307. 

  307. 	</div>
    308. 

  308. 

  309. 	<div id="link-hijacking-destination" data-nstest-role="page">
    310. 

  310. 		hello!
    311. 

  311. 	</div>
    312. 

  312. </body>
    313. 

  313. </html>
    314. 

  314.