diff options
Diffstat (limited to 'test/unit/offset.js')
-rw-r--r-- | test/unit/offset.js | 214 |
1 files changed, 107 insertions, 107 deletions
diff --git a/test/unit/offset.js b/test/unit/offset.js index ae0518849..a346b657c 100644 --- a/test/unit/offset.js +++ b/test/unit/offset.js @@ -20,7 +20,7 @@ testoffset("absolute"/* in iframe */, function($, iframe) { // this insures that the results will be wrong // if the offset method is using the scroll offset // of the parent window - var forceScroll = jQuery('<div>', { width: 2000, height: 2000 }).appendTo('body'); + var forceScroll = jQuery("<div>", { width: 2000, height: 2000 }).appendTo("body"); window.scrollTo(200, 200); if ( document.documentElement.scrollTop || document.body.scrollTop ) { @@ -31,7 +31,7 @@ testoffset("absolute"/* in iframe */, function($, iframe) { // get offset tests = [ - { id: '#absolute-1', top: 1, left: 1 } + { id: "#absolute-1", top: 1, left: 1 } ]; jQuery.each( tests, function() { equals( jQuery( this.id, doc ).offset().top, this.top, "jQuery('" + this.id + "').offset().top" ); @@ -41,7 +41,7 @@ testoffset("absolute"/* in iframe */, function($, iframe) { // get position tests = [ - { id: '#absolute-1', top: 0, left: 0 } + { id: "#absolute-1", top: 0, left: 0 } ]; jQuery.each( tests, function() { equals( jQuery( this.id, doc ).position().top, this.top, "jQuery('" + this.id + "').position().top" ); @@ -56,10 +56,10 @@ testoffset("absolute", function( jQuery ) { // get offset tests var tests = [ - { id: '#absolute-1', top: 1, left: 1 }, - { id: '#absolute-1-1', top: 5, left: 5 }, - { id: '#absolute-1-1-1', top: 9, left: 9 }, - { id: '#absolute-2', top: 20, left: 20 } + { id: "#absolute-1", top: 1, left: 1 }, + { id: "#absolute-1-1", top: 5, left: 5 }, + { id: "#absolute-1-1-1", top: 9, left: 9 }, + { id: "#absolute-2", top: 20, left: 20 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).offset().top, this.top, "jQuery('" + this.id + "').offset().top" ); @@ -69,10 +69,10 @@ testoffset("absolute", function( jQuery ) { // get position tests = [ - { id: '#absolute-1', top: 0, left: 0 }, - { id: '#absolute-1-1', top: 1, left: 1 }, - { id: '#absolute-1-1-1', top: 1, left: 1 }, - { id: '#absolute-2', top: 19, left: 19 } + { id: "#absolute-1", top: 0, left: 0 }, + { id: "#absolute-1-1", top: 1, left: 1 }, + { id: "#absolute-1-1-1", top: 1, left: 1 }, + { id: "#absolute-2", top: 19, left: 19 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).position().top, this.top, "jQuery('" + this.id + "').position().top" ); @@ -80,29 +80,29 @@ testoffset("absolute", function( jQuery ) { }); // test #5781 - var offset = jQuery( '#positionTest' ).offset({ top: 10, left: 10 }).offset(); + var offset = jQuery( "#positionTest" ).offset({ top: 10, left: 10 }).offset(); equals( offset.top, 10, "Setting offset on element with position absolute but 'auto' values." ) equals( offset.left, 10, "Setting offset on element with position absolute but 'auto' values." ) // set offset tests = [ - { id: '#absolute-2', top: 30, left: 30 }, - { id: '#absolute-2', top: 10, left: 10 }, - { id: '#absolute-2', top: -1, left: -1 }, - { id: '#absolute-2', top: 19, left: 19 }, - { id: '#absolute-1-1-1', top: 15, left: 15 }, - { id: '#absolute-1-1-1', top: 5, left: 5 }, - { id: '#absolute-1-1-1', top: -1, left: -1 }, - { id: '#absolute-1-1-1', top: 9, left: 9 }, - { id: '#absolute-1-1', top: 10, left: 10 }, - { id: '#absolute-1-1', top: 0, left: 0 }, - { id: '#absolute-1-1', top: -1, left: -1 }, - { id: '#absolute-1-1', top: 5, left: 5 }, - { id: '#absolute-1', top: 2, left: 2 }, - { id: '#absolute-1', top: 0, left: 0 }, - { id: '#absolute-1', top: -1, left: -1 }, - { id: '#absolute-1', top: 1, left: 1 } + { id: "#absolute-2", top: 30, left: 30 }, + { id: "#absolute-2", top: 10, left: 10 }, + { id: "#absolute-2", top: -1, left: -1 }, + { id: "#absolute-2", top: 19, left: 19 }, + { id: "#absolute-1-1-1", top: 15, left: 15 }, + { id: "#absolute-1-1-1", top: 5, left: 5 }, + { id: "#absolute-1-1-1", top: -1, left: -1 }, + { id: "#absolute-1-1-1", top: 9, left: 9 }, + { id: "#absolute-1-1", top: 10, left: 10 }, + { id: "#absolute-1-1", top: 0, left: 0 }, + { id: "#absolute-1-1", top: -1, left: -1 }, + { id: "#absolute-1-1", top: 5, left: 5 }, + { id: "#absolute-1", top: 2, left: 2 }, + { id: "#absolute-1", top: 0, left: 0 }, + { id: "#absolute-1", top: -1, left: -1 }, + { id: "#absolute-1", top: 1, left: 1 } ]; jQuery.each( tests, function() { jQuery( this.id ).offset({ top: this.top, left: this.left }); @@ -144,9 +144,9 @@ testoffset("relative", function( jQuery ) { // get offset var tests = [ - { id: '#relative-1', top: ie ? 6 : 7, left: 7 }, - { id: '#relative-1-1', top: ie ? 13 : 15, left: 15 }, - { id: '#relative-2', top: ie ? 141 : 142, left: 27 } + { id: "#relative-1", top: ie ? 6 : 7, left: 7 }, + { id: "#relative-1-1", top: ie ? 13 : 15, left: 15 }, + { id: "#relative-2", top: ie ? 141 : 142, left: 27 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).offset().top, this.top, "jQuery('" + this.id + "').offset().top" ); @@ -156,9 +156,9 @@ testoffset("relative", function( jQuery ) { // get position tests = [ - { id: '#relative-1', top: ie ? 5 : 6, left: 6 }, - { id: '#relative-1-1', top: ie ? 4 : 5, left: 5 }, - { id: '#relative-2', top: ie ? 140 : 141, left: 26 } + { id: "#relative-1", top: ie ? 5 : 6, left: 6 }, + { id: "#relative-1-1", top: ie ? 4 : 5, left: 5 }, + { id: "#relative-2", top: ie ? 140 : 141, left: 26 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).position().top, this.top, "jQuery('" + this.id + "').position().top" ); @@ -168,18 +168,18 @@ testoffset("relative", function( jQuery ) { // set offset tests = [ - { id: '#relative-2', top: 200, left: 50 }, - { id: '#relative-2', top: 100, left: 10 }, - { id: '#relative-2', top: -5, left: -5 }, - { id: '#relative-2', top: 142, left: 27 }, - { id: '#relative-1-1', top: 100, left: 100 }, - { id: '#relative-1-1', top: 5, left: 5 }, - { id: '#relative-1-1', top: -1, left: -1 }, - { id: '#relative-1-1', top: 15, left: 15 }, - { id: '#relative-1', top: 100, left: 100 }, - { id: '#relative-1', top: 0, left: 0 }, - { id: '#relative-1', top: -1, left: -1 }, - { id: '#relative-1', top: 7, left: 7 } + { id: "#relative-2", top: 200, left: 50 }, + { id: "#relative-2", top: 100, left: 10 }, + { id: "#relative-2", top: -5, left: -5 }, + { id: "#relative-2", top: 142, left: 27 }, + { id: "#relative-1-1", top: 100, left: 100 }, + { id: "#relative-1-1", top: 5, left: 5 }, + { id: "#relative-1-1", top: -1, left: -1 }, + { id: "#relative-1-1", top: 15, left: 15 }, + { id: "#relative-1", top: 100, left: 100 }, + { id: "#relative-1", top: 0, left: 0 }, + { id: "#relative-1", top: -1, left: -1 }, + { id: "#relative-1", top: 7, left: 7 } ]; jQuery.each( tests, function() { jQuery( this.id ).offset({ top: this.top, left: this.left }); @@ -205,10 +205,10 @@ testoffset("static", function( jQuery ) { // get offset var tests = [ - { id: '#static-1', top: ie ? 6 : 7, left: 7 }, - { id: '#static-1-1', top: ie ? 13 : 15, left: 15 }, - { id: '#static-1-1-1', top: ie ? 20 : 23, left: 23 }, - { id: '#static-2', top: ie ? 121 : 122, left: 7 } + { id: "#static-1", top: ie ? 6 : 7, left: 7 }, + { id: "#static-1-1", top: ie ? 13 : 15, left: 15 }, + { id: "#static-1-1-1", top: ie ? 20 : 23, left: 23 }, + { id: "#static-2", top: ie ? 121 : 122, left: 7 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).offset().top, this.top, "jQuery('" + this.id + "').offset().top" ); @@ -218,10 +218,10 @@ testoffset("static", function( jQuery ) { // get position tests = [ - { id: '#static-1', top: ie ? 5 : 6, left: 6 }, - { id: '#static-1-1', top: ie ? 12 : 14, left: 14 }, - { id: '#static-1-1-1', top: ie ? 19 : 22, left: 22 }, - { id: '#static-2', top: ie ? 120 : 121, left: 6 } + { id: "#static-1", top: ie ? 5 : 6, left: 6 }, + { id: "#static-1-1", top: ie ? 12 : 14, left: 14 }, + { id: "#static-1-1-1", top: ie ? 19 : 22, left: 22 }, + { id: "#static-2", top: ie ? 120 : 121, left: 6 } ]; jQuery.each( tests, function() { equals( jQuery( this.id ).position().top, this.top, "jQuery('" + this.top + "').position().top" ); @@ -231,22 +231,22 @@ testoffset("static", function( jQuery ) { // set offset tests = [ - { id: '#static-2', top: 200, left: 200 }, - { id: '#static-2', top: 100, left: 100 }, - { id: '#static-2', top: -2, left: -2 }, - { id: '#static-2', top: 121, left: 6 }, - { id: '#static-1-1-1', top: 50, left: 50 }, - { id: '#static-1-1-1', top: 10, left: 10 }, - { id: '#static-1-1-1', top: -1, left: -1 }, - { id: '#static-1-1-1', top: 22, left: 22 }, - { id: '#static-1-1', top: 25, left: 25 }, - { id: '#static-1-1', top: 10, left: 10 }, - { id: '#static-1-1', top: -3, left: -3 }, - { id: '#static-1-1', top: 14, left: 14 }, - { id: '#static-1', top: 30, left: 30 }, - { id: '#static-1', top: 2, left: 2 }, - { id: '#static-1', top: -2, left: -2 }, - { id: '#static-1', top: 7, left: 7 } + { id: "#static-2", top: 200, left: 200 }, + { id: "#static-2", top: 100, left: 100 }, + { id: "#static-2", top: -2, left: -2 }, + { id: "#static-2", top: 121, left: 6 }, + { id: "#static-1-1-1", top: 50, left: 50 }, + { id: "#static-1-1-1", top: 10, left: 10 }, + { id: "#static-1-1-1", top: -1, left: -1 }, + { id: "#static-1-1-1", top: 22, left: 22 }, + { id: "#static-1-1", top: 25, left: 25 }, + { id: "#static-1-1", top: 10, left: 10 }, + { id: "#static-1-1", top: -3, left: -3 }, + { id: "#static-1-1", top: 14, left: 14 }, + { id: "#static-1", top: 30, left: 30 }, + { id: "#static-1", top: 2, left: 2 }, + { id: "#static-1", top: -2, left: -2 }, + { id: "#static-1", top: 7, left: 7 } ]; jQuery.each( tests, function() { jQuery( this.id ).offset({ top: this.top, left: this.left }); @@ -270,8 +270,8 @@ testoffset("fixed", function( jQuery ) { jQuery.offset.initialize(); var tests = [ - { id: '#fixed-1', top: 1001, left: 1001 }, - { id: '#fixed-2', top: 1021, left: 1021 } + { id: "#fixed-1", top: 1001, left: 1001 }, + { id: "#fixed-2", top: 1021, left: 1021 } ]; jQuery.each( tests, function() { @@ -284,18 +284,18 @@ testoffset("fixed", function( jQuery ) { equals( jQuery( this.id ).offset().left, this.left, "jQuery('" + this.id + "').offset().left" ); } else { // need to have same number of assertions - ok( true, 'Fixed position is not supported' ); - ok( true, 'Fixed position is not supported' ); + ok( true, "Fixed position is not supported" ); + ok( true, "Fixed position is not supported" ); } }); tests = [ - { id: '#fixed-1', top: 100, left: 100 }, - { id: '#fixed-1', top: 0, left: 0 }, - { id: '#fixed-1', top: -4, left: -4 }, - { id: '#fixed-2', top: 200, left: 200 }, - { id: '#fixed-2', top: 0, left: 0 }, - { id: '#fixed-2', top: -5, left: -5 } + { id: "#fixed-1", top: 100, left: 100 }, + { id: "#fixed-1", top: 0, left: 0 }, + { id: "#fixed-1", top: -4, left: -4 }, + { id: "#fixed-2", top: 200, left: 200 }, + { id: "#fixed-2", top: 0, left: 0 }, + { id: "#fixed-2", top: -5, left: -5 } ]; jQuery.each( tests, function() { @@ -314,33 +314,33 @@ testoffset("fixed", function( jQuery ) { equals( jQuery( this.id ).offset().left, this.left + 1, "jQuery('" + this.id + "').offset({ left: " + (this.left + 1) + ", using: fn })" ); } else { // need to have same number of assertions - ok( true, 'Fixed position is not supported' ); - ok( true, 'Fixed position is not supported' ); - ok( true, 'Fixed position is not supported' ); - ok( true, 'Fixed position is not supported' ); + ok( true, "Fixed position is not supported" ); + ok( true, "Fixed position is not supported" ); + ok( true, "Fixed position is not supported" ); + ok( true, "Fixed position is not supported" ); } }); // Bug 8316 - var $noTopLeft = jQuery('#fixed-no-top-left'); + var $noTopLeft = jQuery("#fixed-no-top-left"); if ( jQuery.offset.supportsFixedPosition ) { equals( $noTopLeft.offset().top, 1007, "Check offset top for fixed element with no top set" ); equals( $noTopLeft.offset().left, 1007, "Check offset left for fixed element with no left set" ); } else { // need to have same number of assertions - ok( true, 'Fixed position is not supported' ); - ok( true, 'Fixed position is not supported' ); + ok( true, "Fixed position is not supported" ); + ok( true, "Fixed position is not supported" ); } }); testoffset("table", function( jQuery ) { expect(4); - equals( jQuery('#table-1').offset().top, 6, "jQuery('#table-1').offset().top" ); - equals( jQuery('#table-1').offset().left, 6, "jQuery('#table-1').offset().left" ); + equals( jQuery("#table-1").offset().top, 6, "jQuery('#table-1').offset().top" ); + equals( jQuery("#table-1").offset().left, 6, "jQuery('#table-1').offset().left" ); - equals( jQuery('#th-1').offset().top, 10, "jQuery('#th-1').offset().top" ); - equals( jQuery('#th-1').offset().left, 10, "jQuery('#th-1').offset().left" ); + equals( jQuery("#th-1").offset().top, 10, "jQuery('#th-1').offset().top" ); + equals( jQuery("#th-1").offset().left, 10, "jQuery('#th-1').offset().left" ); }); testoffset("scroll", function( jQuery, win ) { @@ -349,23 +349,23 @@ testoffset("scroll", function( jQuery, win ) { var ie = jQuery.browser.msie && parseInt( jQuery.browser.version, 10 ) < 8; // IE is collapsing the top margin of 1px - equals( jQuery('#scroll-1').offset().top, ie ? 6 : 7, "jQuery('#scroll-1').offset().top" ); - equals( jQuery('#scroll-1').offset().left, 7, "jQuery('#scroll-1').offset().left" ); + equals( jQuery("#scroll-1").offset().top, ie ? 6 : 7, "jQuery('#scroll-1').offset().top" ); + equals( jQuery("#scroll-1").offset().left, 7, "jQuery('#scroll-1').offset().left" ); // IE is collapsing the top margin of 1px - equals( jQuery('#scroll-1-1').offset().top, ie ? 9 : 11, "jQuery('#scroll-1-1').offset().top" ); - equals( jQuery('#scroll-1-1').offset().left, 11, "jQuery('#scroll-1-1').offset().left" ); + equals( jQuery("#scroll-1-1").offset().top, ie ? 9 : 11, "jQuery('#scroll-1-1').offset().top" ); + equals( jQuery("#scroll-1-1").offset().left, 11, "jQuery('#scroll-1-1').offset().left" ); // scroll offset tests .scrollTop/Left - equals( jQuery('#scroll-1').scrollTop(), 5, "jQuery('#scroll-1').scrollTop()" ); - equals( jQuery('#scroll-1').scrollLeft(), 5, "jQuery('#scroll-1').scrollLeft()" ); + equals( jQuery("#scroll-1").scrollTop(), 5, "jQuery('#scroll-1').scrollTop()" ); + equals( jQuery("#scroll-1").scrollLeft(), 5, "jQuery('#scroll-1').scrollLeft()" ); - equals( jQuery('#scroll-1-1').scrollTop(), 0, "jQuery('#scroll-1-1').scrollTop()" ); - equals( jQuery('#scroll-1-1').scrollLeft(), 0, "jQuery('#scroll-1-1').scrollLeft()" ); + equals( jQuery("#scroll-1-1").scrollTop(), 0, "jQuery('#scroll-1-1').scrollTop()" ); + equals( jQuery("#scroll-1-1").scrollLeft(), 0, "jQuery('#scroll-1-1').scrollLeft()" ); - // equals( jQuery('body').scrollTop(), 0, "jQuery('body').scrollTop()" ); - // equals( jQuery('body').scrollLeft(), 0, "jQuery('body').scrollTop()" ); + // equals( jQuery("body").scrollTop(), 0, "jQuery("body").scrollTop()" ); + // equals( jQuery("body").scrollLeft(), 0, "jQuery("body").scrollTop()" ); win.name = "test"; @@ -395,8 +395,8 @@ testoffset("scroll", function( jQuery, win ) { testoffset("body", function( jQuery ) { expect(2); - equals( jQuery('body').offset().top, 1, "jQuery('#body').offset().top" ); - equals( jQuery('body').offset().left, 1, "jQuery('#body').offset().left" ); + equals( jQuery("body").offset().top, 1, "jQuery('#body').offset().top" ); + equals( jQuery("body").offset().left, 1, "jQuery('#body').offset().left" ); }); test("Chaining offset(coords) returns jQuery object", function() { @@ -456,10 +456,10 @@ function testoffset( name, fn ) { }); function loadFixture() { - var src = './data/offset/' + name + '.html?' + parseInt( Math.random()*1000, 10 ), - iframe = jQuery('<iframe />').css({ - width: 500, height: 500, position: 'absolute', top: -600, left: -600, visibility: 'hidden' - }).appendTo('body')[0]; + var src = "./data/offset/" + name + ".html?" + parseInt( Math.random()*1000, 10 ), + iframe = jQuery("<iframe />").css({ + width: 500, height: 500, position: "absolute", top: -600, left: -600, visibility: "hidden" + }).appendTo("body")[0]; iframe.contentWindow.location = src; return iframe; } |