set unit test pages namespace to "nstest-"

This commit is contained in:
scottjehl 2011-03-09 23:16:48 -05:00
parent e46da87031
commit 0bf5ce8a37
18 changed files with 121 additions and 110 deletions

2
external/qunit.css vendored
View file

@ -195,7 +195,7 @@
left: -10000px;
}
[ data-jq-role='page'], [ data-jq-role='dialog'] {
[ data-nstest-role='page'], [ data-nstest-role='dialog'] {
position: absolute !important;
top: -10000px !important;
}

View file

@ -27,17 +27,17 @@
</style>
</head>
<body>
<div data-jq-role="page" data-jq-theme="b" id="jqm-home">
<div data-jq-role="header">
<div data-role="page" data-theme="b" id="jqm-home">
<div data-role="header">
<h1>Event Logger</h1>
</div>
<div data-jq-role="content">
<div data-role="content">
<p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
<a href="foo.html" data-jq-role="button">Click me</a>
<a href="foo.html" data-role="button">Click me</a>
<ul data-jq-role="listview" id="log">
<ul data-role="listview" id="log">
</ul>

View file

@ -19,15 +19,15 @@
</script>
</head>
<body>
<div data-jq-role="page" data-jq-theme="b" id="jqm-home">
<div data-jq-role="header">
<div data-role="page" data-theme="b" id="jqm-home">
<div data-role="header">
<h1>Event Logger</h1>
</div>
<div data-jq-role="content">
<div data-role="content">
<p>Touch events on this page will log out below, prepending to the top as they arrive.</p>
<ul data-jq-role="listview" id="log">
<ul data-role="listview" id="log">
</ul>

View file

@ -30,11 +30,11 @@
</head>
<body>
<div data-jq-role="page">
<div data-jq-role="header">
<div data-role="page">
<div data-role="header">
<h1>Basic Page</h1>
</div>
<div data-jq-role="content">
<div data-role="content">
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
<p>Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>

View file

@ -9,15 +9,15 @@
</head>
<body>
<div data-jq-role="page">
<div data-role="page">
<div data-jq-role="header">
<div data-role="header">
<h1>400 item list</h1>
</div><!-- /header -->
<div data-jq-role="content" data-jq-filter="true">
<div data-role="content" data-filter="true">
<ul data-jq-role="listview" data-jq-theme="d">
<ul data-role="listview" data-theme="d">
<li><a href="index.html">Acura</a></li>
<li><a href="index.html">Audi</a></li>
<li><a href="index.html">BMW</a></li>

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Core Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../external/qunit.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<!-- added explicitly for library reloading (see testHelper ) -->
@ -24,7 +25,7 @@
<ol id="qunit-tests">
</ol>
<div data-jq-role="page">
<div data-nstest-role="page">
</div>
</body>

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Dialog Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../../tests/jquery.testHelper.js"></script>
@ -23,12 +24,12 @@
<ol id="qunit-tests">
</ol>
<div id="bar" data-jq-role="page">
<a href="#foo-dialog" data-jq-role="button" data-jq-inline="true" data-jq-rel="dialog"></a>
<div id="bar" data-nstest-role="page">
<a href="#foo-dialog" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog"></a>
</div>
<div id="foo-dialog" data-jq-role="dialog">
<div data-jq-role="header" data-jq-theme="d" data-jq-position="inline">
<div id="foo-dialog" data-nstest-role="dialog">
<div data-nstest-role="header" data-nstest-theme="d" data-nstest-position="inline">
<h1>Dialog</h1>
</div>
<a href="#" id="internal-link">foo</a>

View file

@ -0,0 +1,4 @@
//set namespace for unit test markp
$( document ).bind( "mobileinit", function(){
$.mobile.ns = "nstest-";
});

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Listview Integration Test</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../jquery.testHelper.js"></script>
<link rel="stylesheet" href="../../../themes/default" />
@ -22,12 +23,12 @@
</ol>
<!-- Basic Linked view test -->
<div data-jq-role="page" id='basic-linked-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='basic-linked-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Basic List View</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview">
<div data-nstest-role="content">
<ul data-nstest-role="listview">
<li><a href="#basic-link-results">Home</a></li>
<li><a href="#basic-link-results">Back</a></li>
<li><a href="#basic-link-results">Return</a></li>
@ -35,19 +36,19 @@
</div>
</div>
<div data-jq-role='page' id='basic-link-results'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role='page' id='basic-link-results'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Results</h1>
</div>
</div>
<!-- Nested List -->
<div data-jq-role="page" id='nested-list-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='nested-list-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Basic List View</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview">
<div data-nstest-role="content">
<ul data-nstest-role="listview">
<li>Groups of animals
<ul>
<li>pod of whales</li>
@ -70,12 +71,12 @@
</div>
<!-- Numbered List -->
<div data-jq-role="page" id='numbered-list-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='numbered-list-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Basic List View</h1>
</div>
<div data-jq-role="content">
<ol data-jq-role="listview">
<div data-nstest-role="content">
<ol data-nstest-role="listview">
<li><a href="#numbered-list-results">Number 1</a></li>
<li><a href="#numbered-list-results">Number 2</a></li>
<li><a href="#numbered-list-results">Number 3</a></li>
@ -83,19 +84,19 @@
</div>
</div>
<div data-jq-role='page' id='numbered-list-results'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role='page' id='numbered-list-results'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Numbered List</h1>
</div>
</div>
<!-- Read only List -->
<div data-jq-role="page" id='read-only-list-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='read-only-list-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Basic List View</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview">
<div data-nstest-role="content">
<ul data-nstest-role="listview">
<li>Read</li>
<li>Only</li>
<li>List</li>
@ -105,12 +106,12 @@
</div>
<!-- Split listview -->
<div data-jq-role="page" id='split-list-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='split-list-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Split List View</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview">
<div data-nstest-role="content">
<ul data-nstest-role="listview">
<li>
<a href="#split-list-link1">link one</a>
<a href="#split-list-link2">link second</a>
@ -127,42 +128,42 @@
</div>
</div>
<div data-jq-role="page" id='split-list-link1'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='split-list-link1'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Split List view 1</h1>
</div>
</div>
<div data-jq-role="page" id='split-list-link2'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='split-list-link2'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Split List view 2</h1>
</div>
</div>
<!-- List divider -->
<div data-jq-role="page" id='list-divider-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='list-divider-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>List Divider Test</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview">
<div data-nstest-role="content">
<ul data-nstest-role="listview">
<li>a is for aquaman</li>
<li>b is for batman</li>
<li data-jq-role="list-divider">This is a list divider</li>
<li data-nstest-role="list-divider">This is a list divider</li>
<li>c is for catwoman</li>
<li data-jq-role="list-divider">This is another list divider</li>
<li data-nstest-role="list-divider">This is another list divider</li>
<li>d is for darkwing</li>
</ul>
</div>
</div>
<!-- Search bar filter -->
<div data-jq-role="page" id='search-filter-test'>
<div data-jq-role="header" data-jq-position="inline">
<div data-nstest-role="page" id='search-filter-test'>
<div data-nstest-role="header" data-nstest-position="inline">
<h1>Split List View</h1>
</div>
<div data-jq-role="content">
<ul data-jq-role="listview" data-jq-filter="true">
<div data-nstest-role="content">
<ul data-nstest-role="listview" data-nstest-filter="true">
<li>a is for aquaman</li>
<li>b is for batman</li>
<li>c is for catwoman</li>

View file

@ -3,7 +3,7 @@
<head>
</head>
<body>
<div data-jq-role="page" data-jq-url="foo/" data-other="for testing">
<div data-nstest-role="page" data-nstest-url="foo/" data-other="for testing">
</div>
</body>
</html>

View file

@ -3,6 +3,6 @@
<head>
</head>
<body>
<div data-jq-role="page" data-jq-url="foo/bar.html"></div>
<div data-nstest-role="page" data-nstest-url="foo/bar.html"></div>
</body>
</html>

View file

@ -3,7 +3,7 @@
<head>
</head>
<body>
<div data-jq-role="page">
<div data-nstest-role="page">
</div>
</body>
</html>

View file

@ -3,6 +3,6 @@
<head>
</head>
<body>
<div data-jq-url="foo/bar/reverse.html" data-jq-role="page"></div>
<div data-nstest-url="foo/bar/reverse.html" data-nstest-role="page"></div>
</body>
</html>

View file

@ -3,6 +3,6 @@
<head>
</head>
<body>
<div data-jq-role='page' data-jq-url='foo/bar/single.html'></div>
<div data-nstest-role='page' data-nstest-url='foo/bar/single.html'></div>
</body>
</html>

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Navigation Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../../tests/jquery.testHelper.js"></script>
@ -24,74 +25,74 @@
<ol id="qunit-tests">
</ol>
<div id="foo" data-jq-role="page">
<a href="#bar" data-jq-transition="flip"></a>
<div id="foo" data-nstest-role="page">
<a href="#bar" data-nstest-transition="flip"></a>
</div>
<div id="bar" data-jq-role="page">
<div id="bar" data-nstest-role="page">
<a href="#baz"></a>
</div>
<div id="baz" data-jq-role="page">
<div id="baz" data-nstest-role="page">
<a href="#foo"></a>
</div>
<div id="fade-trans" data-jq-role="page">
<a href="#flip-trans" data-jq-transition="fade"></a>
<div id="fade-trans" data-nstest-role="page">
<a href="#flip-trans" data-nstest-transition="fade"></a>
</div>
<div id="flip-trans" data-jq-role="page">
<a href="#fade-trans" data-jq-transition="flip"></a>
<div id="flip-trans" data-nstest-role="page">
<a href="#fade-trans" data-nstest-transition="flip"></a>
</div>
<div id="no-trans" data-jq-role="page">
<div id="no-trans" data-nstest-role="page">
<a href="#pop-trans"></a>
</div>
<div id="pop-trans" data-jq-role="page">
<a href="#no-trans" data-jq-transition="pop"></a>
<div id="pop-trans" data-nstest-role="page">
<a href="#no-trans" data-nstest-transition="pop"></a>
</div>
<div id="default-trans" data-jq-role="page">
<div id="default-trans" data-nstest-role="page">
<a href="#no-trans"></a>
</div>
<div id="data-url" data-jq-role="page">
<div id="data-url" data-nstest-role="page">
<a href="data-url-tests/data-url.html"></a>
</div>
<div id="non-data-url" data-jq-role="page">
<div id="non-data-url" data-nstest-role="page">
<a href="data-url-tests/non-data-url.html"></a>
</div>
<div id="nested-data-url" data-jq-role="page">
<div id="nested-data-url" data-nstest-role="page">
<a href="data-url-tests/nested.html"></a>
</div>
<div id="single-quotes-data-url" data-jq-role="page">
<div id="single-quotes-data-url" data-nstest-role="page">
<a href="data-url-tests/single-quotes.html"></a>
</div>
<div id="reverse-attr-data-url" data-jq-role="page">
<div id="reverse-attr-data-url" data-nstest-role="page">
<a href="data-url-tests/reverse-attr.html"></a>
</div>
<div id="ajax-diabled-form" data-jq-role="page">
<form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-jq-ajax="false">
<div id="ajax-diabled-form" data-nstest-role="page">
<form method="POST" id="non-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="false">
</form>
<form method="POST" id="ajax-form" action="/ajax-diabled-form">
</form>
<form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-jq-ajax="foo">
<form method="POST" id="rand-ajax-form" action="/ajax-disabled-form" data-nstest-ajax="foo">
</form>
</div>
<div id="default-trans-dialog" data-jq-role="page">
<a href="#no-trans-dialog" data-jq-rel="dialog"></a>
<div id="default-trans-dialog" data-nstest-role="page">
<a href="#no-trans-dialog" data-nstest-rel="dialog"></a>
</div>
<div id="no-trans-dialog" data-jq-role="page">
<div id="no-trans-dialog" data-nstest-role="page">
</div>
<div id="dup-history-first" data-role="page">

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Page Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../../tests/jquery.testHelper.js"></script>
@ -23,15 +24,15 @@
</ol>
<div id="qunit-fixture">
<div data-jq-role="page">
<div data-jq-role="header">
<div data-nstest-role="page">
<div data-nstest-role="header">
<div>
<a href="foo">foo</a>
</div>
<a href="foo">foo</a>
</div><!-- /header -->
<div data-jq-role="footer">
<div data-nstest-role="footer">
<div>
<a href="foo">foo</a>
</div>

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Select Events Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../../tests/jquery.testHelper.js"></script>
@ -23,8 +24,8 @@
<ol id="qunit-tests">
</ol>
<div id="foo" data-jq-role="page">
<div data-jq-role="fieldcontain" id="select-choice-few-container">
<div id="foo" data-nstest-role="page">
<div data-nstest-role="fieldcontain" id="select-choice-few-container">
<select name="select-choice-few" id="select-choice-few">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
@ -33,8 +34,8 @@
</select>
</div>
<div data-jq-role="fieldcontain" id="select-choice-native-container">
<select name="select-choice-native" id="select-choice-native" data-jq-native-menu="true">
<div data-nstest-role="fieldcontain" id="select-choice-native-container">
<select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
@ -42,7 +43,7 @@
</select>
</div>
<div data-jq-role="fieldcontain" id="select-choice-global-native-container">
<div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
<select name="select-choice-global-native" id="select-choice-global-native">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
@ -51,7 +52,7 @@
</select>
</div>
<div data-jq-role="fieldcontain" id="select-choice-many-container">
<div data-nstest-role="fieldcontain" id="select-choice-many-container">
<label for="select-choice-many" class="select">Your state:</label>
<select name="select-choice-many" id="select-choice-many">
<option value="AL">Alabama</option>

View file

@ -5,6 +5,7 @@
<title>jQuery Mobile Slider Events Test Suite</title>
<script type="text/javascript" src="../../../js/jquery.js"></script>
<script src="../jquery.setNameSpace.js"></script>
<script type="text/javascript" src="../../../js/"></script>
<script type="text/javascript" src="../../../tests/jquery.testHelper.js"></script>
@ -23,30 +24,30 @@
<ol id="qunit-tests">
</ol>
<div id="foo" data-jq-role="page">
<div data-jq-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100" data-jq-theme="b" data-jq-track-theme="a" />
<div id="foo" data-nstest-role="page">
<div data-nstest-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
</div>
<div data-jq-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-down" value="10" min="0" max="100" data-jq-theme="b" data-jq-track-theme="a" />
<div data-nstest-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-down" value="10" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
</div>
<div data-jq-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-home" value="75" min="0" max="100" data-jq-theme="b" data-jq-track-theme="a" />
<div data-nstest-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-home" value="75" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
</div>
<div data-jq-role="fieldcontain">
<div data-nstest-role="fieldcontain">
<label for="slider-1">Input slider:</label>
<input type="range" name="slider-1" id="range-slider-end" value="15" min="0" max="100" data-jq-theme="b" data-jq-track-theme="a" />
<input type="range" name="slider-1" id="range-slider-end" value="15" min="0" max="100" data-nstest-theme="b" data-nstest-track-theme="a" />
</div>
<div data-jq-role="fieldcontain">
<input type="range" name="stepped" id="stepped" value="15" min="0" max="100" step="10" data-jq-theme="b" data-jq-track-theme="a" />
<div data-nstest-role="fieldcontain">
<input type="range" name="stepped" id="stepped" value="15" min="0" max="100" step="10" data-nstest-theme="b" data-nstest-track-theme="a" />
</div>
<div data-jq-role="fieldcontain">
<select name="slider" id="slider-switch" data-jq-role="slider">
<div data-nstest-role="fieldcontain">
<select name="slider" id="slider-switch" data-nstest-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>