Unit tests: Add test to make sure custom select is correctly enhanced.

Gabriel Schulhof · Gabriel Schulhof · commit 486b5d07579f · 2013-07-17T17:19:10.000+03:00
Only the test for the presence of the "role=button" attribute for the custom multiple select popup close button so far.
diff --git a/tests/unit/select/index.html b/tests/unit/select/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<title>jQuery Mobile Controlgroup Test Suite</title>
+
+	<script src="../../../external/requirejs/require.js"></script>
+	<script src="../../../js/requirejs.config.js"></script>
+	<script src="../../../js/jquery.tag.inserter.js"></script>
+	<script src="../../jquery.setNameSpace.js"></script>
+	<script src="../../../tests/jquery.testHelper.js"></script>
+	<script src="../../../external/qunit.js"></script>
+	<script>
+		$.testHelper.asyncLoad([
+			[
+				"widgets/forms/select.custom"
+			],
+			[ "jquery.mobile.init" ],
+			[ "select_core.js" ]
+		]);
+	</script>
+
+	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
+	<link rel="stylesheet" href="../../../external/qunit.css"/>
+
+	<script src="../../swarminject.js"></script>
+</head>
+<body>
+
+<h1 id="qunit-header">jQuery Mobile Controlgroup Test Suite</h1>
+<h2 id="qunit-banner"></h2>
+<h2 id="qunit-userAgent"></h2>
+<ol id="qunit-tests">
+</ol>
+
+<div data-nstest-role="page">
+	<div data-nstest-role="content">
+    <div data-role="fieldcontain">
+      <label for="role-test">Multiple:</label>
+      <select name="role-test" id="role-test" multiple="multiple" data-nstest-native-menu="false">
+        <option>Choose options</option>
+        <option value="1">The 1st Option</option>
+        <option value="2" selected="selected">The 2nd Option</option>
+        <option value="3" selected="selected">The 3rd Option</option>
+        <option value="4">The 4th Option</option>
+      </select>
+    </div>
+	</div>
+</div>
+</body>
+</html>
diff --git a/tests/unit/select/select_core.js b/tests/unit/select/select_core.js
@@ -0,0 +1,13 @@
+/*
+ * mobile select unit tests
+ */
+
+(function($){
+
+	module( "Custom select" );
+
+	test( "Custom select is enhanced correctly", function() {
+		deepEqual( $( "#role-test-listbox a:first" ).attr( "role" ), "button", "The close button for a multiple choice select popup has the " + '"' + "role='button'" + '"' + " set" );
+	});
+
+})(jQuery);
