X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/src/core/test/unit/spec/dom/Element.traversal.js

diff --git a/src/core/test/unit/spec/dom/Element.traversal.js b/src/core/test/unit/spec/dom/Element.traversal.js
new file mode 100755
index 00000000..32babe77
--- /dev/null
+++ b/src/core/test/unit/spec/dom/Element.traversal.js
@@ -0,0 +1,288 @@
+describe("Ext.core.Element.traversal", function() {
+    var proto = Ext.core.Element,
+        el, testEl,
+        input, testInputEl,
+        child1, child2, child3, child4, child5;
+    
+    beforeEach(function() {
+        testEl = Ext.getBody().createChild({
+            id      : 'ExtElementHelper',
+            cls     : 'wrapper',
+            style   : 'position:absolute;',
+            children: [
+                {id: 'child1', style: 'position:absolute;'},
+                {id: 'child2', style: 'position:absolute;'},
+                {id: 'child3', style: 'position:absolute;'},
+                {
+                    id: 'child4',
+                    children: [
+                        {
+                            id : 'child5',
+                            cls: 'findIt'
+                        }
+                    ]
+                }
+            ]
+        });
+        
+        testInputEl = Ext.getBody().createChild({
+            id  : 'ExtElementInputHelper',
+            tag : 'input',
+            type: 'text'
+        });
+        
+        el    = new Ext.core.Element(Ext.getDom(testEl));
+        input = new Ext.core.Element(Ext.getDom(testInputEl));
+        
+        child1 = Ext.get('child1');
+        child2 = Ext.get('child2');
+        child3 = Ext.get('child3');
+        child4 = Ext.get('child4');
+        child5 = Ext.get('child5');
+    });
+
+    afterEach(function() {
+        testEl.remove();
+        testInputEl.remove();
+    });
+    
+    describe("findParentNode", function() {
+        it("should return null", function() {
+            expect(el.findParentNode('body')).toBeNull();
+        });
+        
+        it("should return a dom", function() {
+            expect(child1.findParentNode('.wrapper')).toEqual(Ext.getDom(el));
+        });
+        
+        it("should return an el", function() {
+            expect(child1.findParentNode('.wrapper', null, true)).toEqual(el);
+        });
+        
+        describe("when maxDepth", function() {
+            describe("1", function() {
+                it("should not return the el", function() {
+                    expect(child5.findParentNode('.wrapper', 1)).toBeNull();
+                });
+            });
+            
+            describe("2", function() {
+                it("should not return the el", function() {
+                    expect(child5.findParentNode('.wrapper', 2)).toEqual(Ext.getDom(el));
+                });
+            });
+        });
+    });
+    
+    describe("up", function() {
+        it("should return null", function() {
+            expect(el.up('body')).toBeNull();
+        });
+        
+        it("should return a el", function() {
+            expect(child1.up('.wrapper')).toEqual(el);
+        });
+        
+        describe("when maxDepth", function() {
+            describe("1", function() {
+                it("should not return the el", function() {
+                    expect(child5.up('.wrapper', 1)).toBeNull();
+                });
+            });
+            
+            describe("2", function() {
+                it("should not return the el", function() {
+                    expect(child5.up('.wrapper', 2)).toEqual(el);
+                });
+            });
+        });
+    });
+    
+    describe("select", function() {
+        it("should return an Ext.CompositeELementLite", function() {
+            var result = el.select('div');
+            expect(result).toBeDefined();
+            expect(result.elements.length).toEqual(5);
+            expect(result instanceof Ext.CompositeElementLite).toBe(true);
+        });
+    });
+    
+    describe("query", function() {
+        it("should return elements", function() {
+            var result = el.query('div');
+            
+            expect(result).toBeDefined();
+            expect(result.length).toEqual(5);
+            expect(result.isComposite).toBeFalsy();
+            expect(Ext.isArray(result)).toBeTruthy();
+        });
+    });
+    
+    describe("down", function() {
+        it("should return an el", function() {
+            var result = el.down('.findIt');
+            
+            expect(result).toBeDefined();
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = el.down('.findIt', true);
+            
+            expect(result).toBeDefined();
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+
+    describe("child", function() {
+        it("should return null", function() {
+            var result = el.child('.findIt');
+            
+            expect(result).toBeNull();
+        });
+        
+        it("should return an el", function() {
+            var result = child4.child('.findIt');
+            
+            expect(result).toBeDefined();
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = child4.child('.findIt', true);
+            
+            expect(result).toBeDefined();
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("parent", function() {
+        it("should return an el", function() {
+            var result = child1.parent();
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(el);
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = child1.parent(null, true);
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(Ext.getDom(el));
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("next", function() {
+        it("should return an el", function() {
+            var result = child1.next();
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(child2);
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = child1.next(null, true);
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(Ext.getDom(child2));
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("prev", function() {
+        it("should return an el", function() {
+            var result = child2.prev();
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(child1);
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = child2.prev(null, true);
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(Ext.getDom(child1));
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("first", function() {
+        it("should return an el", function() {
+            var result = el.first();
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(child1);
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = el.first(null, true);
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(Ext.getDom(child1));
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("last", function() {
+        it("should return an el", function() {
+            var result = el.last();
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(child4);
+            expect(Ext.isElement(result)).toBeFalsy();
+        });
+        
+        it("should return a dom", function() {
+            var result = el.last(null, true);
+            
+            expect(result).toBeDefined();
+            expect(result).toEqual(Ext.getDom(child4));
+            expect(Ext.isElement(result)).toBeTruthy();
+        });
+    });
+    
+    describe("findParent", function() {
+        it("should return null", function() {
+            expect(el.findParent('body')).toBeNull();
+        });
+        
+        it("should return a dom", function() {
+            expect(child1.findParent('.wrapper')).toEqual(Ext.getDom(el));
+        });
+        
+        it("should return an el", function() {
+            expect(child1.findParent('.wrapper', null, true)).toEqual(el);
+        });
+        
+        describe("when maxDepth", function() {
+            describe("1", function() {
+                it("should not return the el", function() {
+                    expect(child5.findParent('.wrapper', 1)).toBeNull();
+                });
+            });
+            
+            describe("2", function() {
+                it("should not return the el", function() {
+                    expect(child5.findParent('.wrapper', 2)).toBeNull();
+                });
+            });
+            
+            describe("3", function() {
+                it("should return the el", function() {
+                    expect(child5.findParent('.wrapper', 3)).toEqual(Ext.getDom(el));
+                });
+            });
+            
+            describe("NaN", function() {
+                it("should use Number.MAX_VALUE", function() {
+                    expect(child5.findParent('.wrapper', Ext.getBody())).toEqual(Ext.getDom(el));
+                });
+            });
+        });
+    });
+}, "/src/dom/Element.traversal.js");