OLD | NEW |
1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
4 | 4 |
5 library jsTest; | 5 library jsTest; |
6 | 6 |
7 import 'dart:async'; | 7 import 'dart:async'; |
8 import 'dart:html'; | 8 import 'dart:html'; |
| 9 import 'dart:indexed_db' show KeyRange; |
9 import 'dart:js'; | 10 import 'dart:js'; |
10 | 11 |
11 import '../../pkg/unittest/lib/unittest.dart'; | 12 import '../../pkg/unittest/lib/unittest.dart'; |
12 import '../../pkg/unittest/lib/html_config.dart'; | 13 import '../../pkg/unittest/lib/html_config.dart'; |
13 | 14 |
14 _injectJs() { | 15 _injectJs() { |
15 final script = new ScriptElement(); | 16 final script = new ScriptElement(); |
16 script.type = 'text/javascript'; | 17 script.type = 'text/javascript'; |
17 script.innerHtml = r""" | 18 script.innerHtml = r""" |
18 var x = 42; | 19 var x = 42; |
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
90 } | 91 } |
91 | 92 |
92 function addClassAttributes(list) { | 93 function addClassAttributes(list) { |
93 var result = ""; | 94 var result = ""; |
94 for (var i=0; i < list.length; i++) { | 95 for (var i=0; i < list.length; i++) { |
95 result += list[i].getAttribute("class"); | 96 result += list[i].getAttribute("class"); |
96 } | 97 } |
97 return result; | 98 return result; |
98 } | 99 } |
99 | 100 |
| 101 function getNewDate() { |
| 102 return new Date(1995, 11, 17); |
| 103 } |
| 104 |
100 function getNewDivElement() { | 105 function getNewDivElement() { |
101 return document.createElement("div"); | 106 return document.createElement("div"); |
102 } | 107 } |
103 | 108 |
| 109 function getNewBlob() { |
| 110 var fileParts = ['<a id="a"><b id="b">hey!</b></a>']; |
| 111 return new Blob(fileParts, {type : 'text/html'}); |
| 112 } |
| 113 |
| 114 function getNewIDBKeyRange() { |
| 115 return IDBKeyRange.only(1); |
| 116 } |
| 117 |
| 118 function getNewImageData() { |
| 119 var canvas = document.createElement('canvas'); |
| 120 var context = canvas.getContext('2d'); |
| 121 return context.createImageData(1, 1); |
| 122 } |
| 123 |
| 124 function isPropertyInstanceOf(property, type) { |
| 125 return window[property] instanceof type; |
| 126 } |
| 127 |
104 function testJsMap(callback) { | 128 function testJsMap(callback) { |
105 var result = callback(); | 129 var result = callback(); |
106 return result['value']; | 130 return result['value']; |
107 } | 131 } |
108 | 132 |
109 function Bar() { | 133 function Bar() { |
110 return "ret_value"; | 134 return "ret_value"; |
111 } | 135 } |
112 Bar.foo = "property_value"; | 136 Bar.foo = "property_value"; |
113 | 137 |
(...skipping 11 matching lines...) Expand all Loading... |
125 this.f11 = p11; | 149 this.f11 = p11; |
126 } | 150 } |
127 | 151 |
128 function identical(o1, o2) { | 152 function identical(o1, o2) { |
129 return o1 === o2; | 153 return o1 === o2; |
130 } | 154 } |
131 """; | 155 """; |
132 document.body.append(script); | 156 document.body.append(script); |
133 } | 157 } |
134 | 158 |
135 class Foo implements Serializable<JsObject> { | 159 class Foo { |
136 final JsObject _proxy; | 160 final JsObject _proxy; |
137 | 161 |
138 Foo(num a) : this._proxy = new JsObject(context['Foo'], [a]); | 162 Foo(num a) : this._proxy = new JsObject(context['Foo'], [a]); |
139 | 163 |
140 JsObject toJs() => _proxy; | 164 JsObject toJs() => _proxy; |
141 | 165 |
142 num get a => _proxy['a']; | 166 num get a => _proxy['a']; |
143 num bar() => _proxy.callMethod('bar'); | 167 num bar() => _proxy.callMethod('bar'); |
144 } | 168 } |
145 | 169 |
146 class Color implements Serializable<String> { | 170 class Color { |
147 static final RED = new Color._("red"); | 171 static final RED = new Color._("red"); |
148 static final BLUE = new Color._("blue"); | 172 static final BLUE = new Color._("blue"); |
149 String _value; | 173 String _value; |
150 Color._(this._value); | 174 Color._(this._value); |
151 String toJs() => this._value; | 175 String toJs() => this._value; |
152 } | 176 } |
153 | 177 |
154 class TestDartObject {} | 178 class TestDartObject {} |
155 | 179 |
156 main() { | 180 main() { |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
203 | 227 |
204 test('retrieve same dart Object', () { | 228 test('retrieve same dart Object', () { |
205 final date = new DateTime.now(); | 229 final date = new DateTime.now(); |
206 context['dartDate'] = date; | 230 context['dartDate'] = date; |
207 expect(context['dartDate'], same(date)); | 231 expect(context['dartDate'], same(date)); |
208 context.deleteProperty('dartDate'); | 232 context.deleteProperty('dartDate'); |
209 }); | 233 }); |
210 | 234 |
211 }); | 235 }); |
212 | 236 |
213 test('read global field', () { | 237 group('context', () { |
214 expect(context['x'], equals(42)); | 238 |
215 expect(context['y'], isNull); | 239 test('read global field', () { |
216 }); | 240 expect(context['x'], equals(42)); |
217 | 241 expect(context['y'], isNull); |
218 test('read global field with underscore', () { | 242 }); |
219 expect(context['_x'], equals(123)); | 243 |
220 expect(context['y'], isNull); | 244 test('read global field with underscore', () { |
221 }); | 245 expect(context['_x'], equals(123)); |
222 | 246 expect(context['y'], isNull); |
223 test('hashCode and operator==(other)', () { | 247 }); |
224 final o1 = context['Object']; | 248 |
225 final o2 = context['Object']; | 249 test('write global field', () { |
226 expect(o1 == o2, isTrue); | 250 context['y'] = 42; |
227 expect(o1.hashCode == o2.hashCode, isTrue); | 251 expect(context['y'], equals(42)); |
228 final d = context['document']; | 252 }); |
229 expect(o1 == d, isFalse); | 253 |
230 }); | 254 }); |
231 | 255 |
232 test('js instantiation : new Foo()', () { | 256 group('new JsObject()', () { |
233 final Foo2 = context['container']['Foo']; | 257 |
234 final foo = new JsObject(Foo2, [42]); | 258 test('new Foo()', () { |
235 expect(foo['a'], 42); | 259 var foo = new JsObject(context['Foo'], [42]); |
236 expect(Foo2['b'], 38); | 260 expect(foo['a'], equals(42)); |
237 }); | 261 expect(foo.callMethod('bar'), equals(42)); |
238 | 262 expect(() => foo.callMethod('baz'), throwsA(isNoSuchMethodError)); |
239 test('js instantiation : new Array()', () { | 263 }); |
240 final a = new JsObject(context['Array']); | 264 |
241 expect(a, isNotNull); | 265 test('new container.Foo()', () { |
242 expect(a['length'], equals(0)); | 266 final Foo2 = context['container']['Foo']; |
243 | 267 final foo = new JsObject(Foo2, [42]); |
244 a.callMethod('push', ["value 1"]); | 268 expect(foo['a'], 42); |
245 expect(a['length'], equals(1)); | 269 expect(Foo2['b'], 38); |
246 expect(a[0], equals("value 1")); | 270 }); |
247 | 271 |
248 a.callMethod('pop'); | 272 test('new Array()', () { |
249 expect(a['length'], equals(0)); | 273 final a = new JsObject(context['Array']); |
250 }); | 274 expect(a, isNotNull); |
251 | 275 expect(a['length'], equals(0)); |
252 test('js instantiation : new Date()', () { | 276 |
253 final a = new JsObject(context['Date']); | 277 a.callMethod('push', ["value 1"]); |
254 expect(a.callMethod('getTime'), isNotNull); | 278 expect(a['length'], equals(1)); |
255 }); | 279 expect(a[0], equals("value 1")); |
256 | 280 |
257 test('js instantiation : new Date(12345678)', () { | 281 a.callMethod('pop'); |
258 final a = new JsObject(context['Date'], [12345678]); | 282 expect(a['length'], equals(0)); |
259 expect(a.callMethod('getTime'), equals(12345678)); | 283 }); |
260 }); | 284 |
261 | 285 test('new Date()', () { |
262 test('js instantiation : new Date("December 17, 1995 03:24:00 GMT")', | 286 final a = new JsObject(context['Date']); |
263 () { | 287 expect(a.callMethod('getTime'), isNotNull); |
264 final a = new JsObject(context['Date'], | 288 }); |
265 ["December 17, 1995 03:24:00 GMT"]); | 289 |
266 expect(a.callMethod('getTime'), equals(819170640000)); | 290 test('new Date(12345678)', () { |
267 }); | 291 final a = new JsObject(context['Date'], [12345678]); |
268 | 292 expect(a.callMethod('getTime'), equals(12345678)); |
269 test('js instantiation : new Date(1995,11,17)', () { | 293 }); |
270 // Note: JS Date counts months from 0 while Dart counts from 1. | 294 |
271 final a = new JsObject(context['Date'], [1995, 11, 17]); | 295 test('new Date("December 17, 1995 03:24:00 GMT")', |
272 final b = new DateTime(1995, 12, 17); | 296 () { |
273 expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch)); | 297 final a = new JsObject(context['Date'], |
274 }); | 298 ["December 17, 1995 03:24:00 GMT"]); |
275 | 299 expect(a.callMethod('getTime'), equals(819170640000)); |
276 test('js instantiation : new Date(1995,11,17,3,24,0)', () { | 300 }); |
277 // Note: JS Date counts months from 0 while Dart counts from 1. | 301 |
278 final a = new JsObject(context['Date'], | 302 test('new Date(1995,11,17)', () { |
279 [1995, 11, 17, 3, 24, 0]); | 303 // Note: JS Date counts months from 0 while Dart counts from 1. |
280 final b = new DateTime(1995, 12, 17, 3, 24, 0); | 304 final a = new JsObject(context['Date'], [1995, 11, 17]); |
281 expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch)); | 305 final b = new DateTime(1995, 12, 17); |
282 }); | 306 expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch)); |
283 | 307 }); |
284 test('js instantiation : new Object()', () { | 308 |
285 final a = new JsObject(context['Object']); | 309 test('new Date(1995,11,17,3,24,0)', () { |
286 expect(a, isNotNull); | 310 // Note: JS Date counts months from 0 while Dart counts from 1. |
287 | 311 final a = new JsObject(context['Date'], |
288 a['attr'] = "value"; | 312 [1995, 11, 17, 3, 24, 0]); |
289 expect(a['attr'], equals("value")); | 313 final b = new DateTime(1995, 12, 17, 3, 24, 0); |
290 }); | 314 expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch)); |
291 | 315 }); |
292 test(r'js instantiation : new RegExp("^\w+$")', () { | 316 |
293 final a = new JsObject(context['RegExp'], [r'^\w+$']); | 317 test('new Object()', () { |
294 expect(a, isNotNull); | 318 final a = new JsObject(context['Object']); |
295 expect(a.callMethod('test', ['true']), isTrue); | 319 expect(a, isNotNull); |
296 expect(a.callMethod('test', [' false']), isFalse); | 320 |
297 }); | 321 a['attr'] = "value"; |
298 | 322 expect(a['attr'], equals("value")); |
299 test('js instantiation via map notation : new Array()', () { | 323 }); |
300 final a = new JsObject(context['Array']); | 324 |
301 expect(a, isNotNull); | 325 test(r'new RegExp("^\w+$")', () { |
302 expect(a['length'], equals(0)); | 326 final a = new JsObject(context['RegExp'], [r'^\w+$']); |
303 | 327 expect(a, isNotNull); |
304 a['push'].apply(a, ["value 1"]); | 328 expect(a.callMethod('test', ['true']), isTrue); |
305 expect(a['length'], equals(1)); | 329 expect(a.callMethod('test', [' false']), isFalse); |
306 expect(a[0], equals("value 1")); | 330 }); |
307 | 331 |
308 a['pop'].apply(a); | 332 test('js instantiation via map notation : new Array()', () { |
309 expect(a['length'], equals(0)); | 333 final a = new JsObject(context['Array']); |
310 }); | 334 expect(a, isNotNull); |
311 | 335 expect(a['length'], equals(0)); |
312 test('js instantiation via map notation : new Date()', () { | 336 |
313 final a = new JsObject(context['Date']); | 337 a['push'].apply(a, ["value 1"]); |
314 expect(a['getTime'].apply(a), isNotNull); | 338 expect(a['length'], equals(1)); |
315 }); | 339 expect(a[0], equals("value 1")); |
316 | 340 |
317 test('js instantiation : typed array', () { | 341 a['pop'].apply(a); |
318 if (Platform.supportsTypedData) { | 342 expect(a['length'], equals(0)); |
319 // Safari's ArrayBuffer is not a Function and so doesn't support bind | 343 }); |
320 // which JsObject's constructor relies on. | 344 |
321 // bug: https://bugs.webkit.org/show_bug.cgi?id=122976 | 345 test('js instantiation via map notation : new Date()', () { |
322 if (context['ArrayBuffer']['bind'] != null) { | 346 final a = new JsObject(context['Date']); |
323 final codeUnits = "test".codeUnits; | 347 expect(a['getTime'].apply(a), isNotNull); |
324 final buf = new JsObject(context['ArrayBuffer'], [codeUnits.length]); | 348 }); |
325 final bufView = new JsObject(context['Uint8Array'], [buf]); | 349 |
326 for (var i = 0; i < codeUnits.length; i++) { | 350 test('typed array', () { |
327 bufView[i] = codeUnits[i]; | 351 if (Platform.supportsTypedData) { |
| 352 // Safari's ArrayBuffer is not a Function and so doesn't support bind |
| 353 // which JsObject's constructor relies on. |
| 354 // bug: https://bugs.webkit.org/show_bug.cgi?id=122976 |
| 355 if (context['ArrayBuffer']['bind'] != null) { |
| 356 final codeUnits = "test".codeUnits; |
| 357 final buf = new JsObject(context['ArrayBuffer'], [codeUnits.length]); |
| 358 final bufView = new JsObject(context['Uint8Array'], [buf]); |
| 359 for (var i = 0; i < codeUnits.length; i++) { |
| 360 bufView[i] = codeUnits[i]; |
| 361 } |
328 } | 362 } |
329 } | 363 } |
330 } | 364 }); |
331 }); | 365 |
332 | 366 test('>10 parameters', () { |
333 test('js instantiation : >10 parameters', () { | 367 final o = new JsObject(context['Baz'], [1,2,3,4,5,6,7,8,9,10,11]); |
334 final o = new JsObject(context['Baz'], [1,2,3,4,5,6,7,8,9,10,11]); | 368 for (var i = 1; i <= 11; i++) { |
335 for (var i = 1; i <= 11; i++) { | 369 expect(o["f$i"], i); |
336 expect(o["f$i"], i); | 370 } |
337 } | 371 expect(o['constructor'], same(context['Baz'])); |
338 expect(o['constructor'], same(context['Baz'])); | 372 }); |
339 }); | 373 }); |
340 | 374 |
341 test('write global field', () { | 375 group('JsFunction', () { |
342 context['y'] = 42; | 376 |
343 expect(context['y'], equals(42)); | 377 test('get JS JsFunction', () { |
344 }); | 378 var razzle = context['razzle']; |
345 | 379 expect(razzle.apply(context), equals(42)); |
346 test('get JS JsFunction', () { | 380 }); |
347 var razzle = context['razzle']; | 381 |
348 expect(razzle.apply(context), equals(42)); | 382 test('call JS function', () { |
349 }); | 383 expect(context.callMethod('razzle'), equals(42)); |
350 | 384 expect(() => context.callMethod('dazzle'), throwsA(isNoSuchMethodError)); |
351 test('call JS function', () { | 385 }); |
352 expect(context.callMethod('razzle'), equals(42)); | 386 |
353 expect(() => context.callMethod('dazzle'), throwsA(isNoSuchMethodError)); | 387 test('call JS function via map notation', () { |
354 }); | 388 expect(context['razzle'].apply(context), equals(42)); |
355 | 389 expect(() => context['dazzle'].apply(context), |
356 test('call JS function via map notation', () { | 390 throwsA(isNoSuchMethodError)); |
357 expect(context['razzle'].apply(context), equals(42)); | 391 }); |
358 expect(() => context['dazzle'].apply(context), | 392 |
359 throwsA(isNoSuchMethodError)); | 393 test('call JS function with varargs', () { |
360 }); | 394 expect(context.callMethod('varArgs', [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), |
361 | 395 equals(55)); |
362 test('call JS function with varargs', () { | 396 }); |
363 expect(context.callMethod('varArgs', [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]), | 397 |
364 equals(55)); | 398 test('access a property of a function', () { |
365 }); | 399 expect(context.callMethod('Bar'), "ret_value"); |
366 | 400 expect(context['Bar']['foo'], "property_value"); |
367 test('allocate JS object', () { | 401 }); |
368 var foo = new JsObject(context['Foo'], [42]); | 402 |
369 expect(foo['a'], equals(42)); | 403 }); |
370 expect(foo.callMethod('bar'), equals(42)); | 404 |
371 expect(() => foo.callMethod('baz'), throwsA(isNoSuchMethodError)); | 405 group('Dart callback', () { |
372 }); | 406 test('invoke Dart callback from JS', () { |
373 | 407 expect(() => context.callMethod('invokeCallback'), throws); |
374 test('call toString()', () { | 408 |
375 var foo = new JsObject(context['Foo'], [42]); | 409 // context['callback'] = new Callback(() => 42); |
376 expect(foo.toString(), equals("I'm a Foo a=42")); | 410 // expect(context.callMethod('invokeCallback'), equals(42)); |
377 var container = context['container']; | 411 |
378 expect(container.toString(), equals("[object Object]")); | 412 // context.deleteProperty('callback'); |
379 }); | 413 // expect(() => context.callMethod('invokeCallback'), throws); |
380 | 414 |
381 test('allocate simple JS array', () { | 415 context['callback'] = () => 42; |
382 final list = [1, 2, 3, 4, 5, 6, 7, 8]; | 416 expect(context.callMethod('invokeCallback'), equals(42)); |
383 var array = jsify(list); | 417 |
384 expect(context.callMethod('isArray', [array]), isTrue); | 418 context.deleteProperty('callback'); |
385 expect(array['length'], equals(list.length)); | 419 }); |
386 for (var i = 0; i < list.length ; i++) { | 420 |
387 expect(array[i], equals(list[i])); | 421 test('callback as parameter', () { |
388 } | 422 expect(context.callMethod('getTypeOf', [context['razzle']]), |
389 }); | 423 equals("function")); |
390 | 424 }); |
391 test('allocate JS array with iterable', () { | 425 |
392 final set = new Set.from([1, 2, 3, 4, 5, 6, 7, 8]); | 426 test('invoke Dart callback from JS with this', () { |
393 var array = jsify(set); | 427 // A JavaScript constructor function implemented in Dart which |
394 expect(context.callMethod('isArray', [array]), isTrue); | 428 // uses 'this' |
395 expect(array['length'], equals(set.length)); | 429 final constructor = new JsFunction.withThis(($this, arg1) { |
396 for (var i = 0; i < array['length'] ; i++) { | 430 var t = $this; |
397 expect(set.contains(array[i]), isTrue); | 431 $this['a'] = 42; |
398 } | 432 }); |
399 }); | 433 var o = new JsObject(constructor, ["b"]); |
400 | 434 expect(o['a'], equals(42)); |
401 test('allocate simple JS map', () { | 435 }); |
402 var map = {'a': 1, 'b': 2, 'c': 3}; | 436 |
403 var jsMap = jsify(map); | 437 test('invoke Dart callback from JS with 11 parameters', () { |
404 expect(!context.callMethod('isArray', [jsMap]), isTrue); | 438 context['callbackWith11params'] = (p1, p2, p3, p4, p5, p6, p7, |
405 for (final key in map.keys) { | 439 p8, p9, p10, p11) => '$p1$p2$p3$p4$p5$p6$p7$p8$p9$p10$p11'; |
406 expect(context.callMethod('checkMap', [jsMap, key, map[key]]), isTrue); | 440 expect(context.callMethod('invokeCallbackWith11params'), |
407 } | 441 equals('1234567891011')); |
408 }); | 442 }); |
409 | 443 |
410 test('allocate complex JS object', () { | 444 test('return a JS proxy to JavaScript', () { |
411 final object = | 445 var result = context.callMethod('testJsMap', [() => new JsObject.jsify({'v
alue': 42})]); |
412 { | 446 expect(result, 42); |
413 'a': [1, [2, 3]], | 447 }); |
414 'b': { | 448 |
415 'c': 3, | 449 }); |
416 'd': new JsObject(context['Foo'], [42]) | 450 |
417 }, | 451 group('new JsObject.jsify', () { |
418 'e': null | 452 |
419 }; | 453 test('allocate simple JS array', () { |
420 var jsObject = jsify(object); | 454 final list = [1, 2, 3, 4, 5, 6, 7, 8]; |
421 expect(jsObject['a'][0], equals(object['a'][0])); | 455 var array = new JsObject.jsify(list); |
422 expect(jsObject['a'][1][0], equals(object['a'][1][0])); | 456 expect(context.callMethod('isArray', [array]), isTrue); |
423 expect(jsObject['a'][1][1], equals(object['a'][1][1])); | 457 expect(array['length'], equals(list.length)); |
424 expect(jsObject['b']['c'], equals(object['b']['c'])); | 458 for (var i = 0; i < list.length ; i++) { |
425 expect(jsObject['b']['d'], equals(object['b']['d'])); | 459 expect(array[i], equals(list[i])); |
426 expect(jsObject['b']['d'].callMethod('bar'), equals(42)); | 460 } |
427 expect(jsObject['e'], isNull); | 461 }); |
428 }); | 462 |
429 | 463 test('allocate JS array with iterable', () { |
430 test('invoke Dart callback from JS', () { | 464 final set = new Set.from([1, 2, 3, 4, 5, 6, 7, 8]); |
431 expect(() => context.callMethod('invokeCallback'), throws); | 465 var array = new JsObject.jsify(set); |
432 | 466 expect(context.callMethod('isArray', [array]), isTrue); |
433 context['callback'] = new Callback(() => 42); | 467 expect(array['length'], equals(set.length)); |
434 expect(context.callMethod('invokeCallback'), equals(42)); | 468 for (var i = 0; i < array['length'] ; i++) { |
435 | 469 expect(set.contains(array[i]), isTrue); |
436 context.deleteProperty('callback'); | 470 } |
437 expect(() => context.callMethod('invokeCallback'), throws); | 471 }); |
438 | 472 |
439 context['callback'] = () => 42; | 473 test('allocate simple JS map', () { |
440 expect(context.callMethod('invokeCallback'), equals(42)); | 474 var map = {'a': 1, 'b': 2, 'c': 3}; |
441 | 475 var jsMap = new JsObject.jsify(map); |
442 context.deleteProperty('callback'); | 476 expect(!context.callMethod('isArray', [jsMap]), isTrue); |
443 }); | 477 for (final key in map.keys) { |
444 | 478 expect(context.callMethod('checkMap', [jsMap, key, map[key]]), isTrue); |
445 test('callback as parameter', () { | 479 } |
446 expect(context.callMethod('getTypeOf', [context['razzle']]), | 480 }); |
447 equals("function")); | 481 |
448 }); | 482 test('allocate complex JS object', () { |
449 | 483 final object = |
450 test('invoke Dart callback from JS with this', () { | 484 { |
451 final constructor = new Callback.withThis(($this, arg1) { | 485 'a': [1, [2, 3]], |
452 $this['a'] = 42; | 486 'b': { |
453 $this['b'] = jsify(["a", arg1]); | 487 'c': 3, |
454 }); | 488 'd': new JsObject(context['Foo'], [42]) |
455 var o = new JsObject(constructor, ["b"]); | 489 }, |
456 expect(o['a'], equals(42)); | 490 'e': null |
457 expect(o['b'][0], equals("a")); | 491 }; |
458 expect(o['b'][1], equals("b")); | 492 var jsObject = new JsObject.jsify(object); |
459 }); | 493 expect(jsObject['a'][0], equals(object['a'][0])); |
460 | 494 expect(jsObject['a'][1][0], equals(object['a'][1][0])); |
461 test('invoke Dart callback from JS with 11 parameters', () { | 495 expect(jsObject['a'][1][1], equals(object['a'][1][1])); |
462 context['callbackWith11params'] = new Callback((p1, p2, p3, p4, p5, p6, p7, | 496 expect(jsObject['b']['c'], equals(object['b']['c'])); |
463 p8, p9, p10, p11) => '$p1$p2$p3$p4$p5$p6$p7$p8$p9$p10$p11'); | 497 expect(jsObject['b']['d'], equals(object['b']['d'])); |
464 expect(context.callMethod('invokeCallbackWith11params'), | 498 expect(jsObject['b']['d'].callMethod('bar'), equals(42)); |
465 equals('1234567891011')); | 499 expect(jsObject['e'], isNull); |
466 }); | 500 }); |
467 | 501 |
468 test('return a JS proxy to JavaScript', () { | 502 }); |
469 var result = context.callMethod('testJsMap', [() => jsify({'value': 42})]); | 503 |
470 expect(result, 42); | 504 group('JsObject methods', () { |
471 }); | 505 |
472 | 506 test('hashCode and operator==(other)', () { |
473 test('test instanceof', () { | 507 final o1 = context['Object']; |
474 var foo = new JsObject(context['Foo'], [1]); | 508 final o2 = context['Object']; |
475 expect(foo.instanceof(context['Foo']), isTrue); | 509 expect(o1 == o2, isTrue); |
476 expect(foo.instanceof(context['Object']), isTrue); | 510 expect(o1.hashCode == o2.hashCode, isTrue); |
477 expect(foo.instanceof(context['String']), isFalse); | 511 final d = context['document']; |
478 }); | 512 expect(o1 == d, isFalse); |
479 | 513 }); |
480 test('test deleteProperty', () { | 514 |
481 var object = jsify({}); | 515 test('toString()', () { |
482 object['a'] = 1; | 516 var foo = new JsObject(context['Foo'], [42]); |
483 expect(context['Object'].callMethod('keys', [object])['length'], 1); | 517 expect(foo.toString(), equals("I'm a Foo a=42")); |
484 expect(context['Object'].callMethod('keys', [object])[0], "a"); | 518 var container = context['container']; |
485 object.deleteProperty("a"); | 519 expect(container.toString(), equals("[object Object]")); |
486 expect(context['Object'].callMethod('keys', [object])['length'], 0); | 520 }); |
487 }); | 521 |
488 | 522 test('instanceof', () { |
489 test('test hasProperty', () { | 523 var foo = new JsObject(context['Foo'], [1]); |
490 var object = jsify({}); | 524 expect(foo.instanceof(context['Foo']), isTrue); |
491 object['a'] = 1; | 525 expect(foo.instanceof(context['Object']), isTrue); |
492 expect(object.hasProperty('a'), isTrue); | 526 expect(foo.instanceof(context['String']), isFalse); |
493 expect(object.hasProperty('b'), isFalse); | 527 }); |
494 }); | 528 |
495 | 529 test('deleteProperty', () { |
496 test('test index get and set', () { | 530 var object = new JsObject.jsify({}); |
497 final myArray = context['myArray']; | 531 object['a'] = 1; |
498 expect(myArray['length'], equals(1)); | 532 expect(context['Object'].callMethod('keys', [object])['length'], 1); |
499 expect(myArray[0], equals("value1")); | 533 expect(context['Object'].callMethod('keys', [object])[0], "a"); |
500 myArray[0] = "value2"; | 534 object.deleteProperty("a"); |
501 expect(myArray['length'], equals(1)); | 535 expect(context['Object'].callMethod('keys', [object])['length'], 0); |
502 expect(myArray[0], equals("value2")); | 536 }); |
503 | 537 |
504 final foo = new JsObject(context['Foo'], [1]); | 538 test('hasProperty', () { |
505 foo["getAge"] = () => 10; | 539 var object = new JsObject.jsify({}); |
506 expect(foo.callMethod('getAge'), equals(10)); | 540 object['a'] = 1; |
507 }); | 541 expect(object.hasProperty('a'), isTrue); |
508 | 542 expect(object.hasProperty('b'), isFalse); |
509 test('access a property of a function', () { | 543 }); |
510 expect(context.callMethod('Bar'), "ret_value"); | 544 |
511 expect(context['Bar']['foo'], "property_value"); | 545 test('index get and set', () { |
512 }); | 546 final myArray = context['myArray']; |
513 | 547 expect(myArray['length'], equals(1)); |
514 test('usage of Serializable', () { | 548 expect(myArray[0], equals("value1")); |
515 final red = Color.RED; | 549 myArray[0] = "value2"; |
516 context['color'] = red; | 550 expect(myArray['length'], equals(1)); |
517 expect(context['color'], equals(red._value)); | 551 expect(myArray[0], equals("value2")); |
518 }); | 552 |
| 553 final foo = new JsObject(context['Foo'], [1]); |
| 554 foo["getAge"] = () => 10; |
| 555 expect(foo.callMethod('getAge'), equals(10)); |
| 556 }); |
| 557 |
| 558 }); |
| 559 |
| 560 group('transferrables JS->Dart', () { |
| 561 |
| 562 test('Date', () { |
| 563 var date = context.callMethod('getNewDate'); |
| 564 expect(date is Date, isTrue); |
| 565 }); |
| 566 |
| 567 test('window', () { |
| 568 expect(context['window'] is Window, isFalse); |
| 569 }); |
| 570 |
| 571 test('document', () { |
| 572 expect(context['document'] is Document, isTrue); |
| 573 }); |
| 574 |
| 575 test('Blob', () { |
| 576 var blob = context.callMethod('getNewBlob'); |
| 577 expect(blob is Blob, isTrue); |
| 578 expect(blob.type, equals('text/html')); |
| 579 }); |
| 580 |
| 581 test('unattached DivElement', () { |
| 582 var node = context.callMethod('getNewDivElement'); |
| 583 expect(node is Div, isTrue); |
| 584 }); |
| 585 |
| 586 test('KeyRange', () { |
| 587 var node = context.callMethod('getNewIDBKeyRange'); |
| 588 expect(node is KeyRange, isTrue); |
| 589 }); |
| 590 |
| 591 test('ImageData', () { |
| 592 var node = context.callMethod('getNewImageData'); |
| 593 expect(node is ImageData, isTrue); |
| 594 }); |
| 595 |
| 596 }); |
| 597 |
| 598 group('transferrables Dart->JS', () { |
| 599 |
| 600 test('Date', () { |
| 601 context['o'] = new DateTime(1995, 12, 17); |
| 602 var dateType = context['Date']; |
| 603 expect(context.callMethod('isPropertyInstanceOf', ['o', dateType]), |
| 604 isTrue); |
| 605 context.deleteProperty('o'); |
| 606 }); |
| 607 |
| 608 test('window', () { |
| 609 context['o'] = window; |
| 610 var windowType = context['Window']; |
| 611 expect(context.callMethod('isPropertyInstanceOf', ['o', windowType]), |
| 612 isFalse); |
| 613 context.deleteProperty('o'); |
| 614 }); |
| 615 |
| 616 test('document', () { |
| 617 context['o'] = document; |
| 618 var documentType = context['Document']; |
| 619 expect(context.callMethod('isPropertyInstanceOf', ['o', documentType]), |
| 620 isTrue); |
| 621 context.deleteProperty('o'); |
| 622 }); |
| 623 |
| 624 test('Blob', () { |
| 625 var fileParts = ['<a id="a"><b id="b">hey!</b></a>']; |
| 626 context['o'] = new Blob(fileParts, 'text/html'); |
| 627 var blobType = context['Blob']; |
| 628 expect(context.callMethod('isPropertyInstanceOf', ['o', blobType]), |
| 629 isTrue); |
| 630 context.deleteProperty('o'); |
| 631 }); |
| 632 |
| 633 test('unattached DivElement', () { |
| 634 context['o'] = new DivElement(); |
| 635 var divType = context['HTMLDivElement']; |
| 636 expect(context.callMethod('isPropertyInstanceOf', ['o', divType]), |
| 637 isTrue); |
| 638 context.deleteProperty('o'); |
| 639 }); |
| 640 |
| 641 test('KeyRange', () { |
| 642 context['o'] = new KeyRange.only(1); |
| 643 var keyRangeType = context['IDBKeyRange']; |
| 644 expect(context.callMethod('isPropertyInstanceOf', ['o', keyRangeType]), |
| 645 isTrue); |
| 646 context.deleteProperty('o'); |
| 647 }); |
| 648 |
| 649 test('ImageData', () { |
| 650 var canvas = new CanvasElement(); |
| 651 var ctx = canvas.getContext('2d'); |
| 652 context['o'] = ctx.createImageData(1, 1); |
| 653 var imageDataType = context['ImageData']; |
| 654 expect(context.callMethod('isPropertyInstanceOf', ['o', imageDataType]), |
| 655 isTrue); |
| 656 context.deleteProperty('o'); |
| 657 }); |
| 658 |
| 659 }); |
| 660 |
519 } | 661 } |
OLD | NEW |