tests to verify that items embedded in page sub elements are enhanced properly

This commit is contained in:
John Bender 2011-10-21 15:54:15 -07:00
parent 9e1a3cc5a4
commit f3c5cd811e
2 changed files with 26 additions and 1 deletions

View file

@ -34,9 +34,15 @@
</div>
<div id="foo" data-role="page">
<div id="foo" data-role="page">
<input type="range" id="foo-slider" name="foo-slider" value="" />
<div id="enhance-prevented">
</div>
<div id="enhance-allowed">
</div>
</div>
</body>
</html>

View file

@ -30,4 +30,23 @@
same($.mobile.widget.prototype._getCreateOptions(),
expected);
});
test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() {
// uses default keep native of data-role=none
$("#enhance-prevented")
.append('<label for="unenhanced">Text Input:</label><input type="text" name="name" id="unenhanced" value="" data-role="none" />')
.trigger("create");
ok( !$("#unenhanced").hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)");
});
test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() {
// uses default keep native of data-role=none
$("#enhance-allowed")
.append('<label for="enhanced">Text Input:</label><input type="text" name="name" id="enhanced" value=""/>')
.trigger("create");
ok( $("#enhanced").hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)");
});
})(jQuery);