diff options
author | Amanpreet Singh <apsdehal@gmail.com> | 2016-04-03 20:32:08 +0530 |
---|---|---|
committer | Amanpreet Singh <apsdehal@gmail.com> | 2016-04-14 00:06:12 +0530 |
commit | 20b6e976fb594e7e3606f842ded99878a907d719 (patch) | |
tree | 9fe6490f56d9eb5e346cabeed36b82189ec2b8a9 /tests | |
parent | 290f0e73be89149e1edf3fa2300c5794bd8e0fbc (diff) | |
download | jquery-ui-20b6e976fb594e7e3606f842ded99878a907d719.tar.gz jquery-ui-20b6e976fb594e7e3606f842ded99878a907d719.zip |
Core: Shift to no globals
Diffstat (limited to 'tests')
-rw-r--r-- | tests/unit/core/core.js | 126 | ||||
-rw-r--r-- | tests/unit/core/selector.js | 311 |
2 files changed, 220 insertions, 217 deletions
diff --git a/tests/unit/core/core.js b/tests/unit/core/core.js index c21a4e050..9d00d61b6 100644 --- a/tests/unit/core/core.js +++ b/tests/unit/core/core.js @@ -1,147 +1,148 @@ define( [ + "qunit", "jquery", "lib/common", "ui/form", "ui/labels", "ui/unique-id" -], function( $, common ) { +], function( QUnit, $, common ) { -module( "core - jQuery extensions" ); +QUnit.module( "core - jQuery extensions" ); common.testJshint( "core" ); -test( "innerWidth - getter", function() { - expect( 2 ); +QUnit.test( "innerWidth - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.innerWidth(), 122, "getter passthru" ); + assert.equal( el.innerWidth(), 122, "getter passthru" ); el.hide(); - equal( el.innerWidth(), 122, "getter passthru when hidden" ); + assert.equal( el.innerWidth(), 122, "getter passthru when hidden" ); } ); -test( "innerWidth - setter", function() { - expect( 2 ); +QUnit.test( "innerWidth - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.innerWidth( 120 ); - equal( el.width(), 98, "width set properly" ); + assert.equal( el.width(), 98, "width set properly" ); el.hide(); el.innerWidth( 100 ); - equal( el.width(), 78, "width set properly when hidden" ); + assert.equal( el.width(), 78, "width set properly when hidden" ); } ); -test( "innerHeight - getter", function() { - expect( 2 ); +QUnit.test( "innerHeight - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.innerHeight(), 70, "getter passthru" ); + assert.equal( el.innerHeight(), 70, "getter passthru" ); el.hide(); - equal( el.innerHeight(), 70, "getter passthru when hidden" ); + assert.equal( el.innerHeight(), 70, "getter passthru when hidden" ); } ); -test( "innerHeight - setter", function() { - expect( 2 ); +QUnit.test( "innerHeight - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.innerHeight( 60 ); - equal( el.height(), 40, "height set properly" ); + assert.equal( el.height(), 40, "height set properly" ); el.hide(); el.innerHeight( 50 ); - equal( el.height(), 30, "height set properly when hidden" ); + assert.equal( el.height(), 30, "height set properly when hidden" ); } ); -test( "outerWidth - getter", function() { - expect( 2 ); +QUnit.test( "outerWidth - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.outerWidth(), 140, "getter passthru" ); + assert.equal( el.outerWidth(), 140, "getter passthru" ); el.hide(); - equal( el.outerWidth(), 140, "getter passthru when hidden" ); + assert.equal( el.outerWidth(), 140, "getter passthru when hidden" ); } ); -test( "outerWidth - setter", function() { - expect( 2 ); +QUnit.test( "outerWidth - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.outerWidth( 130 ); - equal( el.width(), 90, "width set properly" ); + assert.equal( el.width(), 90, "width set properly" ); el.hide(); el.outerWidth( 120 ); - equal( el.width(), 80, "width set properly when hidden" ); + assert.equal( el.width(), 80, "width set properly when hidden" ); } ); -test( "outerWidth(true) - getter", function() { - expect( 2 ); +QUnit.test( "outerWidth(true) - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.outerWidth( true ), 154, "getter passthru w/ margin" ); + assert.equal( el.outerWidth( true ), 154, "getter passthru w/ margin" ); el.hide(); - equal( el.outerWidth( true ), 154, "getter passthru w/ margin when hidden" ); + assert.equal( el.outerWidth( true ), 154, "getter passthru w/ margin when hidden" ); } ); -test( "outerWidth(true) - setter", function() { - expect( 2 ); +QUnit.test( "outerWidth(true) - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.outerWidth( 130, true ); - equal( el.width(), 76, "width set properly" ); + assert.equal( el.width(), 76, "width set properly" ); el.hide(); el.outerWidth( 120, true ); - equal( el.width(), 66, "width set properly when hidden" ); + assert.equal( el.width(), 66, "width set properly when hidden" ); } ); -test( "outerHeight - getter", function() { - expect( 2 ); +QUnit.test( "outerHeight - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.outerHeight(), 86, "getter passthru" ); + assert.equal( el.outerHeight(), 86, "getter passthru" ); el.hide(); - equal( el.outerHeight(), 86, "getter passthru when hidden" ); + assert.equal( el.outerHeight(), 86, "getter passthru when hidden" ); } ); -test( "outerHeight - setter", function() { - expect( 2 ); +QUnit.test( "outerHeight - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.outerHeight( 80 ); - equal( el.height(), 44, "height set properly" ); + assert.equal( el.height(), 44, "height set properly" ); el.hide(); el.outerHeight( 70 ); - equal( el.height(), 34, "height set properly when hidden" ); + assert.equal( el.height(), 34, "height set properly when hidden" ); } ); -test( "outerHeight(true) - getter", function() { - expect( 2 ); +QUnit.test( "outerHeight(true) - getter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); - equal( el.outerHeight( true ), 98, "getter passthru w/ margin" ); + assert.equal( el.outerHeight( true ), 98, "getter passthru w/ margin" ); el.hide(); - equal( el.outerHeight( true ), 98, "getter passthru w/ margin when hidden" ); + assert.equal( el.outerHeight( true ), 98, "getter passthru w/ margin when hidden" ); } ); -test( "outerHeight(true) - setter", function() { - expect( 2 ); +QUnit.test( "outerHeight(true) - setter", function( assert ) { + assert.expect( 2 ); var el = $( "#dimensions" ); el.outerHeight( 90, true ); - equal( el.height(), 42, "height set properly" ); + assert.equal( el.height(), 42, "height set properly" ); el.hide(); el.outerHeight( 80, true ); - equal( el.height(), 32, "height set properly when hidden" ); + assert.equal( el.height(), 32, "height set properly when hidden" ); } ); -test( "uniqueId / removeUniqueId", function() { - expect( 3 ); +QUnit.test( "uniqueId / removeUniqueId", function( assert ) { + assert.expect( 3 ); var el = $( "img" ).eq( 0 ); - equal( el.attr( "id" ), null, "element has no initial id" ); + assert.equal( el.attr( "id" ), null, "element has no initial id" ); el.uniqueId(); - ok( /ui-id-\d+$/.test( el.attr( "id" ) ), "element has generated id" ); + assert.ok( /ui-id-\d+$/.test( el.attr( "id" ) ), "element has generated id" ); el.removeUniqueId(); - equal( el.attr( "id" ), null, "unique id has been removed from element" ); + assert.equal( el.attr( "id" ), null, "unique id has been removed from element" ); } ); -test( "Labels", function() { - expect( 2 ); +QUnit.test( "Labels", function( assert ) { + assert.expect( 2 ); var expected = [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" ]; var dom = $( "#labels-fragment" ); @@ -155,7 +156,7 @@ test( "Labels", function() { return $.trim( $( this ).text() ); } ).get(); - deepEqual( found, expected, + assert.deepEqual( found, expected, ".labels() finds all labels in " + testType + ", and sorts them in DOM order" ); } @@ -176,8 +177,9 @@ test( "Labels", function() { inputs.each( function() { var input = $( this ); - asyncTest( name + this.id.replace( /_/g, " " ), function() { - expect( 1 ); + QUnit.test( name + this.id.replace( /_/g, " " ), function( assert ) { + var ready = assert.async(); + assert.expect( 1 ); var form = input.form(); // If input has a form the value should reset to "" if not it should be "changed" @@ -193,8 +195,8 @@ test( "Labels", function() { } ); setTimeout( function() { - equal( input.val(), value, "Proper form found for #" + input.attr( "id" ) ); - start(); + assert.equal( input.val(), value, "Proper form found for #" + input.attr( "id" ) ); + ready(); } ); } ); } ); diff --git a/tests/unit/core/selector.js b/tests/unit/core/selector.js index 52d1902ff..d452e43c9 100644 --- a/tests/unit/core/selector.js +++ b/tests/unit/core/selector.js @@ -1,44 +1,45 @@ define( [ + "qunit", "jquery", "ui/data", "ui/escape-selector", "ui/focusable", "ui/tabbable" -], function( $ ) { +], function( QUnit, $ ) { -module( "core - selectors" ); +QUnit.module( "core - selectors" ); -function isFocusable( selector, msg ) { - QUnit.push( $( selector ).is( ":focusable" ), null, null, +QUnit.assert.isFocusable = function( selector, msg ) { + this.push( $( selector ).is( ":focusable" ), null, null, msg + " - selector " + selector + " is focusable" ); -} +}; -function isNotFocusable( selector, msg ) { - QUnit.push( $( selector ).length && !$( selector ).is( ":focusable" ), null, null, +QUnit.assert.isNotFocusable = function( selector, msg ) { + this.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, +QUnit.assert.isTabbable = function( selector, msg ) { + this.push( $( selector ).is( ":tabbable" ), null, null, msg + " - selector " + selector + " is tabbable" ); -} +}; -function isNotTabbable( selector, msg ) { - QUnit.push( $( selector ).length && !$( selector ).is( ":tabbable" ), null, null, +QUnit.assert.isNotTabbable = function( selector, msg ) { + this.push( $( selector ).length && !$( selector ).is( ":tabbable" ), null, null, msg + " - selector " + selector + " is not tabbable" ); -} +}; -test( "data", function() { - expect( 15 ); +QUnit.test( "data", function( assert ) { + assert.expect( 15 ); var element; function shouldHaveData( msg ) { - ok( element.is( ":data(test)" ), msg ); + assert.ok( element.is( ":data(test)" ), msg ); } function shouldNotHaveData( msg ) { - ok( !element.is( ":data(test)" ), msg ); + assert.ok( !element.is( ":data(test)" ), msg ); } element = $( "<div>" ); @@ -87,193 +88,193 @@ test( "data", function() { shouldHaveData( "data set to function" ); } ); -test( "focusable - visible, enabled elements", function() { - expect( 20 ); - - 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" ); - isFocusable( "#nestedVisibilityInheritWithVisibleAncestor", +QUnit.test( "focusable - visible, enabled elements", function( assert ) { + assert.expect( 20 ); + + assert.isNotFocusable( "#formNoTabindex", "form" ); + assert.isFocusable( "#formTabindex", "form with tabindex" ); + assert.isFocusable( "#visibleAncestor-inputTypeNone", "input, no type" ); + assert.isFocusable( "#visibleAncestor-inputTypeText", "input, type text" ); + assert.isFocusable( "#visibleAncestor-inputTypeCheckbox", "input, type checkbox" ); + assert.isFocusable( "#visibleAncestor-inputTypeRadio", "input, type radio" ); + assert.isFocusable( "#visibleAncestor-inputTypeButton", "input, type button" ); + assert.isNotFocusable( "#visibleAncestor-inputTypeHidden", "input, type hidden" ); + assert.isFocusable( "#visibleAncestor-button", "button" ); + assert.isFocusable( "#visibleAncestor-select", "select" ); + assert.isFocusable( "#visibleAncestor-textarea", "textarea" ); + assert.isFocusable( "#visibleAncestor-object", "object" ); + assert.isFocusable( "#visibleAncestor-anchorWithHref", "anchor with href" ); + assert.isNotFocusable( "#visibleAncestor-anchorWithoutHref", "anchor without href" ); + assert.isNotFocusable( "#visibleAncestor-span", "span" ); + assert.isNotFocusable( "#visibleAncestor-div", "div" ); + assert.isFocusable( "#visibleAncestor-spanWithTabindex", "span with tabindex" ); + assert.isFocusable( "#visibleAncestor-divWithNegativeTabindex", "div with tabindex" ); + assert.isFocusable( "#nestedVisibilityInheritWithVisibleAncestor", "span, visibility: inherit inside visibility: visible parent" ); - isFocusable( "#nestedVisibilityInheritWithVisibleAncestor-input", + assert.isFocusable( "#nestedVisibilityInheritWithVisibleAncestor-input", "input, visibility: inherit inside visibility: visible parent" ); } ); -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" ); +QUnit.test( "focusable - disabled elements", function( assert ) { + assert.expect( 9 ); + + assert.isNotFocusable( "#disabledElement-inputTypeNone", "input, no type" ); + assert.isNotFocusable( "#disabledElement-inputTypeText", "input, type text" ); + assert.isNotFocusable( "#disabledElement-inputTypeCheckbox", "input, type checkbox" ); + assert.isNotFocusable( "#disabledElement-inputTypeRadio", "input, type radio" ); + assert.isNotFocusable( "#disabledElement-inputTypeButton", "input, type button" ); + assert.isNotFocusable( "#disabledElement-inputTypeHidden", "input, type hidden" ); + assert.isNotFocusable( "#disabledElement-button", "button" ); + assert.isNotFocusable( "#disabledElement-select", "select" ); + assert.isNotFocusable( "#disabledElement-textarea", "textarea" ); } ); -test( "focusable - hidden styles", function() { - expect( 12 ); +QUnit.test( "focusable - hidden styles", function( assert ) { + assert.expect( 12 ); - isNotFocusable( "#displayNoneAncestor-input", "input, display: none parent" ); - isNotFocusable( "#displayNoneAncestor-span", "span with tabindex, display: none parent" ); + assert.isNotFocusable( "#displayNoneAncestor-input", "input, display: none parent" ); + assert.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" ); + assert.isNotFocusable( "#visibilityHiddenAncestor-input", "input, visibility: hidden parent" ); + assert.isNotFocusable( "#visibilityHiddenAncestor-span", "span with tabindex, visibility: hidden parent" ); - isFocusable( "#nestedVisibilityOverrideAncestor-input", "input, visibility: visible parent but visibility: hidden grandparent" ); - isFocusable( "#nestedVisibilityOverrideAncestor-span", "span with tabindex, visibility: visible parent but visibility: hidden grandparent " ); + assert.isFocusable( "#nestedVisibilityOverrideAncestor-input", "input, visibility: visible parent but visibility: hidden grandparent" ); + assert.isFocusable( "#nestedVisibilityOverrideAncestor-span", "span with tabindex, visibility: visible parent but visibility: hidden grandparent " ); - isNotFocusable( "#nestedVisibilityInheritWithHiddenAncestor", "span, visibility: inherit inside visibility: hidden parent" ); - isNotFocusable( "#nestedVisibilityInheritWithHiddenAncestor-input", "input, visibility: inherit inside visibility: hidden parent" ); + assert.isNotFocusable( "#nestedVisibilityInheritWithHiddenAncestor", "span, visibility: inherit inside visibility: hidden parent" ); + assert.isNotFocusable( "#nestedVisibilityInheritWithHiddenAncestor-input", "input, visibility: inherit inside visibility: hidden parent" ); - isNotFocusable( "#displayNone-input", "input, display: none" ); - isNotFocusable( "#visibilityHidden-input", "input, visibility: hidden" ); + assert.isNotFocusable( "#displayNone-input", "input, display: none" ); + assert.isNotFocusable( "#visibilityHidden-input", "input, visibility: hidden" ); - isNotFocusable( "#displayNone-span", "span with tabindex, display: none" ); - isNotFocusable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" ); + assert.isNotFocusable( "#displayNone-span", "span with tabindex, display: none" ); + assert.isNotFocusable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" ); } ); -test( "focusable - natively focusable with various tabindex", function() { - expect( 4 ); +QUnit.test( "focusable - natively focusable with various tabindex", function( assert ) { + assert.expect( 4 ); - isFocusable( "#inputTabindex0", "input, tabindex 0" ); - isFocusable( "#inputTabindex10", "input, tabindex 10" ); - isFocusable( "#inputTabindex-1", "input, tabindex -1" ); - isFocusable( "#inputTabindex-50", "input, tabindex -50" ); + assert.isFocusable( "#inputTabindex0", "input, tabindex 0" ); + assert.isFocusable( "#inputTabindex10", "input, tabindex 10" ); + assert.isFocusable( "#inputTabindex-1", "input, tabindex -1" ); + assert.isFocusable( "#inputTabindex-50", "input, tabindex -50" ); } ); -test( "focusable - not natively focusable with various tabindex", function() { - expect( 4 ); +QUnit.test( "focusable - not natively focusable with various tabindex", function( assert ) { + assert.expect( 4 ); - isFocusable( "#spanTabindex0", "span, tabindex 0" ); - isFocusable( "#spanTabindex10", "span, tabindex 10" ); - isFocusable( "#spanTabindex-1", "span, tabindex -1" ); - isFocusable( "#spanTabindex-50", "span, tabindex -50" ); + assert.isFocusable( "#spanTabindex0", "span, tabindex 0" ); + assert.isFocusable( "#spanTabindex10", "span, tabindex 10" ); + assert.isFocusable( "#spanTabindex-1", "span, tabindex -1" ); + assert.isFocusable( "#spanTabindex-50", "span, tabindex -50" ); } ); -test( "focusable - area elements", function() { - expect( 3 ); +QUnit.test( "focusable - area elements", function( assert ) { + assert.expect( 3 ); - isFocusable( "#areaCoordsHref", "coords and href" ); - isFocusable( "#areaNoCoordsHref", "href but no coords" ); - isNotFocusable( "#areaNoImg", "not associated with an image" ); + assert.isFocusable( "#areaCoordsHref", "coords and href" ); + assert.isFocusable( "#areaNoCoordsHref", "href but no coords" ); + assert.isNotFocusable( "#areaNoImg", "not associated with an image" ); } ); -test( "focusable - dimensionless parent with overflow", function() { - expect( 1 ); +QUnit.test( "focusable - dimensionless parent with overflow", function( assert ) { + assert.expect( 1 ); - isFocusable( "#dimensionlessParent", "input" ); + assert.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" ); +QUnit.test( "tabbable - visible, enabled elements", function( assert ) { + assert.expect( 18 ); + + assert.isNotTabbable( "#formNoTabindex", "form" ); + assert.isTabbable( "#formTabindex", "form with tabindex" ); + assert.isTabbable( "#visibleAncestor-inputTypeNone", "input, no type" ); + assert.isTabbable( "#visibleAncestor-inputTypeText", "input, type text" ); + assert.isTabbable( "#visibleAncestor-inputTypeCheckbox", "input, type checkbox" ); + assert.isTabbable( "#visibleAncestor-inputTypeRadio", "input, type radio" ); + assert.isTabbable( "#visibleAncestor-inputTypeButton", "input, type button" ); + assert.isNotTabbable( "#visibleAncestor-inputTypeHidden", "input, type hidden" ); + assert.isTabbable( "#visibleAncestor-button", "button" ); + assert.isTabbable( "#visibleAncestor-select", "select" ); + assert.isTabbable( "#visibleAncestor-textarea", "textarea" ); + assert.isTabbable( "#visibleAncestor-object", "object" ); + assert.isTabbable( "#visibleAncestor-anchorWithHref", "anchor with href" ); + assert.isNotTabbable( "#visibleAncestor-anchorWithoutHref", "anchor without href" ); + assert.isNotTabbable( "#visibleAncestor-span", "span" ); + assert.isNotTabbable( "#visibleAncestor-div", "div" ); + assert.isTabbable( "#visibleAncestor-spanWithTabindex", "span with tabindex" ); + assert.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" ); +QUnit.test( "tabbable - disabled elements", function( assert ) { + assert.expect( 9 ); + + assert.isNotTabbable( "#disabledElement-inputTypeNone", "input, no type" ); + assert.isNotTabbable( "#disabledElement-inputTypeText", "input, type text" ); + assert.isNotTabbable( "#disabledElement-inputTypeCheckbox", "input, type checkbox" ); + assert.isNotTabbable( "#disabledElement-inputTypeRadio", "input, type radio" ); + assert.isNotTabbable( "#disabledElement-inputTypeButton", "input, type button" ); + assert.isNotTabbable( "#disabledElement-inputTypeHidden", "input, type hidden" ); + assert.isNotTabbable( "#disabledElement-button", "button" ); + assert.isNotTabbable( "#disabledElement-select", "select" ); + assert.isNotTabbable( "#disabledElement-textarea", "textarea" ); } ); -test( "tabbable - hidden styles", function() { - expect( 10 ); +QUnit.test( "tabbable - hidden styles", function( assert ) { + assert.expect( 10 ); - isNotTabbable( "#displayNoneAncestor-input", "input, display: none parent" ); - isNotTabbable( "#displayNoneAncestor-span", "span with tabindex, display: none parent" ); + assert.isNotTabbable( "#displayNoneAncestor-input", "input, display: none parent" ); + assert.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" ); + assert.isNotTabbable( "#visibilityHiddenAncestor-input", "input, visibility: hidden parent" ); + assert.isNotTabbable( "#visibilityHiddenAncestor-span", "span with tabindex, visibility: hidden parent" ); - isTabbable( "#nestedVisibilityOverrideAncestor-input", "input, visibility: visible parent but visibility: hidden grandparent" ); - isTabbable( "#nestedVisibilityOverrideAncestor-span", "span with tabindex, visibility: visible parent but visibility: hidden grandparent " ); + assert.isTabbable( "#nestedVisibilityOverrideAncestor-input", "input, visibility: visible parent but visibility: hidden grandparent" ); + assert.isTabbable( "#nestedVisibilityOverrideAncestor-span", "span with tabindex, visibility: visible parent but visibility: hidden grandparent " ); - isNotTabbable( "#displayNone-input", "input, display: none" ); - isNotTabbable( "#visibilityHidden-input", "input, visibility: hidden" ); + assert.isNotTabbable( "#displayNone-input", "input, display: none" ); + assert.isNotTabbable( "#visibilityHidden-input", "input, visibility: hidden" ); - isNotTabbable( "#displayNone-span", "span with tabindex, display: none" ); - isNotTabbable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" ); + assert.isNotTabbable( "#displayNone-span", "span with tabindex, display: none" ); + assert.isNotTabbable( "#visibilityHidden-span", "span with tabindex, visibility: hidden" ); } ); -test( "tabbable - natively tabbable with various tabindex", function() { - expect( 4 ); +QUnit.test( "tabbable - natively tabbable with various tabindex", function( assert ) { + assert.expect( 4 ); - isTabbable( "#inputTabindex0", "input, tabindex 0" ); - isTabbable( "#inputTabindex10", "input, tabindex 10" ); - isNotTabbable( "#inputTabindex-1", "input, tabindex -1" ); - isNotTabbable( "#inputTabindex-50", "input, tabindex -50" ); + assert.isTabbable( "#inputTabindex0", "input, tabindex 0" ); + assert.isTabbable( "#inputTabindex10", "input, tabindex 10" ); + assert.isNotTabbable( "#inputTabindex-1", "input, tabindex -1" ); + assert.isNotTabbable( "#inputTabindex-50", "input, tabindex -50" ); } ); -test( "tabbable - not natively tabbable with various tabindex", function() { - expect( 4 ); +QUnit.test( "tabbable - not natively tabbable with various tabindex", function( assert ) { + assert.expect( 4 ); - isTabbable( "#spanTabindex0", "span, tabindex 0" ); - isTabbable( "#spanTabindex10", "span, tabindex 10" ); - isNotTabbable( "#spanTabindex-1", "span, tabindex -1" ); - isNotTabbable( "#spanTabindex-50", "span, tabindex -50" ); + assert.isTabbable( "#spanTabindex0", "span, tabindex 0" ); + assert.isTabbable( "#spanTabindex10", "span, tabindex 10" ); + assert.isNotTabbable( "#spanTabindex-1", "span, tabindex -1" ); + assert.isNotTabbable( "#spanTabindex-50", "span, tabindex -50" ); } ); -test( "tabbable - area elements", function() { - expect( 3 ); +QUnit.test( "tabbable - area elements", function( assert ) { + assert.expect( 3 ); - isTabbable( "#areaCoordsHref", "coords and href" ); - isTabbable( "#areaNoCoordsHref", "href but no coords" ); - isNotTabbable( "#areaNoImg", "not associated with an image" ); + assert.isTabbable( "#areaCoordsHref", "coords and href" ); + assert.isTabbable( "#areaNoCoordsHref", "href but no coords" ); + assert.isNotTabbable( "#areaNoImg", "not associated with an image" ); } ); -test( "tabbable - dimensionless parent with overflow", function() { - expect( 1 ); +QUnit.test( "tabbable - dimensionless parent with overflow", function( assert ) { + assert.expect( 1 ); - isTabbable( "#dimensionlessParent", "input" ); + assert.isTabbable( "#dimensionlessParent", "input" ); } ); -test( "escapeSelector", function() { - expect( 1 ); +QUnit.test( "escapeSelector", function( assert ) { + assert.expect( 1 ); - equal( $( "#" + $.ui.escapeSelector( "weird-['x']-id" ) ).length, 1, + assert.equal( $( "#" + $.ui.escapeSelector( "weird-['x']-id" ) ).length, 1, "properly escapes selectors to use as an id" ); } ); |