Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-26 02:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
jquery-mobile/tests/unit/select/index.html

370 lines
14 KiB
HTML
Raw Permalink Normal View History

tests for large select dialog issue
2011-01-16 07:15:17 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
Added viewport meta elements to the markup of every template and removed the metaViewportContent option from code and docs. IE does not support generated viewport tags.
2011-02-18 20:00:18 +00:00
<meta charset="utf-8">
Ya'll can scale your pages now. Fixes #1645. Note: we originally disabled user zooming to work around a bug in iOS that automatically zooms the page beyond the constraints of the viewport on orientation change. We are not working around this bug at all now, but you are free to include any meta tag you'd like, or better yet, consider this polyfill: http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
2011-05-17 21:28:19 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
<title>jQuery Mobile Select Events Test Suite</title>
been meaning to do this for a while.
2011-04-14 20:04:47 +00:00
<script src="../../../js/jquery.js"></script>
set unit test pages namespace to "nstest-"
2011-03-10 04:16:48 +00:00
<script src="../jquery.setNameSpace.js"></script>
been meaning to do this for a while.
2011-04-14 20:04:47 +00:00
<script src="../../../external/qunit.js"></script>
<script src="../../../tests/jquery.testHelper.js"></script>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<script src="../../../js"></script>
add tests for theme inheritance in select menus
2011-09-12 16:05:28 +00:00
<script src="select_events.js"></script>
<script src="select_native.js"></script>
<script src="select_cached.js"></script>
been meaning to do this for a while.
2011-04-14 20:04:47 +00:00
<script src="select_core.js"></script>
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
Tweak some more stylesheet formatting.
2011-09-09 01:35:28 +00:00
<link rel="stylesheet" href="../../../themes/default/"/>
been meaning to do this for a while.
2011-04-14 20:04:47 +00:00
<link rel="stylesheet" href="../../../external/qunit.css"/>
Add swarminject.js to prepare for TestSwarm integration
2011-10-04 17:54:00 +00:00
<script src="../swarminject.js"></script>
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
</head>
<body>
<h1 id="qunit-header">jQuery Mobile Select Event Test Suite</h1>
<h2 id="qunit-banner"></h2>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests">
</ol>
add tests for theme inheritance in select menus
2011-09-12 16:05:28 +00:00
<div id="default" data-nstest-role="page" data-nstest-theme="c">
set unit test pages namespace to "nstest-"
2011-03-10 04:16:48 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-few-container">
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-few" id="select-choice-few" data-nstest-native-menu="false">
fixed android select menu failure with a delay. I'm doubtful that this is the best solution to the problem but the cause was the click being passed through to the screen or the select menu itself a split second after opening. Open to alternatives. Fixes #873
2011-01-27 05:20:40 +00:00
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
added select_native test set and a tests to verify that setting the value of the select itself sets button text
2011-08-02 23:01:15 +00:00
<div data-nstest-role="fieldcontain" id="native-select-choice-few-container">
test to make sure the label has the ui-select class
2011-08-09 22:55:40 +00:00
<label for="native-select-choice-few" class="select">Choose shipping method:</label>
added select_native test set and a tests to verify that setting the value of the select itself sets button text
2011-08-02 23:01:15 +00:00
<select name="native-select-choice-few" id="native-select-choice-few" 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>
<option value="overnight">Overnight</option>
</select>
</div>
set unit test pages namespace to "nstest-"
2011-03-10 04:16:48 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-native-container">
<select name="select-choice-native" id="select-choice-native" data-nstest-native-menu="true">
added global native select configuration, docs to follow. Also corrected selector error when reloading a lib in tests
2011-01-28 07:20:57 +00:00
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
set unit test pages namespace to "nstest-"
2011-03-10 04:16:48 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-global-native-container">
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-global-native" id="select-choice-global-native" data-nstest-native-menu="false">
added global native select configuration, docs to follow. Also corrected selector error when reloading a lib in tests
2011-01-28 07:20:57 +00:00
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
moved focusButton up to common, added test for refocus of clicked button on small dialog close
2011-08-05 16:37:55 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-focus-test">
<select name="select-choice-focus-test" id="select-choice-focus-test" data-nstest-native-menu="false">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
fixed test so it passes in Firefox
2011-07-10 21:14:55 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-many-container-1">
<label for="select-choice-many-1" class="select">Your state:</label>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-many-1" id="select-choice-many-1" data-nstest-native-menu="false">
fixed test so it passes in Firefox
2011-07-10 21:14:55 +00:00
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
added global native select configuration, docs to follow. Also corrected selector error when reloading a lib in tests
2011-01-28 07:20:57 +00:00
set unit test pages namespace to "nstest-"
2011-03-10 04:16:48 +00:00
<div data-nstest-role="fieldcontain" id="select-choice-many-container">
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
<label for="select-choice-many" class="select">Your state:</label>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-many" id="select-choice-many" data-nstest-native-menu="false">
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
select test cleanup, added test to check that the dialog hash key is removed when a large select menu item is clicked Fixes #1454
2011-04-20 06:26:31 +00:00
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<div data-nstest-role="fieldcontain" id="select-choice-many-container-hash-check">
<label for="select-choice-many-hash-check" class="select">Your state:</label>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-many-hash-check" id="select-choice-many-hash-check" data-nstest-native-menu="false">
select test cleanup, added test to check that the dialog hash key is removed when a large select menu item is clicked Fixes #1454
2011-04-20 06:26:31 +00:00
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
added a sequenced test to make sure that opening a dialog sized select menu resulted in that same dialog many times. also moved one of the event tests over to core
2011-04-22 05:32:37 +00:00
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<div data-nstest-role="fieldcontain" id="select-choice-many-container-many-clicks">
<label for="select-choice-many-many-clicks" class="select">Your state:</label>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-many-many-clicks" id="select-choice-many-many-clicks" data-nstest-native-menu="false">
added a sequenced test to make sure that opening a dialog sized select menu resulted in that same dialog many times. also moved one of the event tests over to core
2011-04-22 05:32:37 +00:00
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
added failing test for on screen custom select menu rendering
2011-03-13 06:52:44 +00:00
test namespace additions and type fix for core
2011-03-22 06:36:32 +00:00
<div data-nstest-role="fieldcontain" id="select-offscreen-container">
added failing test for on screen custom select menu rendering
2011-03-13 06:52:44 +00:00
<style>
/* keep the select small and close to the screen border to test rendering */
#select-offscreen-container {
width: 100px;
position: absolute;
left: 0px;
top: 0px;
}
</style>
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-choice-few" id="select-offscreen" data-nstest-native-menu="false">
added failing test for on screen custom select menu rendering
2011-03-13 06:52:44 +00:00
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
Issue #1338 Added unit test
2011-05-25 20:09:27 +00:00
<div data-nstest-role="fieldcontain" id="select-long-option-label-container">
fixed select tests to click the button instead of calling the select menu method
2011-07-15 22:22:47 +00:00
<select name="select-long-option-label" id="select-long-option-label" data-nstest-native-menu="false">
Issue #1338 Added unit test
2011-05-25 20:09:27 +00:00
<option value="short">Choice 1</option>
<option value="long">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</option>
</select>
</div>
updated unit tests to ensure the enhance event is working properly on self-initializing widgets
2011-07-20 13:35:48 +00:00
test for issue 2410, to verify that the button value is updated on refresh with new options
2011-09-09 16:11:38 +00:00
<select name="native-refresh" id="native-refresh">
<option value="-1">default</option>
<option value="-1">other</option>
</select>
tests for newly refreshed items and button update with custom selects
2011-09-09 17:41:49 +00:00
<select name="custom-refresh" id="custom-refresh" data-nstest-native-menu="false">
<option value="-1">default</option>
</select>
<select name="custom-refresh-opts-list" id="custom-refresh-opts-list" data-nstest-native-menu="false">
<option value="-1">default</option>
</select>
add tests for theme inheritance in select menus
2011-09-12 16:05:28 +00:00
<select name="non-parent-themed" id="non-parent-themed" data-nstest-native-menu="false" data-nstest-theme="a">
<option value="-1">default</option>
</select>
<select name="parent-themed" id="parent-themed" data-nstest-native-menu="false">
<option value="-1">default</option>
</select>
tests for getEncodedText helper and issue #2547
2011-09-27 22:48:52 +00:00
<select name="encoded-option" id="encoded-option" data-nstest-native-menu="false">
<option>&lt;script&gt;window.encodedValueIsDefined = true;&lt;/script&gt;</option>
</select>
test for keepnative on the select menu
2011-10-10 20:20:12 +00:00
<select name="keep-native" id="keep-native" class="should-be-native">
<option></option>
</select>
test for issue 2410, to verify that the button value is updated on refresh with new options
2011-09-09 16:11:38 +00:00
</div>
updated unit tests to ensure the enhance event is working properly on self-initializing widgets
2011-07-20 13:35:48 +00:00
<div id="enhancetest">
<select name="select-enhancetest" id="select-enhancetest">
<option value="standard">Standard: 7 day</option>
<option value="rush">Rush: 3 days</option>
<option value="express">Express: next day</option>
<option value="overnight">Overnight</option>
</select>
</div>
test for issue 2410, to verify that the button value is updated on refresh with new options
2011-09-09 16:11:38 +00:00
added failing test for on screen custom select menu rendering
2011-03-13 06:52:44 +00:00
</body>
tests for large select dialog issue
2011-01-16 07:15:17 +00:00
</html>
Reference in a new issue Copy permalink