Permalink
Browse files

Selectmenu tests: CGL, trim triling spaces

  • Loading branch information...
fnagel committed Feb 13, 2013
1 parent f434271 commit d599bf9ffdf71a6f83270081f4cb413b022442d5
@@ -4,33 +4,33 @@ module( "selectmenu: core" );
test("accessibility", function () {
var links,
- element = $("#speed").selectmenu(),
- button = element.selectmenu("widget"),
- menu = element.selectmenu("menuWidget");
+ element = $( "#speed" ).selectmenu(),
+ button = element.selectmenu( "widget" ),
+ menu = element.selectmenu( "menuWidget" );
button.simulate( "focus" );
- links = menu.find("li.ui-menu-item a");
+ links = menu.find( "li.ui-menu-item a" );
expect(13 + links.length * 2);
- equal( button.attr("role"), "combobox", "button link role" );
- equal( button.attr("aria-haspopup"), "true", "button link aria-haspopup" );
- equal( button.attr("aria-expanded"), "false", "button link aria-expanded" );
- equal( button.attr("aria-autocomplete"), "list", "button link aria-autocomplete" );
- equal( button.attr("aria-owns"), menu.attr("id"), "button link aria-owns" );
- equal( button.attr("aria-labelledby"), links.eq( element[0].selectedIndex ).attr( "id" ), "button link aria-labelledby" );
- equal( button.attr("tabindex"), 0, "button link tabindex" );
-
- equal( menu.attr("role"), "listbox", "menu role" );
- equal( menu.attr("aria-labelledby"), button.attr("id"), "menu aria-labelledby" );
- equal( menu.attr("aria-hidden"), "true", "menu aria-hidden" );
- equal( menu.attr("tabindex"), 0, "menu tabindex" );
- equal( menu.attr("aria-activedescendant"), links.eq(element[0].selectedIndex).attr("id"), "menu aria-activedescendant" );
- $.each( links, function(index){
- equal( $(this).attr("role"), "option", "menu link #" + index +" role" );
- equal( $(this).attr("tabindex"), -1, "menu link #" + index +" tabindex" );
+ equal( button.attr( "role" ), "combobox", "button link role" );
+ equal( button.attr( "aria-haspopup" ), "true", "button link aria-haspopup" );
+ equal( button.attr( "aria-expanded" ), "false", "button link aria-expanded" );
+ equal( button.attr( "aria-autocomplete" ), "list", "button link aria-autocomplete" );
+ equal( button.attr( "aria-owns" ), menu.attr("id"), "button link aria-owns" );
+ equal( button.attr( "aria-labelledby" ), links.eq( element[0].selectedIndex ).attr( "id" ), "button link aria-labelledby" );
+ equal( button.attr( "tabindex" ), 0, "button link tabindex" );
+
+ equal( menu.attr( "role" ), "listbox", "menu role" );
+ equal( menu.attr( "aria-labelledby" ), button.attr( "id" ), "menu aria-labelledby" );
+ equal( menu.attr( "aria-hidden" ), "true", "menu aria-hidden" );
+ equal( menu.attr( "tabindex" ), 0, "menu tabindex" );
+ equal( menu.attr( "aria-activedescendant" ), links.eq( element[ 0 ].selectedIndex ).attr( "id" ), "menu aria-activedescendant" );
+ $.each( links, function( index ){
+ equal( $( this ).attr( "role" ), "option", "menu link #" + index +" role" );
+ equal( $( this ).attr( "tabindex" ), -1, "menu link #" + index +" tabindex" );
});
- equal( links.eq(element[0].selectedIndex).attr("aria-selected"), "true", "selected menu link aria-selected" );
+ equal( links.eq( element[ 0 ].selectedIndex ).attr( "aria-selected" ), "true", "selected menu link aria-selected" );
});
@@ -44,75 +44,75 @@ $.each([
selector: "#files"
}
], function( i, settings ) {
- test("state synchronization - after keydown on button - " + settings.type, function () {
- expect(5);
+ test( "state synchronization - after keydown on button - " + settings.type, function () {
+ expect( 5 );
var links,
- element = $(settings.selector).selectmenu(),
- button = element.selectmenu("widget"),
- menu = element.selectmenu("menuWidget"),
- selected = element.find("option:selected");
+ element = $( settings.selector ).selectmenu(),
+ button = element.selectmenu( "widget" ),
+ menu = element.selectmenu( "menuWidget" ),
+ selected = element.find( "option:selected" );
button.simulate( "focus" );
links = menu.find("li.ui-menu-item a");
button.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
- equal( menu.attr("aria-activedescendant"), links.eq(element[0].selectedIndex).attr("id"), "menu aria-activedescendant" );
- equal( links.eq(element[0].selectedIndex).attr("aria-selected"), "true", "selected menu link aria-selected" );
- equal( button.attr("aria-activedescendant"), links.eq(element[0].selectedIndex).attr("id"), "button aria-activedescendant" );
- equal( element.find("option:selected").val(), selected.next("option").val() , "original select state" );
- equal( button.text(), selected.next("option").text(), "button text" );
+ equal( menu.attr( "aria-activedescendant" ), links.eq( element[ 0 ].selectedIndex ).attr( "id" ), "menu aria-activedescendant" );
+ equal( links.eq( element[ 0 ].selectedIndex ).attr( "aria-selected" ), "true", "selected menu link aria-selected" );
+ equal( button.attr( "aria-activedescendant" ), links.eq( element[ 0 ].selectedIndex ).attr( "id" ), "button aria-activedescendant" );
+ equal( element.find( "option:selected" ).val(), selected.next( "option" ).val() , "original select state" );
+ equal( button.text(), selected.next( "option" ).text(), "button text" );
});
test("state synchronization - after click on item - " + settings.type, function () {
expect(5);
var links,
- element = $(settings.selector).selectmenu(),
- button = element.selectmenu("widget"),
- menu = element.selectmenu("menuWidget");
+ element = $( settings.selector ).selectmenu(),
+ button = element.selectmenu( "widget" ),
+ menu = element.selectmenu( "menuWidget" );
button.simulate( "focus" );
links = menu.find("li.ui-menu-item a");
button.simulate( "click" );
- menu.find("a").last().simulate( "mouseover" ).trigger( "click" );
- equal( menu.attr("aria-activedescendant"), links.eq(element[0].selectedIndex).attr("id"), "menu aria-activedescendant" );
- equal( links.eq(element[0].selectedIndex).attr("aria-selected"), "true", "selected menu link aria-selected" );
- equal( button.attr("aria-activedescendant"), links.eq(element[0].selectedIndex).attr("id"), "button aria-activedescendant" );
- equal( element.find("option:selected").val(), element.find("option").last().val(), "original select state" );
- equal( button.text(), element.find("option").last().text(), "button text" );
+ menu.find( "a" ).last().simulate( "mouseover" ).trigger( "click" );
+ equal( menu.attr( "aria-activedescendant" ), links.eq( element[ 0 ].selectedIndex ).attr( "id" ), "menu aria-activedescendant" );
+ equal( links.eq( element[ 0 ].selectedIndex ).attr( "aria-selected" ), "true", "selected menu link aria-selected" );
+ equal( button.attr( "aria-activedescendant" ), links.eq( element[ 0 ].selectedIndex ).attr( "id" ), "button aria-activedescendant" );
+ equal( element.find( "option:selected" ).val(), element.find( "option" ).last().val(), "original select state" );
+ equal( button.text(), element.find( "option" ).last().text(), "button text" );
});
-
- test("state synchronization - after focus item and keydown on button - " + settings.type, function () {
+
+ test( "state synchronization - after focus item and keydown on button - " + settings.type, function () {
expect(5);
var links,
- element = $(settings.selector).selectmenu(),
- button = element.selectmenu("widget"),
- menu = element.selectmenu("menuWidget"),
- selected = element.find("option:selected"),
- options = element.find("option");
+ element = $( settings.selector ).selectmenu(),
+ button = element.selectmenu( "widget" ),
+ menu = element.selectmenu( "menuWidget" ),
+ selected = element.find( "option:selected" ),
+ options = element.find( "option" );
// init menu
- button.simulate( "focus" );
- links = menu.find("li.ui-menu-item a");
+ button.simulate( "focus" );
+ links = menu.find( "li.ui-menu-item a" );
// open menu and click first item
- button.simulate( "click" );
+ button.simulate( "click" );
links.first().simulate( "mouseover" ).trigger( "click" );
// open menu again and hover item
- button.simulate( "click" );
+ button.simulate( "click" );
links.eq(3).simulate( "mouseover" );
// close and use keyboard control on button
button.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
button.simulate( "focus" );
button.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
-
- equal( menu.attr("aria-activedescendant"), links.eq(1).attr("id"), "menu aria-activedescendant" );
- equal( links.eq(1).attr("aria-selected"), "true", "selected menu link aria-selected" );
- equal( button.attr("aria-activedescendant"), links.eq(1).attr("id"), "button aria-activedescendant" );
- equal( element.find("option:selected").val(), options.eq(1).val() , "original select state" );
- equal( button.text(), options.eq(1).text(), "button text" );
+
+ equal( menu.attr( "aria-activedescendant" ), links.eq( 1 ).attr( "id" ), "menu aria-activedescendant" );
+ equal( links.eq( 1 ).attr("aria-selected" ), "true", "selected menu link aria-selected" );
+ equal( button.attr( "aria-activedescendant" ), links.eq( 1 ).attr( "id" ), "button aria-activedescendant" );
+ equal( element.find( "option:selected" ).val(), options.eq( 1 ).val() , "original select state" );
+ equal( button.text(), options.eq( 1 ).text(), "button text" );
});
});
@@ -1,110 +1,110 @@
(function ($) {
-module("selectmenu: events", {
+module( "selectmenu: events", {
setup: function () {
- this.element = $("#speed");
+ this.element = $( "#speed" );
}
});
-test("change", function () {
- expect(5);
+test( "change", function () {
+ expect( 5 );
this.element.selectmenu({
- change: function (event, ui) {
- ok(event, "change event fired on change");
- equal(event.type, "selectmenuchange", "event type set to selectmenuchange");
- ok(ui, "ui object is passed as second argument to event handler");
- equal(ui.item.element[0].nodeName, "OPTION", "ui.item.element[0] points to original option element");
- equal(ui.item.value, value, "ui.item.value property updated correctly");
+ change: function ( event, ui ) {
+ ok( event, "change event fired on change" );
+ equal( event.type, "selectmenuchange", "event type set to selectmenuchange" );
+ ok(ui, "ui object is passed as second argument to event handler" );
+ equal( ui.item.element[ 0 ].nodeName, "OPTION", "ui.item.element[0] points to original option element" );
+ equal( ui.item.value, value, "ui.item.value property updated correctly" );
}
});
- var button = this.element.selectmenu("widget").parent(),
- menu = this.element.selectmenu("menuWidget").parent(),
- value = this.element.find("option").first().text();
+ var button = this.element.selectmenu( "widget" ).parent(),
+ menu = this.element.selectmenu( "menuWidget" ).parent(),
+ value = this.element.find( "option" ).first().text();
- button.find("a").simulate( "focus" ).simulate( "click" );
- menu.find("a").first().simulate( "mouseover" ).trigger( "click" );
+ button.find( "a" ).simulate( "focus" ).simulate( "click" );
+ menu.find( "a" ).first().simulate( "mouseover" ).trigger( "click" );
});
-test("close", function () {
- expect(3);
+test( "close", function () {
+ expect( 3 );
this.element.selectmenu({
- close: function (event, ui) {
- ok(event, "close event fired on close");
- equal(event.type, "selectmenuclose", "event type set to selectmenuclose");
- ok(ui, "ui object is passed as second argument to event handler");
+ close: function ( event, ui ) {
+ ok( event, "close event fired on close" );
+ equal( event.type, "selectmenuclose", "event type set to selectmenuclose" );
+ ok( ui, "ui object is passed as second argument to event handler" );
}
});
- this.element.selectmenu("open").selectmenu("close");
+ this.element.selectmenu( "open" ).selectmenu( "close" );
});
-test("focus", function () {
- expect(4);
+test( "focus", function () {
+ expect( 4 );
var button,
menu,
links;
this.element.selectmenu({
- focus: function (event, ui) {
- ok(event, "focus event fired on mouseover");
- equal(event.type, "selectmenufocus", "event type set to selectmenufocus");
- ok(ui, "ui object is passed as second argument to event handler");
- equal(ui.item.element[0].nodeName, "OPTION", "ui points to original option element");
+ focus: function ( event, ui ) {
+ ok( event, "focus event fired on mouseover" );
+ equal( event.type, "selectmenufocus", "event type set to selectmenufocus" );
+ ok( ui, "ui object is passed as second argument to event handler" );
+ equal( ui.item.element[0].nodeName, "OPTION", "ui points to original option element" );
}
});
-
- button = this.element.selectmenu("widget"),
- menu = this.element.selectmenu("menuWidget");
+
+ button = this.element.selectmenu( "widget" ),
+ menu = this.element.selectmenu( "menuWidget" );
button.simulate( "focus" );
- links = menu.find("li.ui-menu-item a");
-
+ links = menu.find( "li.ui-menu-item a" );
+
button.simulate( "click" );
-
- menu.find("a").last().simulate( "mouseover" );
-
- this.element.selectmenu("close");
+
+ menu.find( "a" ).last().simulate( "mouseover" );
+
+ this.element.selectmenu( "close" );
});
-test("open", function () {
- expect(3);
+test( "open", function () {
+ expect( 3 );
this.element.selectmenu({
- open: function (event, ui) {
- ok(event, "open event fired on open");
- equal(event.type, "selectmenuopen", "event type set to selectmenuopen");
- ok(ui, "ui object is passed as second argument to event handler");
+ open: function ( event, ui ) {
+ ok( event, "open event fired on open" );
+ equal( event.type, "selectmenuopen", "event type set to selectmenuopen" );
+ ok( ui, "ui object is passed as second argument to event handler" );
}
});
- this.element.selectmenu("open");
+ this.element.selectmenu( "open" );
});
-test("select", function () {
- expect(4);
+test( "select", function () {
+ expect( 4 );
this.element.selectmenu({
- select: function (event, ui) {
- ok(event, "select event fired on item select");
- equal(event.type, "selectmenuselect", "event type set to selectmenuselect");
- ok(ui, "ui object is passed as second argument to event handler");
- equal(ui.item.element[0].nodeName, "OPTION", "ui points to original option element");
+ select: function ( event, ui ) {
+ ok( event, "select event fired on item select" );
+ equal( event.type, "selectmenuselect", "event type set to selectmenuselect" );
+ ok( ui, "ui object is passed as second argument to event handler" );
+ equal( ui.item.element[0].nodeName, "OPTION", "ui points to original option element" );
}
});
- var button = this.element.selectmenu("widget").parent(),
- menu = this.element.selectmenu("menuWidget").parent();
+ var button = this.element.selectmenu( "widget" ).parent(),
+ menu = this.element.selectmenu( "menuWidget" ).parent();
- button.find("a").simulate( "focus" ).simulate( "click" );
- menu.find("a").first().simulate( "mouseover" ).trigger("click");
+ button.find( "a" ).simulate( "focus" ).simulate( "click" );
+ menu.find( "a" ).first().simulate( "mouseover" ).trigger( "click" );
});
})(jQuery);
Oops, something went wrong.

0 comments on commit d599bf9

Please sign in to comment.