r2858 - positionTo: Added tests for my/at parsing with single and invalid values.
Author: scott.gonzalez
Date: Tue Jun 30 19:52:23 2009
New Revision: 2858
Modified:
branches/dev/positionTo/tests/unit/positionTo/positionTo.html
branches/dev/positionTo/tests/unit/positionTo/positionTo_core.js
Log:
positionTo: Added tests for my/at parsing with single and invalid values.
Modified: branches/dev/positionTo/tests/unit/positionTo/positionTo.html
==============================================================================
--- branches/dev/positionTo/tests/unit/positionTo/positionTo.html (original)
+++ branches/dev/positionTo/tests/unit/positionTo/positionTo.html Tue Jun
30 19:52:23 2009
@@ -22,8 +22,8 @@
</div>
<div style="position: absolute; top: 0px; left: 0px">
- <div id="elx" style="position: absolute; width: 3px; height: 3px;
background-color: red"></div>
- <div id="parentx" style="position: absolute; width: 3px; height: 3px;
top: 4px; left: 4px; background-color: green"></div>
+ <div id="elx" style="position: absolute; width: 10px; height: 10px;
background-color: red"></div>
+ <div id="parentx" style="position: absolute; width: 20px; height: 20px;
top: 40px; left: 40px; background-color: green"></div>
</div>
</body>
Modified: branches/dev/positionTo/tests/unit/positionTo/positionTo_core.js
==============================================================================
--- branches/dev/positionTo/tests/unit/positionTo/positionTo_core.js
(original)
+++ branches/dev/positionTo/tests/unit/positionTo/positionTo_core.js Tue
Jun 30 19:52:23 2009
@@ -3,15 +3,37 @@
*/
(function($) {
-test('basics - single element', function() {
- $("#elx").positionTo({ my: 'left top', at: 'left top', of: '#parentx' });
- same($("#elx").offset(), { top: 4, left: 4 });
+test('my, at, of', function() {
+ $('#elx').positionTo({
+ my: 'left top',
+ at: 'left top',
+ of: '#parentx'
+ });
+ same($('#elx').offset(), { top: 40, left: 40 }, 'left top, left top');
- $("#elx").positionTo({ my: 'left top', at: 'left bottom', of: '#parentx'
});
- same($("#elx").offset(), { top: 7, left: 4 });
+ $('#elx').positionTo({
+ my: 'left top',
+ at: 'left bottom',
+ of: '#parentx'
+ });
+ same($('#elx').offset(), { top: 60, left: 40 }, 'left top, left bottom');
+
+ $('#elx').positionTo({
+ my: 'left',
+ at: 'bottom',
+ of: '#parentx'
+ });
+ same($('#elx').offset(), { top: 55, left: 50 }, 'left, bottom');
+
+ $('#elx').positionTo({
+ my: 'left foo',
+ at: 'bar baz',
+ of: '#parentx'
+ });
+ same($('#elx').offset(), { top: 45, left: 50 }, 'left foo, bar baz');
});
-test('basics - multiple elements', function() {
+test('multiple elements', function() {
var elements = $('#el1, #el2');
var result = elements.positionTo({
my: 'left top',
@@ -69,7 +91,7 @@
of: '#parentx',
offset: '10'
});
- same($('#elx').offset(), { top: 17, left: 14 }, 'single value');
+ same($('#elx').offset(), { top: 70, left: 50 }, 'single value');
$('#elx').positionTo({
my: 'left top',
@@ -77,7 +99,7 @@
of: '#parentx',
offset: '5 -3'
});
- same($('#elx').offset(), { top: 4, left: 9 }, 'two values');
+ same($('#elx').offset(), { top: 57, left: 45 }, 'two values');
$('#elx').positionTo({
my: 'left top',
@@ -85,7 +107,7 @@
of: '#parentx',
offset: '5px -3px'
});
- same($('#elx').offset(), { top: 4, left: 9 }, 'with units');
+ same($('#elx').offset(), { top: 57, left: 45 }, 'with units');
});
test('by', function() {
@@ -93,7 +115,7 @@
var count = 0,
elems = $('#el1, #el2'),
- expectedPosition = { top: 4, left: 4 },
+ expectedPosition = { top: 40, left: 40 },
originalPosition = elems.positionTo({
my: 'right bottom',
at: 'rigt bottom',