mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-06-07 00:47:00 +03:00
Merge commit '7f7c9b378f' as 'jquery-ui'
This commit is contained in:
Mark Schouten
commit
0115f4500d
629 changed files with 341074 additions and 0 deletions
26
jquery-ui/tests/unit/core/all.html
Normal file
26
jquery-ui/tests/unit/core/all.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Core Test Suite</title>
|
||||
|
||||
<script src="../../../external/jquery/jquery.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
||||
<link rel="stylesheet" href="../qunit-composite.css">
|
||||
<script src="../../../external/qunit/qunit.js"></script>
|
||||
<script src="../qunit-composite.js"></script>
|
||||
<script src="../subsuite.js"></script>
|
||||
|
||||
<script>
|
||||
testAllVersions( "core" );
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
125
jquery-ui/tests/unit/core/core.html
Normal file
125
jquery-ui/tests/unit/core/core.html
Normal file
|
|
@ -0,0 +1,125 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Core Test Suite</title>
|
||||
|
||||
<script src="../../jquery.js"></script>
|
||||
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
||||
<script src="../../../external/qunit/qunit.js"></script>
|
||||
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
|
||||
<script src="../testsuite.js"></script>
|
||||
<script>
|
||||
TestHelpers.loadResources({
|
||||
js: [ "ui/core.js" ]
|
||||
});
|
||||
</script>
|
||||
|
||||
<script src="core.js"></script>
|
||||
<script src="selector.js"></script>
|
||||
|
||||
<script src="../swarminject.js"></script>
|
||||
<style>
|
||||
.zindex {
|
||||
z-index: 100;
|
||||
}
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture">
|
||||
|
||||
<img src="../../images/jqueryui_32x32.png" usemap="#mymap" width="10" height="10" alt="">
|
||||
<map name="mymap">
|
||||
<area shape="rect" coords="1,1,2,2" href="foo.html" id="areaCoordsHref" alt="">
|
||||
<area href="foo.html" id="areaNoCoordsHref" alt="">
|
||||
</map>
|
||||
<map name="mymap2">
|
||||
<area shape="rect" coords="1,1,2,2" href="foo.html" id="areaNoImg" alt="">
|
||||
</map>
|
||||
|
||||
<form id="formNoTabindex">
|
||||
<input>
|
||||
</form>
|
||||
|
||||
<form id="formTabindex" tabindex="1">
|
||||
<input>
|
||||
</form>
|
||||
|
||||
<div>
|
||||
<input id="visibleAncestor-inputTypeNone">
|
||||
<input type="text" id="visibleAncestor-inputTypeText">
|
||||
<input type="checkbox" id="visibleAncestor-inputTypeCheckbox">
|
||||
<input type="radio" id="visibleAncestor-inputTypeRadio">
|
||||
<input type="button" id="visibleAncestor-inputTypeButton" value="visibleAncestor-inputTypeButton">
|
||||
<input type="hidden" id="visibleAncestor-inputTypeHidden">
|
||||
<button id="visibleAncestor-button">x</button>
|
||||
<select id="visibleAncestor-select">
|
||||
<option>option</option>
|
||||
</select>
|
||||
<textarea id="visibleAncestor-textarea">x</textarea>
|
||||
<object id="visibleAncestor-object" codebase="about:blank">xxx</object>
|
||||
<a href="#" id="visibleAncestor-anchorWithHref">anchor</a>
|
||||
<a id="visibleAncestor-anchorWithoutHref">anchor</a>
|
||||
<span id="visibleAncestor-span">x</span>
|
||||
<div id="visibleAncestor-div">x</div>
|
||||
<span id="visibleAncestor-spanWithTabindex" tabindex="1">x</span>
|
||||
<div id="visibleAncestor-divWithNegativeTabindex" tabindex="-1">x</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input id="disabledElement-inputTypeNone" disabled="disabled">
|
||||
<input type="text" id="disabledElement-inputTypeText" disabled="disabled">
|
||||
<input type="checkbox" id="disabledElement-inputTypeCheckbox" disabled="disabled">
|
||||
<input type="radio" id="disabledElement-inputTypeRadio" disabled="disabled">
|
||||
<input type="button" id="disabledElement-inputTypeButton" disabled="disabled" value="disabledElement-inputTypeButton">
|
||||
<input type="hidden" id="disabledElement-inputTypeHidden" disabled="disabled">
|
||||
<button id="disabledElement-button" disabled="disabled"></button>
|
||||
<select id="disabledElement-select" disabled="disabled"></select>
|
||||
<textarea id="disabledElement-textarea" disabled="disabled"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="displayNoneAncestor" style="display: none;">
|
||||
<input id="displayNoneAncestor-input">
|
||||
<span tabindex="1" id="displayNoneAncestor-span">.</span>
|
||||
</div>
|
||||
|
||||
<div id="visibilityHiddenAncestor" style="visibility: hidden;">
|
||||
<input id="visibilityHiddenAncestor-input">
|
||||
<span tabindex="1" id="visibilityHiddenAncestor-span">.</span>
|
||||
</div>
|
||||
|
||||
<span tabindex="1" id="displayNone-span" style="display: none;">.</span>
|
||||
<span tabindex="1" id="visibilityHidden-span" style="visibility: hidden;">.</span>
|
||||
|
||||
<input id="displayNone-input" style="display: none;">
|
||||
<input id="visibilityHidden-input" style="visibility: hidden;">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input id="inputTabindex0" tabindex="0">
|
||||
<input id="inputTabindex10" tabindex="10">
|
||||
<input id="inputTabindex-1" tabindex="-1">
|
||||
<input id="inputTabindex-50" tabindex="-50">
|
||||
|
||||
<span id="spanTabindex0" tabindex="0">.</span>
|
||||
<span id="spanTabindex10" tabindex="10">.</span>
|
||||
<span id="spanTabindex-1" tabindex="-1">.</span>
|
||||
<span id="spanTabindex-50" tabindex="-50">.</span>
|
||||
</div>
|
||||
|
||||
<div style="width: 0; height: 0;">
|
||||
<input id="dimensionlessParent">
|
||||
<input id="dimensionlessParent-dimensionless" style="height: 0; width: 0;">
|
||||
</div>
|
||||
|
||||
<div id="dimensions" style="float: left; height: 50px; width: 100px; margin: 1px 12px 11px 2px; border-style: solid; border-width: 3px 14px 13px 4px; padding: 5px 16px 15px 6px;"></div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
144
jquery-ui/tests/unit/core/core.js
vendored
Normal file
144
jquery-ui/tests/unit/core/core.js
vendored
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "core - jQuery extensions" );
|
||||
|
||||
TestHelpers.testJshint( "core" );
|
||||
|
||||
test( "innerWidth - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.innerWidth(), 122, "getter passthru" );
|
||||
el.hide();
|
||||
equal( el.innerWidth(), 122, "getter passthru when hidden" );
|
||||
});
|
||||
|
||||
test( "innerWidth - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.innerWidth( 120 );
|
||||
equal( el.width(), 98, "width set properly" );
|
||||
el.hide();
|
||||
el.innerWidth( 100 );
|
||||
equal( el.width(), 78, "width set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "innerHeight - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.innerHeight(), 70, "getter passthru" );
|
||||
el.hide();
|
||||
equal( el.innerHeight(), 70, "getter passthru when hidden" );
|
||||
});
|
||||
|
||||
test( "innerHeight - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.innerHeight( 60 );
|
||||
equal( el.height(), 40, "height set properly" );
|
||||
el.hide();
|
||||
el.innerHeight( 50 );
|
||||
equal( el.height(), 30, "height set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "outerWidth - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.outerWidth(), 140, "getter passthru" );
|
||||
el.hide();
|
||||
equal( el.outerWidth(), 140, "getter passthru when hidden" );
|
||||
});
|
||||
|
||||
test( "outerWidth - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.outerWidth( 130 );
|
||||
equal( el.width(), 90, "width set properly" );
|
||||
el.hide();
|
||||
el.outerWidth( 120 );
|
||||
equal( el.width(), 80, "width set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "outerWidth(true) - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.outerWidth(true), 154, "getter passthru w/ margin" );
|
||||
el.hide();
|
||||
equal( el.outerWidth(true), 154, "getter passthru w/ margin when hidden" );
|
||||
});
|
||||
|
||||
test( "outerWidth(true) - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.outerWidth( 130, true );
|
||||
equal( el.width(), 76, "width set properly" );
|
||||
el.hide();
|
||||
el.outerWidth( 120, true );
|
||||
equal( el.width(), 66, "width set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "outerHeight - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.outerHeight(), 86, "getter passthru" );
|
||||
el.hide();
|
||||
equal( el.outerHeight(), 86, "getter passthru when hidden" );
|
||||
});
|
||||
|
||||
test( "outerHeight - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.outerHeight( 80 );
|
||||
equal( el.height(), 44, "height set properly" );
|
||||
el.hide();
|
||||
el.outerHeight( 70 );
|
||||
equal( el.height(), 34, "height set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "outerHeight(true) - getter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
equal( el.outerHeight(true), 98, "getter passthru w/ margin" );
|
||||
el.hide();
|
||||
equal( el.outerHeight(true), 98, "getter passthru w/ margin when hidden" );
|
||||
});
|
||||
|
||||
test( "outerHeight(true) - setter", function() {
|
||||
expect( 2 );
|
||||
var el = $( "#dimensions" );
|
||||
|
||||
el.outerHeight( 90, true );
|
||||
equal( el.height(), 42, "height set properly" );
|
||||
el.hide();
|
||||
el.outerHeight( 80, true );
|
||||
equal( el.height(), 32, "height set properly when hidden" );
|
||||
});
|
||||
|
||||
test( "uniqueId / removeUniqueId", function() {
|
||||
expect( 3 );
|
||||
var el = $( "img" ).eq( 0 );
|
||||
|
||||
// support: jQuery <1.6.2
|
||||
// support: IE <8
|
||||
// We should use strictEqual( id, undefined ) when dropping jQuery 1.6.1 support (or IE6/7)
|
||||
ok( !el.attr( "id" ), "element has no initial id" );
|
||||
el.uniqueId();
|
||||
ok( /ui-id-\d+$/.test( el.attr( "id" ) ), "element has generated id" );
|
||||
el.removeUniqueId();
|
||||
// support: jQuery <1.6.2
|
||||
// support: IE <8
|
||||
// see above
|
||||
ok( !el.attr( "id" ), "unique id has been removed from element" );
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
132
jquery-ui/tests/unit/core/core_deprecated.html
Normal file
132
jquery-ui/tests/unit/core/core_deprecated.html
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Core Test Suite</title>
|
||||
|
||||
<script src="../../jquery.js"></script>
|
||||
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
||||
<script src="../../../external/qunit/qunit.js"></script>
|
||||
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
|
||||
<script src="../testsuite.js"></script>
|
||||
<script>
|
||||
TestHelpers.loadResources({
|
||||
js: [ "ui/core.js" ]
|
||||
});
|
||||
</script>
|
||||
|
||||
<script src="core.js"></script>
|
||||
<script src="selector.js"></script>
|
||||
<script src="core_deprecated.js"></script>
|
||||
|
||||
<script src="../swarminject.js"></script>
|
||||
<style>
|
||||
.zindex {
|
||||
z-index: 100;
|
||||
}
|
||||
.absolute {
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture">
|
||||
|
||||
<img src="../../images/jqueryui_32x32.png" usemap="#mymap" width="10" height="10" alt="">
|
||||
<map name="mymap">
|
||||
<area shape="rect" coords="1,1,2,2" href="foo.html" id="areaCoordsHref" alt="">
|
||||
<area href="foo.html" id="areaNoCoordsHref" alt="">
|
||||
</map>
|
||||
<map name="mymap2">
|
||||
<area shape="rect" coords="1,1,2,2" href="foo.html" id="areaNoImg" alt="">
|
||||
</map>
|
||||
|
||||
<form id="formNoTabindex"></form>
|
||||
<form id="formTabindex" tabindex="1"></form>
|
||||
|
||||
<div>
|
||||
<input id="visibleAncestor-inputTypeNone">
|
||||
<input type="text" id="visibleAncestor-inputTypeText">
|
||||
<input type="checkbox" id="visibleAncestor-inputTypeCheckbox">
|
||||
<input type="radio" id="visibleAncestor-inputTypeRadio">
|
||||
<input type="button" id="visibleAncestor-inputTypeButton" value="visibleAncestor-inputTypeButton">
|
||||
<input type="hidden" id="visibleAncestor-inputTypeHidden">
|
||||
<button id="visibleAncestor-button">x</button>
|
||||
<select id="visibleAncestor-select">
|
||||
<option>option</option>
|
||||
</select>
|
||||
<textarea id="visibleAncestor-textarea">x</textarea>
|
||||
<object id="visibleAncestor-object" codebase="about:blank">xxx</object>
|
||||
<a href="#" id="visibleAncestor-anchorWithHref">anchor</a>
|
||||
<a id="visibleAncestor-anchorWithoutHref">anchor</a>
|
||||
<span id="visibleAncestor-span">x</span>
|
||||
<div id="visibleAncestor-div">x</div>
|
||||
<span id="visibleAncestor-spanWithTabindex" tabindex="1">x</span>
|
||||
<div id="visibleAncestor-divWithNegativeTabindex" tabindex="-1">x</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input id="disabledElement-inputTypeNone" disabled="disabled">
|
||||
<input type="text" id="disabledElement-inputTypeText" disabled="disabled">
|
||||
<input type="checkbox" id="disabledElement-inputTypeCheckbox" disabled="disabled">
|
||||
<input type="radio" id="disabledElement-inputTypeRadio" disabled="disabled">
|
||||
<input type="button" id="disabledElement-inputTypeButton" disabled="disabled" value="disabledElement-inputTypeButton">
|
||||
<input type="hidden" id="disabledElement-inputTypeHidden" disabled="disabled">
|
||||
<button id="disabledElement-button" disabled="disabled"></button>
|
||||
<select id="disabledElement-select" disabled="disabled"></select>
|
||||
<textarea id="disabledElement-textarea" disabled="disabled"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="displayNoneAncestor" style="display: none;">
|
||||
<input id="displayNoneAncestor-input">
|
||||
<span tabindex="1" id="displayNoneAncestor-span">.</span>
|
||||
</div>
|
||||
|
||||
<div id="visibilityHiddenAncestor" style="visibility: hidden;">
|
||||
<input id="visibilityHiddenAncestor-input">
|
||||
<span tabindex="1" id="visibilityHiddenAncestor-span">.</span>
|
||||
</div>
|
||||
|
||||
<span tabindex="1" id="displayNone-span" style="display: none;">.</span>
|
||||
<span tabindex="1" id="visibilityHidden-span" style="visibility: hidden;">.</span>
|
||||
|
||||
<input id="displayNone-input" style="display: none;">
|
||||
<input id="visibilityHidden-input" style="visibility: hidden;">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<input id="inputTabindex0" tabindex="0">
|
||||
<input id="inputTabindex10" tabindex="10">
|
||||
<input id="inputTabindex-1" tabindex="-1">
|
||||
<input id="inputTabindex-50" tabindex="-50">
|
||||
|
||||
<span id="spanTabindex0" tabindex="0">.</span>
|
||||
<span id="spanTabindex10" tabindex="10">.</span>
|
||||
<span id="spanTabindex-1" tabindex="-1">.</span>
|
||||
<span id="spanTabindex-50" tabindex="-50">.</span>
|
||||
</div>
|
||||
|
||||
<div style="width: 0; height: 0;">
|
||||
<input id="dimensionlessParent">
|
||||
<input id="dimensionlessParent-dimensionless" style="height: 0; width: 0;">
|
||||
</div>
|
||||
|
||||
<div id="zIndex100" style="z-index: 100; position: absolute">
|
||||
<div id="zIndexAutoWithParent">.</div>
|
||||
</div>
|
||||
<div id="zIndex100ViaCSS" class="zindex">
|
||||
<div id="zIndexAutoWithParentViaCSS">.</div>
|
||||
</div>
|
||||
<div id="zIndex100ViaCSSPositioned" class="zindex absolute">
|
||||
<div id="zIndexAutoWithParentViaCSSPositioned">.</div>
|
||||
</div>
|
||||
<div id="zIndexAutoNoParent"></div>
|
||||
|
||||
<div id="dimensions" style="float: left; height: 50px; width: 100px; margin: 1px 12px 11px 2px; border-style: solid; border-width: 3px 14px 13px 4px; padding: 5px 16px 15px 6px;"></div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
52
jquery-ui/tests/unit/core/core_deprecated.js
vendored
Normal file
52
jquery-ui/tests/unit/core/core_deprecated.js
vendored
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "core - deprecated" );
|
||||
|
||||
asyncTest( "focus - original functionality", function() {
|
||||
expect( 1 );
|
||||
$( "#inputTabindex0" )
|
||||
.one( "focus", function() {
|
||||
ok( true, "event triggered" );
|
||||
start();
|
||||
})
|
||||
.focus();
|
||||
});
|
||||
|
||||
asyncTest( "focus", function() {
|
||||
expect( 2 );
|
||||
|
||||
// support: IE 8
|
||||
// IE sometimes gets confused about what's focused if we don't explicitly
|
||||
// focus a different element first
|
||||
$( "body" ).focus();
|
||||
|
||||
$( "#inputTabindex0" )
|
||||
.one( "focus", function() {
|
||||
ok( true, "event triggered" );
|
||||
start();
|
||||
})
|
||||
.focus( 500, function() {
|
||||
ok( true, "callback triggered" );
|
||||
});
|
||||
});
|
||||
|
||||
test( "zIndex", function() {
|
||||
expect( 7 );
|
||||
var el = $( "#zIndexAutoWithParent" ),
|
||||
parent = el.parent();
|
||||
equal( el.zIndex(), 100, "zIndex traverses up to find value" );
|
||||
equal( parent.zIndex(200 ), parent, "zIndex setter is chainable" );
|
||||
equal( el.zIndex(), 200, "zIndex setter changed zIndex" );
|
||||
|
||||
el = $( "#zIndexAutoWithParentViaCSS" );
|
||||
equal( el.zIndex(), 0, "zIndex traverses up to find CSS value, not found because not positioned" );
|
||||
|
||||
el = $( "#zIndexAutoWithParentViaCSSPositioned" );
|
||||
equal( el.zIndex(), 100, "zIndex traverses up to find CSS value" );
|
||||
el.parent().zIndex( 200 );
|
||||
equal( el.zIndex(), 200, "zIndex setter changed zIndex, overriding CSS" );
|
||||
|
||||
equal( $( "#zIndexAutoNoParent" ).zIndex(), 0, "zIndex never explicitly set in hierarchy" );
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
254
jquery-ui/tests/unit/core/selector.js
vendored
Normal file
254
jquery-ui/tests/unit/core/selector.js
vendored
Normal file
|
|
@ -0,0 +1,254 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "core - selectors" );
|
||||
|
||||
function isFocusable( selector, msg ) {
|
||||
QUnit.push( $( selector ).is( ":focusable" ), null, null,
|
||||
msg + " - selector " + selector + " is focusable" );
|
||||
}
|
||||
|
||||
function isNotFocusable( selector, msg ) {
|
||||
QUnit.push( $( selector ).length && !$( selector ).is(":focusable"), null, null,
|
||||
msg + " - selector " + selector + " is not focusable" );
|
||||
}
|
||||
|
||||
function isTabbable( selector, msg ) {
|
||||
QUnit.push( $( selector ).is( ":tabbable" ), null, null,
|
||||
msg + " - selector " + selector + " is tabbable" );
|
||||
}
|
||||
|
||||
function isNotTabbable( selector, msg ) {
|
||||
QUnit.push( $( selector ).length && !$( selector ).is( ":tabbable" ), null, null,
|
||||
msg + " - selector " + selector + " is not tabbable" );
|
||||
}
|
||||
|
||||
test( "data", function() {
|
||||
expect( 15 );
|
||||
|
||||
var element;
|
||||
|
||||
function shouldHaveData( msg ) {
|
||||
ok( element.is( ":data(test)" ), msg );
|
||||
}
|
||||
|
||||
function shouldNotHaveData( msg ) {
|
||||
ok( !element.is( ":data(test)" ), msg );
|
||||
}
|
||||
|
||||
element = $( "<div>" );
|
||||
shouldNotHaveData( "data never set" );
|
||||
|
||||
element = $( "<div>" ).data( "test", null );
|
||||
shouldNotHaveData( "data is null" );
|
||||
|
||||
element = $( "<div>" ).data( "test", true );
|
||||
shouldHaveData( "data set to true" );
|
||||
|
||||
element = $( "<div>" ).data( "test", false );
|
||||
shouldNotHaveData( "data set to false" );
|
||||
|
||||
element = $( "<div>" ).data( "test", 0 );
|
||||
shouldNotHaveData( "data set to 0" );
|
||||
|
||||
element = $( "<div>" ).data( "test", 1 );
|
||||
shouldHaveData( "data set to 1" );
|
||||
|
||||
element = $( "<div>" ).data( "test", "" );
|
||||
shouldNotHaveData( "data set to empty string" );
|
||||
|
||||
element = $( "<div>" ).data( "test", "foo" );
|
||||
shouldHaveData( "data set to string" );
|
||||
|
||||
element = $( "<div>" ).data( "test", [] );
|
||||
shouldHaveData( "data set to empty array" );
|
||||
|
||||
element = $( "<div>" ).data( "test", [ 1 ] );
|
||||
shouldHaveData( "data set to array" );
|
||||
|
||||
element = $( "<div>" ).data( "test", {} );
|
||||
shouldHaveData( "data set to empty object" );
|
||||
|
||||
element = $( "<div>" ).data( "test", { foo: "bar" } );
|
||||
shouldHaveData( "data set to object" );
|
||||
|
||||
element = $( "<div>" ).data( "test", new Date() );
|
||||
shouldHaveData( "data set to date" );
|
||||
|
||||
element = $( "<div>" ).data( "test", /test/ );
|
||||
shouldHaveData( "data set to regexp" );
|
||||
|
||||
element = $( "<div>" ).data( "test", function() {} );
|
||||
shouldHaveData( "data set to function" );
|
||||
});
|
||||
|
||||
test( "focusable - visible, enabled elements", function() {
|
||||
expect( 18 );
|
||||
|
||||
isNotFocusable( "#formNoTabindex", "form" );
|
||||
isFocusable( "#formTabindex", "form with tabindex" );
|
||||
isFocusable( "#visibleAncestor-inputTypeNone", "input, no type" );
|
||||
isFocusable( "#visibleAncestor-inputTypeText", "input, type text" );
|
||||
isFocusable( "#visibleAncestor-inputTypeCheckbox", "input, type checkbox" );
|
||||
isFocusable( "#visibleAncestor-inputTypeRadio", "input, type radio" );
|
||||
isFocusable( "#visibleAncestor-inputTypeButton", "input, type button" );
|
||||
isNotFocusable( "#visibleAncestor-inputTypeHidden", "input, type hidden" );
|
||||
isFocusable( "#visibleAncestor-button", "button" );
|
||||
isFocusable( "#visibleAncestor-select", "select" );
|
||||
isFocusable( "#visibleAncestor-textarea", "textarea" );
|
||||
isFocusable( "#visibleAncestor-object", "object" );
|
||||
isFocusable( "#visibleAncestor-anchorWithHref", "anchor with href" );
|
||||
isNotFocusable( "#visibleAncestor-anchorWithoutHref", "anchor without href" );
|
||||
isNotFocusable( "#visibleAncestor-span", "span" );
|
||||
isNotFocusable( "#visibleAncestor-div", "div" );
|
||||
isFocusable( "#visibleAncestor-spanWithTabindex", "span with tabindex" );
|
||||
isFocusable( "#visibleAncestor-divWithNegativeTabindex", "div with tabindex" );
|
||||
});
|
||||
|
||||
test( "focusable - disabled elements", function() {
|
||||
expect( 9 );
|
||||
|
||||
isNotFocusable( "#disabledElement-inputTypeNone", "input, no type" );
|
||||
isNotFocusable( "#disabledElement-inputTypeText", "input, type text" );
|
||||
isNotFocusable( "#disabledElement-inputTypeCheckbox", "input, type checkbox" );
|
||||
isNotFocusable( "#disabledElement-inputTypeRadio", "input, type radio" );
|
||||
isNotFocusable( "#disabledElement-inputTypeButton", "input, type button" );
|
||||
isNotFocusable( "#disabledElement-inputTypeHidden", "input, type hidden" );
|
||||
isNotFocusable( "#disabledElement-button", "button" );
|
||||
isNotFocusable( "#disabledElement-select", "select" );
|
||||
isNotFocusable( "#disabledElement-textarea", "textarea" );
|
||||
});
|
||||
|
||||
test( "focusable - hidden styles", function() {
|
||||
expect( 8 );
|
||||
|
||||
isNotFocusable( "#displayNoneAncestor-input", "input, display: none parent" );
|
||||
isNotFocusable( "#displayNoneAncestor-span", "span with tabindex, display: none parent" );
|
||||
|
||||
isNotFocusable( "#visibilityHiddenAncestor-input", "input, visibility: hidden parent" );
|
||||
isNotFocusable( "#visibilityHiddenAncestor-span", "span with tabindex, visibility: hidden parent" );
|
||||
|
||||
isNotFocusable( "#displayNone-input", "input, display: none" );
|
||||
isNotFocusable( "#visibilityHidden-input", "input, visibility: hidden" );
|
||||
|
||||
isNotFocusable( "#displayNone-span", "span with tabindex, display: none" );
|
||||
isNotFocusable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" );
|
||||
});
|
||||
|
||||
test( "focusable - natively focusable with various tabindex", function() {
|
||||
expect( 4 );
|
||||
|
||||
isFocusable( "#inputTabindex0", "input, tabindex 0" );
|
||||
isFocusable( "#inputTabindex10", "input, tabindex 10" );
|
||||
isFocusable( "#inputTabindex-1", "input, tabindex -1" );
|
||||
isFocusable( "#inputTabindex-50", "input, tabindex -50" );
|
||||
});
|
||||
|
||||
test( "focusable - not natively focusable with various tabindex", function() {
|
||||
expect( 4 );
|
||||
|
||||
isFocusable( "#spanTabindex0", "span, tabindex 0" );
|
||||
isFocusable( "#spanTabindex10", "span, tabindex 10" );
|
||||
isFocusable( "#spanTabindex-1", "span, tabindex -1" );
|
||||
isFocusable( "#spanTabindex-50", "span, tabindex -50" );
|
||||
});
|
||||
|
||||
test( "focusable - area elements", function() {
|
||||
expect( 3 );
|
||||
|
||||
isFocusable( "#areaCoordsHref", "coords and href" );
|
||||
isFocusable( "#areaNoCoordsHref", "href but no coords" );
|
||||
isNotFocusable( "#areaNoImg", "not associated with an image" );
|
||||
});
|
||||
|
||||
test( "focusable - dimensionless parent with overflow", function() {
|
||||
expect( 1 );
|
||||
|
||||
isFocusable( "#dimensionlessParent", "input" );
|
||||
});
|
||||
|
||||
test( "tabbable - visible, enabled elements", function() {
|
||||
expect( 18 );
|
||||
|
||||
isNotTabbable( "#formNoTabindex", "form" );
|
||||
isTabbable( "#formTabindex", "form with tabindex" );
|
||||
isTabbable( "#visibleAncestor-inputTypeNone", "input, no type" );
|
||||
isTabbable( "#visibleAncestor-inputTypeText", "input, type text" );
|
||||
isTabbable( "#visibleAncestor-inputTypeCheckbox", "input, type checkbox" );
|
||||
isTabbable( "#visibleAncestor-inputTypeRadio", "input, type radio" );
|
||||
isTabbable( "#visibleAncestor-inputTypeButton", "input, type button" );
|
||||
isNotTabbable( "#visibleAncestor-inputTypeHidden", "input, type hidden" );
|
||||
isTabbable( "#visibleAncestor-button", "button" );
|
||||
isTabbable( "#visibleAncestor-select", "select" );
|
||||
isTabbable( "#visibleAncestor-textarea", "textarea" );
|
||||
isTabbable( "#visibleAncestor-object", "object" );
|
||||
isTabbable( "#visibleAncestor-anchorWithHref", "anchor with href" );
|
||||
isNotTabbable( "#visibleAncestor-anchorWithoutHref", "anchor without href" );
|
||||
isNotTabbable( "#visibleAncestor-span", "span" );
|
||||
isNotTabbable( "#visibleAncestor-div", "div" );
|
||||
isTabbable( "#visibleAncestor-spanWithTabindex", "span with tabindex" );
|
||||
isNotTabbable( "#visibleAncestor-divWithNegativeTabindex", "div with tabindex" );
|
||||
});
|
||||
|
||||
test( "tabbable - disabled elements", function() {
|
||||
expect( 9 );
|
||||
|
||||
isNotTabbable( "#disabledElement-inputTypeNone", "input, no type" );
|
||||
isNotTabbable( "#disabledElement-inputTypeText", "input, type text" );
|
||||
isNotTabbable( "#disabledElement-inputTypeCheckbox", "input, type checkbox" );
|
||||
isNotTabbable( "#disabledElement-inputTypeRadio", "input, type radio" );
|
||||
isNotTabbable( "#disabledElement-inputTypeButton", "input, type button" );
|
||||
isNotTabbable( "#disabledElement-inputTypeHidden", "input, type hidden" );
|
||||
isNotTabbable( "#disabledElement-button", "button" );
|
||||
isNotTabbable( "#disabledElement-select", "select" );
|
||||
isNotTabbable( "#disabledElement-textarea", "textarea" );
|
||||
});
|
||||
|
||||
test( "tabbable - hidden styles", function() {
|
||||
expect( 8 );
|
||||
|
||||
isNotTabbable( "#displayNoneAncestor-input", "input, display: none parent" );
|
||||
isNotTabbable( "#displayNoneAncestor-span", "span with tabindex, display: none parent" );
|
||||
|
||||
isNotTabbable( "#visibilityHiddenAncestor-input", "input, visibility: hidden parent" );
|
||||
isNotTabbable( "#visibilityHiddenAncestor-span", "span with tabindex, visibility: hidden parent" );
|
||||
|
||||
isNotTabbable( "#displayNone-input", "input, display: none" );
|
||||
isNotTabbable( "#visibilityHidden-input", "input, visibility: hidden" );
|
||||
|
||||
isNotTabbable( "#displayNone-span", "span with tabindex, display: none" );
|
||||
isNotTabbable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" );
|
||||
});
|
||||
|
||||
test( "tabbable - natively tabbable with various tabindex", function() {
|
||||
expect( 4 );
|
||||
|
||||
isTabbable( "#inputTabindex0", "input, tabindex 0" );
|
||||
isTabbable( "#inputTabindex10", "input, tabindex 10" );
|
||||
isNotTabbable( "#inputTabindex-1", "input, tabindex -1" );
|
||||
isNotTabbable( "#inputTabindex-50", "input, tabindex -50" );
|
||||
});
|
||||
|
||||
test( "tabbable - not natively tabbable with various tabindex", function() {
|
||||
expect( 4 );
|
||||
|
||||
isTabbable( "#spanTabindex0", "span, tabindex 0" );
|
||||
isTabbable( "#spanTabindex10", "span, tabindex 10" );
|
||||
isNotTabbable( "#spanTabindex-1", "span, tabindex -1" );
|
||||
isNotTabbable( "#spanTabindex-50", "span, tabindex -50" );
|
||||
});
|
||||
|
||||
test( "tabbable - area elements", function() {
|
||||
expect( 3 );
|
||||
|
||||
isTabbable( "#areaCoordsHref", "coords and href" );
|
||||
isTabbable( "#areaNoCoordsHref", "href but no coords" );
|
||||
isNotTabbable( "#areaNoImg", "not associated with an image" );
|
||||
});
|
||||
|
||||
test( "tabbable - dimensionless parent with overflow", function() {
|
||||
expect( 1 );
|
||||
|
||||
isTabbable( "#dimensionlessParent", "input" );
|
||||
});
|
||||
|
||||
})( jQuery );
|
||||
Loading…
Add table
Add a link
Reference in a new issue