add for object spec

baidu · Jul 2, 2018 · 29afb68 · 29afb68
1 parent 758f871
commit 29afb68
Showing 1 changed file with 59 additions and 0 deletions.
diff --git a/test/for-directive.spec.js b/test/for-directive.spec.js
@@ -2338,4 +2338,63 @@ describe("ForDirective", function () {
         });
 
     });
+
+    it("render object, start with undefined", function (done) {
+        var MyComponent = san.defineComponent({
+            template: '<ul><li san-for="p,i in dep.persons" title="{{p}}">{{i}}-{{p}}</li></ul>'
+        });
+
+        var myComponent = new MyComponent({
+            data: {
+                dep: {}
+            }
+        });
+
+        var erikHTML = 'erik-errorrik@gmail.com';
+        var grayHTML = 'otakustay-otakustay@gmail.com';
+        var leeHTML = 'leeight-leeight@gmail.com';
+
+        var wrap = document.createElement('div');
+        document.body.appendChild(wrap);
+        myComponent.attach(wrap);
+
+        var lis = wrap.getElementsByTagName('li');
+        expect(lis.length).toBe(0);
+
+        myComponent.data.set('dep', {
+            persons: {
+                'erik': 'errorrik@gmail.com',
+                'otakustay': 'otakustay@gmail.com'
+            }
+        });
+        myComponent.nextTick(function () {
+            var lis = wrap.getElementsByTagName('li');
+
+            expect(lis.length).toBe(2);
+            expect(lis[0].innerHTML === erikHTML || lis[0].innerHTML === grayHTML).toBeTruthy();
+            expect(lis[1].innerHTML === erikHTML || lis[1].innerHTML === grayHTML).toBeTruthy();
+
+
+            myComponent.data.set('dep.persons.leeight', 'leeight@gmail.com');
+            myComponent.nextTick(function () {
+                var lis = wrap.getElementsByTagName('li');
+
+                expect(lis.length).toBe(3);
+                expect(lis[0].innerHTML === erikHTML || lis[0].innerHTML === grayHTML || lis[0].innerHTML === leeHTML).toBeTruthy();
+                expect(lis[1].innerHTML === erikHTML || lis[1].innerHTML === grayHTML || lis[1].innerHTML === leeHTML).toBeTruthy();
+                expect(lis[2].innerHTML === erikHTML || lis[2].innerHTML === grayHTML || lis[2].innerHTML === leeHTML).toBeTruthy();
+
+                myComponent.data.set('dep', null);
+                myComponent.nextTick(function () {
+                    var lis = wrap.getElementsByTagName('li');
+                    expect(lis.length).toBe(0);
+
+                    myComponent.dispose();
+                    document.body.removeChild(wrap);
+                    done();
+                });
+            });
+        });
+
+    });
 });