|
1 | 1 | (function () { |
| 2 | + 'use strict'; |
2 | 3 | /* jshint undef: true, unused: true */ |
3 | 4 | /* globals QUnit, test, Rx, equal */ |
4 | 5 | var Observable = Rx.Observable, |
5 | 6 | slice = Array.prototype.slice, |
6 | | - onNext = Rx.ReactiveTest.onNext; |
| 7 | + onNext = Rx.ReactiveTest.onNext, |
| 8 | + onError = Rx.ReactiveTest.onError; |
7 | 9 |
|
8 | 10 | QUnit.module('FromEvent', { |
9 | 11 | setup : function() { |
10 | 12 | this.scheduler = new Rx.TestScheduler(); |
11 | 13 | } |
12 | 14 | }); |
13 | 15 |
|
14 | | - |
15 | | - |
16 | 16 | /** Fake DOM Element */ |
17 | 17 | function FakeDOMStandardElement(nodeName) { |
18 | 18 | this.listeners = {}; |
|
38 | 38 | } |
39 | 39 | }; |
40 | 40 |
|
41 | | - test('Event_1', function () { |
| 41 | + test('Event DOM Element', function () { |
42 | 42 | var element = new FakeDOMStandardElement('foo'); |
43 | 43 |
|
44 | 44 | this.scheduler.scheduleFuture(null, 210, function() { |
|
59 | 59 | equal(element.removeEventListenerCalled, true); |
60 | 60 | }); |
61 | 61 |
|
62 | | - /** Fake DOM Element */ |
| 62 | + test('Event DOM Element selector', function () { |
| 63 | + var element = new FakeDOMStandardElement('foo'); |
| 64 | + |
| 65 | + this.scheduler.scheduleFuture(null, 210, function() { |
| 66 | + equal(element.addEventListenerCalled, true); |
| 67 | + equal(element.removeEventListenerCalled, false); |
| 68 | + }); |
| 69 | + |
| 70 | + this.scheduler.scheduleFuture(null, 220, function() { |
| 71 | + element.trigger('someEvent', 'baz', 'quux'); |
| 72 | + }); |
| 73 | + |
| 74 | + var result = this.scheduler.startScheduler(function() { |
| 75 | + return Observable.fromEvent( |
| 76 | + element, |
| 77 | + 'someEvent', |
| 78 | + function (baz, quux) { |
| 79 | + return { foo: baz, bar: quux }; |
| 80 | + } |
| 81 | + ); |
| 82 | + }); |
| 83 | + |
| 84 | + result.messages.assertEqual( |
| 85 | + onNext(220, {foo: 'baz', bar: 'quux'}) |
| 86 | + ); |
| 87 | + |
| 88 | + equal(element.removeEventListenerCalled, true); |
| 89 | + }); |
| 90 | + |
| 91 | + test('Event DOM Element selector throws', function () { |
| 92 | + var error = new Error(); |
| 93 | + |
| 94 | + var element = new FakeDOMStandardElement('foo'); |
| 95 | + |
| 96 | + this.scheduler.scheduleFuture(null, 210, function() { |
| 97 | + equal(element.addEventListenerCalled, true); |
| 98 | + equal(element.removeEventListenerCalled, false); |
| 99 | + }); |
| 100 | + |
| 101 | + this.scheduler.scheduleFuture(null, 220, function() { |
| 102 | + element.trigger('someEvent', 'baz', 'quux'); |
| 103 | + }); |
| 104 | + |
| 105 | + var result = this.scheduler.startScheduler(function() { |
| 106 | + return Observable.fromEvent( |
| 107 | + element, |
| 108 | + 'someEvent', |
| 109 | + function () { |
| 110 | + throw error; |
| 111 | + } |
| 112 | + ); |
| 113 | + }); |
| 114 | + |
| 115 | + result.messages.assertEqual( |
| 116 | + onError(220, error) |
| 117 | + ); |
| 118 | + |
| 119 | + equal(element.removeEventListenerCalled, true); |
| 120 | + }); |
| 121 | + |
| 122 | + /** Fake Node EventEmitter */ |
63 | 123 | function FakeEventEmitter() { |
64 | 124 | this.listeners = {}; |
65 | 125 | this.addListenerCalled = false; |
66 | 126 | this.removeListenerCalled = false; |
67 | 127 | } |
68 | 128 |
|
69 | | - FakeEventEmitter.prototype.addEventListener = function (eventName, handler, useCapture) { |
| 129 | + FakeEventEmitter.prototype.addListener = function (eventName, handler, useCapture) { |
70 | 130 | this.listeners[eventName] = handler; |
71 | 131 | this.addListenerCalled = true; |
72 | 132 | }; |
73 | 133 |
|
74 | | - FakeEventEmitter.prototype.removeEventListener = function (eventName, handler, useCapture) { |
| 134 | + FakeEventEmitter.prototype.removeListener = function (eventName, handler, useCapture) { |
75 | 135 | delete this.listeners[eventName]; |
76 | 136 | this.removeListenerCalled = true; |
77 | 137 | }; |
78 | 138 |
|
79 | 139 | FakeEventEmitter.prototype.emit = function (eventName, eventData) { |
| 140 | + var args = slice.call(arguments, 1); |
80 | 141 | if (eventName in this.listeners) { |
81 | | - this.listeners[eventName](eventData); |
| 142 | + this.listeners[eventName].apply(null, args); |
82 | 143 | } |
83 | 144 | }; |
84 | 145 |
|
85 | | - test('Event_3', function () { |
86 | | - |
| 146 | + test('Event EventEmitter', function () { |
87 | 147 | var element = new FakeEventEmitter(); |
88 | 148 |
|
89 | 149 | this.scheduler.scheduleFuture(null, 210, function() { |
|
103 | 163 | equal(element.removeListenerCalled, true); |
104 | 164 | }); |
105 | 165 |
|
106 | | - test('Event_4', function () { |
107 | | - var scheduler = new Rx.TestScheduler(); |
108 | | - var element = new FakeDOMStandardElement('foo'); |
| 166 | + test('Event EventEmitter selector', function () { |
| 167 | + var element = new FakeEventEmitter(); |
109 | 168 |
|
110 | | - scheduler.scheduleFuture(null, 210, function() { |
111 | | - equal(element.addEventListenerCalled, true); |
112 | | - equal(element.removeEventListenerCalled, false); |
| 169 | + this.scheduler.scheduleFuture(null, 210, function() { |
| 170 | + equal(element.addListenerCalled, true); |
| 171 | + equal(element.removeListenerCalled, false); |
113 | 172 | }); |
114 | 173 |
|
115 | | - scheduler.scheduleFuture(null, 220, function() { |
116 | | - element.trigger('someEvent', 'baz', 'quux'); |
| 174 | + this.scheduler.scheduleFuture(null, 220, function() { |
| 175 | + element.emit('someEvent', 'baz', 'quux'); |
117 | 176 | }); |
118 | 177 |
|
119 | | - var result = scheduler.startScheduler(function() { |
| 178 | + var result = this.scheduler.startScheduler(function() { |
120 | 179 | return Observable.fromEvent( |
121 | 180 | element, |
122 | 181 | 'someEvent', |
|
127 | 186 | }); |
128 | 187 |
|
129 | 188 | result.messages.assertEqual( |
130 | | - onNext(220, function(x) { |
131 | | - equal(x.value.foo, 'baz'); |
132 | | - equal(x.value.bar, 'quux'); |
133 | | - return true; |
134 | | - }) |
| 189 | + onNext(220, {foo: 'baz', bar: 'quux'}) |
135 | 190 | ); |
136 | 191 |
|
137 | | - equal(element.removeEventListenerCalled, true); |
| 192 | + equal(element.removeListenerCalled, true); |
138 | 193 | }); |
139 | 194 |
|
140 | | - /** Fake DOM Element */ |
| 195 | + test('Event EventEmitter selector throws', function () { |
| 196 | + var error = new Error(); |
| 197 | + |
| 198 | + var element = new FakeEventEmitter(); |
| 199 | + |
| 200 | + this.scheduler.scheduleFuture(null, 210, function() { |
| 201 | + equal(element.addListenerCalled, true); |
| 202 | + equal(element.removeListenerCalled, false); |
| 203 | + }); |
| 204 | + |
| 205 | + this.scheduler.scheduleFuture(null, 220, function() { |
| 206 | + element.emit('someEvent', 'baz', 'quux'); |
| 207 | + }); |
| 208 | + |
| 209 | + var result = this.scheduler.startScheduler(function() { |
| 210 | + return Observable.fromEvent( |
| 211 | + element, |
| 212 | + 'someEvent', |
| 213 | + function () { |
| 214 | + throw error; |
| 215 | + } |
| 216 | + ); |
| 217 | + }); |
| 218 | + |
| 219 | + result.messages.assertEqual( |
| 220 | + onError(220, error) |
| 221 | + ); |
| 222 | + |
| 223 | + equal(element.removeListenerCalled, true); |
| 224 | + }); |
| 225 | + |
| 226 | + /** Fake jQuery/Angular/Ember Element */ |
141 | 227 | function FakeJQueryElement(nodeName) { |
142 | 228 | this.listeners = {}; |
143 | 229 | this.nodeName = nodeName; |
|
162 | 248 | } |
163 | 249 | }; |
164 | 250 |
|
165 | | - test('Event_5', function () { |
| 251 | + test('Event jQuery/Angular/Ember Element', function () { |
166 | 252 | var element = new FakeJQueryElement('foo'); |
167 | 253 |
|
168 | | - this.scheduler.scheduleFuture(null, 210, function() { |
| 254 | + this.scheduler.scheduleFuture(null, 210, function(){ |
169 | 255 | equal(element.onCalled, true); |
170 | 256 | equal(element.offCalled, false); |
171 | 257 | }); |
|
185 | 271 | equal(element.offCalled, true); |
186 | 272 | }); |
187 | 273 |
|
188 | | - test('Event_6', function () { |
| 274 | + test('Event jQuery/Angular/Ember Element selector', function () { |
189 | 275 | var element = new FakeJQueryElement('foo'); |
190 | 276 |
|
191 | | - this.scheduler.scheduleFuture(null, 210, function() { |
| 277 | + this.scheduler.scheduleFuture(null, 210, function(){ |
| 278 | + equal(element.onCalled, true); |
| 279 | + equal(element.offCalled, false); |
| 280 | + }); |
| 281 | + |
| 282 | + this.scheduler.scheduleFuture(null, 220, function() { |
192 | 283 | element.trigger('someEvent', 'baz', 'quux'); |
193 | 284 | }); |
194 | 285 |
|
195 | | - this.scheduler.scheduleFuture(null, 220, function(){ |
| 286 | + var result = this.scheduler.startScheduler(function(){ |
| 287 | + return Observable.fromEvent( |
| 288 | + element, |
| 289 | + 'someEvent', |
| 290 | + function (baz, quux) { |
| 291 | + return { foo: baz, bar: quux }; |
| 292 | + } |
| 293 | + ); |
| 294 | + }); |
| 295 | + |
| 296 | + result.messages.assertEqual( |
| 297 | + onNext(220, {foo: 'baz', bar: 'quux'}) |
| 298 | + ); |
| 299 | + |
| 300 | + equal(element.offCalled, true); |
| 301 | + }); |
| 302 | + |
| 303 | + test('Event jQuery/Angular/Ember Element selector throws', function () { |
| 304 | + var error = new Error(); |
| 305 | + |
| 306 | + var element = new FakeJQueryElement('foo'); |
| 307 | + |
| 308 | + this.scheduler.scheduleFuture(null, 210, function(){ |
196 | 309 | equal(element.onCalled, true); |
197 | 310 | equal(element.offCalled, false); |
198 | 311 | }); |
199 | 312 |
|
| 313 | + this.scheduler.scheduleFuture(null, 220, function() { |
| 314 | + element.trigger('someEvent', 'baz', 'quux'); |
| 315 | + }); |
| 316 | + |
200 | 317 | var result = this.scheduler.startScheduler(function(){ |
201 | 318 | return Observable.fromEvent( |
202 | 319 | element, |
203 | 320 | 'someEvent', |
204 | | - function (baz, quux) { |
205 | | - return { foo: baz, bar: quux }; |
| 321 | + function () { |
| 322 | + throw error; |
206 | 323 | } |
207 | 324 | ); |
208 | 325 | }); |
209 | 326 |
|
210 | 327 | result.messages.assertEqual( |
211 | | - onNext(210, function(x) { |
212 | | - equal(x.value.foo, 'baz'); |
213 | | - equal(x.value.bar, 'quux'); |
214 | | - return true; |
215 | | - }) |
| 328 | + onError(220, error) |
216 | 329 | ); |
217 | 330 |
|
218 | 331 | equal(element.offCalled, true); |
|
0 commit comments