+++ /dev/null
-/*
- * selector unit tests
- */
-(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 el;
- function shouldHaveData(msg) {
- ok(el.is(":data(test)"), msg);
- }
- function shouldNotHaveData(msg) {
- ok(!el.is(":data(test)"), msg);
- }
-
- el = $("<div>");
- shouldNotHaveData("data never set");
-
- el = $("<div>").data("test", null);
- shouldNotHaveData("data is null");
-
- el = $("<div>").data("test", true);
- shouldHaveData("data set to true");
-
- el = $("<div>").data("test", false);
- shouldNotHaveData("data set to false");
-
- el = $("<div>").data("test", 0);
- shouldNotHaveData("data set to 0");
-
- el = $("<div>").data("test", 1);
- shouldHaveData("data set to 1");
-
- el = $("<div>").data("test", "");
- shouldNotHaveData("data set to empty string");
-
- el = $("<div>").data("test", "foo");
- shouldHaveData("data set to string");
-
- el = $("<div>").data("test", []);
- shouldHaveData("data set to empty array");
-
- el = $("<div>").data("test", [1]);
- shouldHaveData("data set to array");
-
- el = $("<div>").data("test", {});
- shouldHaveData("data set to empty object");
-
- el = $("<div>").data("test", {foo: "bar"});
- shouldHaveData("data set to object");
-
- el = $("<div>").data("test", new Date());
- shouldHaveData("data set to date");
-
- el = $("<div>").data("test", /test/);
- shouldHaveData("data set to regexp");
-
- el = $("<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);
git://git.onelab.eu / unfold.git / blobdiff