OLD | NEW |
1 <sky> | 1 <sky> |
2 <import src="/sky/tests//resources/chai.sky" /> | 2 <import src="/sky/tests//resources/chai.sky" /> |
3 <import src="/sky/tests/resources/mocha.sky" /> | 3 <import src="/sky/tests/resources/mocha.sky" /> |
4 <import src="/sky/tests/resources/test-element.sky" as="TestElement" /> | 4 <import src="/sky/tests/resources/test-element.sky" as="TestElement" /> |
5 | 5 |
6 <div id="sandbox"></div> | 6 <div id="sandbox"></div> |
7 | 7 |
8 <test-element id="parser-element" checked="true" size="10" name="foo bar" /> | 8 <test-element id="parser-element" checked="true" size="10" name="foo bar" /> |
9 | 9 |
10 <script> | 10 <script> |
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 assert.isTrue(isNaN(element.size)); | 113 assert.isTrue(isNaN(element.size)); |
114 element.size = {}; | 114 element.size = {}; |
115 assert.isTrue(isNaN(element.size)); | 115 assert.isTrue(isNaN(element.size)); |
116 }); | 116 }); |
117 | 117 |
118 it("should connect data binding", function(done) { | 118 it("should connect data binding", function(done) { |
119 sandbox.appendChild(element); | 119 sandbox.appendChild(element); |
120 var inside = element.shadowRoot.getElementById("inside"); | 120 var inside = element.shadowRoot.getElementById("inside"); |
121 Promise.resolve().then(function() { | 121 Promise.resolve().then(function() { |
122 assert.equal(inside.textContent, 10); | 122 assert.equal(inside.textContent, 10); |
123 assert.equal(inside.attr, 10); | 123 assert.equal(inside.lang, 10); |
124 element.value = 20; | 124 element.value = 20; |
125 }).then(function() { | 125 }).then(function() { |
126 assert.equal(inside.textContent, 20); | 126 assert.equal(inside.textContent, 20); |
127 assert.equal(inside.attr, 20); | 127 assert.equal(inside.lang, 20); |
128 done(); | 128 done(); |
129 }).catch(function(e) { | 129 }).catch(function(e) { |
130 done(e); | 130 done(e); |
131 }); | 131 }); |
132 }); | 132 }); |
133 | 133 |
134 it("should connect event handlers", function() { | 134 it("should connect event handlers", function() { |
135 sandbox.appendChild(element); | 135 sandbox.appendChild(element); |
136 var inside = element.shadowRoot.getElementById("inside"); | 136 var inside = element.shadowRoot.getElementById("inside"); |
137 inside.dispatchEvent(new CustomEvent("wrong-event")); | 137 inside.dispatchEvent(new CustomEvent("wrong-event")); |
138 assert.isNull(element.lastEvent); | 138 assert.isNull(element.lastEvent); |
139 var event = new CustomEvent("test-event"); | 139 var event = new CustomEvent("test-event"); |
140 inside.dispatchEvent(event); | 140 inside.dispatchEvent(event); |
141 assert.equal(element.lastEvent, event); | 141 assert.equal(element.lastEvent, event); |
142 }); | 142 }); |
143 | 143 |
144 it("should call shadowRootReady after creating the template instance", functio
n() { | 144 it("should call shadowRootReady after creating the template instance", functio
n() { |
145 assert.equal(element.shadowRootReadyCount, 0); | 145 assert.equal(element.shadowRootReadyCount, 0); |
146 sandbox.appendChild(element); | 146 sandbox.appendChild(element); |
147 assert.equal(element.shadowRootReadyCount, 1); | 147 assert.equal(element.shadowRootReadyCount, 1); |
148 element.remove(); | 148 element.remove(); |
149 sandbox.appendChild(element); | 149 sandbox.appendChild(element); |
150 assert.equal(element.shadowRootReadyCount, 1); | 150 assert.equal(element.shadowRootReadyCount, 1); |
151 }); | 151 }); |
152 }); | 152 }); |
153 </script> | 153 </script> |
154 </sky> | 154 </sky> |
OLD | NEW |