@@ -1,31 +1,31 @@
asyncTest( "Click on link that opens panel may bubble and does not cause navigation", function() {
var origHref = location.href,
eventNs = ".clickOnLinkThatOpensPanelMayBubble",
panel = $( "#open-click-bubbling-panel" ),
link = $( "#open-click-bubbling-link" );
var origHref = location.href,
eventNs = ".clickOnLinkThatOpensPanelMayBubble",
panel = $( "#open-click-bubbling-panel" ),
link = $( "#open-click-bubbling-link" );

$.testHelper.detailedEventCascade([
function() {
link.click();
},
{
panelopen: { src: panel, event: "panelopen" + eventNs + "1" },
click: { src: $( document ), event: "click" + eventNs + "1" }
},
function( result ) {
deepEqual( result.panelopen.timedOut, false, "panelopen event occurred" );
deepEqual( result.click.timedOut, false, "click propagated to document" );
},
{
timeout: { length: 500 }
},
function() {
deepEqual( location.href, origHref, "opening the panel leaves location.href alone" );
panel.panel( "close" );
},
{
panelclose: { src: panel, event: "panelclose" + eventNs + "2" }
},
start
]);
});
$.testHelper.detailedEventCascade( [
function() {
link.click();
},
{
panelopen: { src: panel, event: "panelopen" + eventNs + "1" },
click: { src: $( document ), event: "click" + eventNs + "1" }
},
function( result ) {
deepEqual( result.panelopen.timedOut, false, "panelopen event occurred" );
deepEqual( result.click.timedOut, false, "click propagated to document" );
},
{
timeout: { length: 500 }
},
function() {
deepEqual( location.href, origHref, "opening the panel leaves location.href alone" );
panel.panel( "close" );
},
{
panelclose: { src: panel, event: "panelclose" + eventNs + "2" }
},
start
] );
} );
@@ -5,32 +5,32 @@ module( "Panel positioning", {
teardown: function() {
$( "#body-extender" ).remove();
}
});
} );

asyncTest( "Panel must not jump to top upon throttledresize", function() {
var eventNs = ".panelMustNotJumpToTop";
var eventNs = ".panelMustNotJumpToTop";

$.testHelper.detailedEventCascade([
function() {
$( "#scroll-to-top-test-link" ).click();
},
{
panelopen: { src: $( "#scroll-to-top-test" ), event: "panelopen" + eventNs + "1" }
},
function( result ) {
deepEqual( result.panelopen.timedOut, false, "Panel did open" );
window.scrollTo( 0, screen.height );
$( window ).trigger( "throttledresize" );
deepEqual( $( window ).scrollTop(), screen.height,
"Triggering throttledresize on panel did not cause it to jump to top" );
$( "#scroll-to-top-test" ).panel( "close" );
},
{
panelclose: { src: $( "#scroll-to-top-test" ), event: "panelclose" + eventNs + "2" }
},
function( result ) {
deepEqual( result.panelclose.timedOut, false, "Panel did close" );
start();
}
]);
});
$.testHelper.detailedEventCascade( [
function() {
$( "#scroll-to-top-test-link" ).click();
},
{
panelopen: { src: $( "#scroll-to-top-test" ), event: "panelopen" + eventNs + "1" }
},
function( result ) {
deepEqual( result.panelopen.timedOut, false, "Panel did open" );
window.scrollTo( 0, screen.height );
$( window ).trigger( "throttledresize" );
deepEqual( $( window ).scrollTop(), screen.height,
"Triggering throttledresize on panel did not cause it to jump to top" );
$( "#scroll-to-top-test" ).panel( "close" );
},
{
panelclose: { src: $( "#scroll-to-top-test" ), event: "panelclose" + eventNs + "2" }
},
function( result ) {
deepEqual( result.panelclose.timedOut, false, "Panel did close" );
start();
}
] );
} );
@@ -1,26 +1,26 @@
asyncTest( "Closing a panel removes the modal's height from its inline CSS", function() {
var eventNs = ".closingAPanelRemovesModalsHeightFromItsInlineCSS",
panel = $( "#stale-height-panel" ),
link = $( "#stale-height-panel-link" ),
modal = $( ".ui-panel-dismiss" );
var eventNs = ".closingAPanelRemovesModalsHeightFromItsInlineCSS",
panel = $( "#stale-height-panel" ),
link = $( "#stale-height-panel-link" ),
modal = $( ".ui-panel-dismiss" );

$.testHelper.detailedEventCascade([
function() {
link.click();
},
{
panelopen: { src: panel, event: "panelopen" + eventNs + "1" }
},
function() {
panel.panel( "close" );
},
{
panelclose: { src: panel, event: "panelclose" + eventNs + "2" }
},
function() {
deepEqual( ( modal.attr( "style" ) || "" ).match( /height:\s*[0-9]/ ), null,
"style attribute does not include a height field" );
start();
}
]);
});
$.testHelper.detailedEventCascade( [
function() {
link.click();
},
{
panelopen: { src: panel, event: "panelopen" + eventNs + "1" }
},
function() {
panel.panel( "close" );
},
{
panelclose: { src: panel, event: "panelclose" + eventNs + "2" }
},
function() {
deepEqual( ( modal.attr( "style" ) || "" ).match( /height:\s*[0-9]/ ), null,
"style attribute does not include a height field" );
start();
}
] );
} );

Large diffs are not rendered by default.