diff options
author | Oleg Gaidarenko <markelog@gmail.com> | 2016-02-11 22:31:49 +0300 |
---|---|---|
committer | Oleg Gaidarenko <markelog@gmail.com> | 2016-02-11 22:55:58 +0300 |
commit | c3b1d9c07ebd04424def1b91bf4d09d426f8f054 (patch) | |
tree | 8e751557b286174c68aaab7a7bea31ade6fc473f /test | |
parent | a0f5c357c4b256b03acdc57d5319ebfe4f25a69a (diff) | |
download | jquery-c3b1d9c07ebd04424def1b91bf4d09d426f8f054.tar.gz jquery-c3b1d9c07ebd04424def1b91bf4d09d426f8f054.zip |
Tests: test element position outside view
Ref a0f5c357c4b256b03acdc57d5319ebfe4f25a69a
Ref gh-2828
Ref gh-2836
Fixes gh-2909
Diffstat (limited to 'test')
-rw-r--r-- | test/data/testsuite.css | 96 | ||||
-rw-r--r-- | test/unit/dimensions.js | 30 |
2 files changed, 84 insertions, 42 deletions
diff --git a/test/data/testsuite.css b/test/data/testsuite.css index d9909ddcc..f2f13a427 100644 --- a/test/data/testsuite.css +++ b/test/data/testsuite.css @@ -1,127 +1,127 @@ /* for testing opacity set in styles in IE */ ol#empty { - opacity: 0; - filter:Alpha(opacity=0) progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff'); + opacity: 0; + filter:Alpha(opacity=0) progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffff0000', EndColorStr='#ffffffff'); } div#fx-tests h4 { - background: red; + background: red; } div#fx-tests h4.pass { - background: green; + background: green; } div#fx-tests div.box { - background: red; - overflow: hidden; - border: 2px solid #000; + background: red; + overflow: hidden; + border: 2px solid #000; } div#fx-tests div.overflow { - overflow: visible; + overflow: visible; } div.inline { - display: inline; + display: inline; } div.autoheight { - height: auto; + height: auto; } div.autowidth { - width: auto; + width: auto; } div.autoopacity { - opacity: auto; + opacity: auto; } div.largewidth { - width: 100px; + width: 100px; } div.largeheight { - height: 100px; + height: 100px; } div.largeopacity { - filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } div.medwidth { - width: 50px; + width: 50px; } div.medheight { - height: 50px; + height: 50px; } div.medopacity { - opacity: 0.5; - filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); + opacity: 0.5; + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); } div.nowidth { - width: 0px; + width: 0px; } div.noheight { - height: 0px; + height: 0px; } div.noopacity { - opacity: 0; - filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); + opacity: 0; + filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } div.hidden { - display: none; + display: none; } div#fx-tests div.widewidth { - background-repeat: repeat-x; + background-repeat: repeat-x; } div#fx-tests div.wideheight { - background-repeat: repeat-y; + background-repeat: repeat-y; } div#fx-tests div.widewidth.wideheight { - background-repeat: repeat; + background-repeat: repeat; } div#fx-tests div.noback { - background-image: none; + background-image: none; } .chain-test, .chain-test div { - width: 100px; - height: 20px; - position: relative; - float: left; + width: 100px; + height: 20px; + position: relative; + float: left; } .chain-test div { - position: absolute; - top: 0; - left: 0; + position: absolute; + top: 0; + left: 0; } .chain-test { - background: red; + background: red; } .chain-test div { - background: green; + background: green; } .chain-test-out { - background: green; + background: green; } .chain-test-out div { - background: red; - display: none; + background: red; + display: none; } /* tests to ensure jQuery can determine the native display mode of elements @@ -159,7 +159,19 @@ section { background:#f0f; display:block; } /* fix get alpha opacity in IE8 */ .fix-get-alpha-opacity-in-ie8 { - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + opacity: 0.5; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; +} + +#div-gh-2836 { + position: relative; + overflow: auto; + height: 100px; +} +#div-gh-2836 div { + position: relative; + height: 100%; + padding: 0; + margin: 0; } diff --git a/test/unit/dimensions.js b/test/unit/dimensions.js index 33fc71d18..3bb535708 100644 --- a/test/unit/dimensions.js +++ b/test/unit/dimensions.js @@ -497,4 +497,34 @@ QUnit.test( "allow modification of coordinates argument (gh-1848)", function( as "coordinates are modified (got offset.top: " + offsetTop + ")" ); } ); +QUnit.test( "outside view position (gh-2836)", function( assert ) { + + // This test ported from gh-2836 example + assert.expect( 1 ); + + var parent, + html = [ + "<div id=div-gh-2836>", + "<div></div>", + "<div></div>", + "<div></div>", + "<div></div>", + "<div></div>", + "</div>" + ].join( "" ), + stop = assert.async(); + + parent = $( html ); + parent.appendTo( "#qunit-fixture" ); + + parent.one( "scroll", function() { + var pos = parent.find( "div" ).eq( 3 ).position(); + + assert.strictEqual(pos.top, -100); + stop(); + }); + + parent.scrollTop( 400 ); +} ); + } )(); |