A few API changes:

tests/html/js_test.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library jsTest;
 
 import 'dart:async';
 import 'dart:html';
+import 'dart:indexed_db' show KeyRange;
 import 'dart:js';
 
 import '../../pkg/unittest/lib/unittest.dart';
 import '../../pkg/unittest/lib/html_config.dart';
 
 _injectJs() {
   final script = new ScriptElement();
   script.type = 'text/javascript';
   script.innerHtml = r"""
 var x = 42;
@@ skipping 71 matching lines @@
 }
 
 function addClassAttributes(list) {
   var result = "";
   for (var i=0; i < list.length; i++) {
     result += list[i].getAttribute("class");
   }
   return result;
 }
 
+function getNewDate() {
+  return new Date(1995, 11, 17);
+}
+
 function getNewDivElement() {
   return document.createElement("div");
 }
 
+function getNewBlob() {
+  var fileParts = ['<a id="a"><b id="b">hey!</b></a>'];
+  return new Blob(fileParts, {type : 'text/html'});
+}
+
+function getNewIDBKeyRange() {
+  return IDBKeyRange.only(1);
+}
+
+function getNewImageData() {
+  var canvas = document.createElement('canvas');
+  var context = canvas.getContext('2d');
+  return context.createImageData(1, 1);
+}
+
+function isPropertyInstanceOf(property, type) {
+  return window[property] instanceof type;
+}
+
 function testJsMap(callback) {
   var result = callback();
   return result['value'];
 }
 
 function Bar() {
   return "ret_value";
 }
 Bar.foo = "property_value";
 
 function Baz(p1,p2,p3,p4,p5,p6,p7,p8,p9,p10,p11) {
   this.f1 = p1;
   this.f2 = p2;
   this.f3 = p3;
   this.f4 = p4;
   this.f5 = p5;
   this.f6 = p6;
   this.f7 = p7;
   this.f8 = p8;
   this.f9 = p9;
   this.f10 = p10;
   this.f11 = p11;
 }
 
+function Liar(){}
+
+Liar.prototype.toString = function() {
+  return 1;
+}
+
 function identical(o1, o2) {
   return o1 === o2;
 }
 """;
   document.body.append(script);
 }
 
-class Foo implements Serializable<JsObject> {
+class Foo {
   final JsObject _proxy;
 
   Foo(num a) : this._proxy = new JsObject(context['Foo'], [a]);
 
   JsObject toJs() => _proxy;
 
   num get a => _proxy['a'];
   num bar() => _proxy.callMethod('bar');
 }
 
-class Color implements Serializable<String> {
+class Color {
   static final RED = new Color._("red");
   static final BLUE = new Color._("blue");
   String _value;
   Color._(this._value);
   String toJs() => this._value;
 }
 
 class TestDartObject {}
 
 main() {
@@ skipping 37 matching lines @@
       var foo1 = new JsObject(context['Foo'], [1]);
       var foo2 = new JsObject(context['Foo'], [2]);
       context['foo1'] = foo1;
       context['foo2'] = foo2;
       expect(foo1, isNot(equals(context['foo2'])));
       expect(foo2, same(context['foo2']));
       context.deleteProperty('foo1');
       context.deleteProperty('foo2');
     });
 
-    test('retrieve same dart Object', () {
+    // TODO(justinfagnani): appears to be flaky? I didn't actually
+    // expect this to work at all after allowing DateTimes to transfer
+    // by simply returning the JS Date object.
+    skip_test('retrieve same dart Object', () {
       final date = new DateTime.now();

[alexandre.ardhuin, 2013/10/18 07:03:45]

You can replace `new DateTime.now()` with `new Object()`.

[justinfagnani, 2013/10/18 22:38:41]

Done.

       context['dartDate'] = date;
       expect(context['dartDate'], same(date));
       context.deleteProperty('dartDate');
     });
 
   });
 
-  test('read global field', () {
-    expect(context['x'], equals(42));
-    expect(context['y'], isNull);
-  });
-
-  test('read global field with underscore', () {
-    expect(context['_x'], equals(123));
-    expect(context['y'], isNull);
-  });
-
-  test('hashCode and operator==(other)', () {
-    final o1 = context['Object'];
-    final o2 = context['Object'];
-    expect(o1 == o2, isTrue);
-    expect(o1.hashCode == o2.hashCode, isTrue);
-    final d = context['document'];
-    expect(o1 == d, isFalse);
-  });
-
-  test('js instantiation : new Foo()', () {
-    final Foo2 = context['container']['Foo'];
-    final foo = new JsObject(Foo2, [42]);
-    expect(foo['a'], 42);
-    expect(Foo2['b'], 38);
-  });
-
-  test('js instantiation : new Array()', () {
-    final a = new JsObject(context['Array']);
-    expect(a, isNotNull);
-    expect(a['length'], equals(0));
-
-    a.callMethod('push', ["value 1"]);
-    expect(a['length'], equals(1));
-    expect(a[0], equals("value 1"));
-
-    a.callMethod('pop');
-    expect(a['length'], equals(0));
-  });
-
-  test('js instantiation : new Date()', () {
-    final a = new JsObject(context['Date']);
-    expect(a.callMethod('getTime'), isNotNull);
-  });
-
-  test('js instantiation : new Date(12345678)', () {
-    final a = new JsObject(context['Date'], [12345678]);
-    expect(a.callMethod('getTime'), equals(12345678));
-  });
-
-  test('js instantiation : new Date("December 17, 1995 03:24:00 GMT")',
-      () {
-    final a = new JsObject(context['Date'],
-                           ["December 17, 1995 03:24:00 GMT"]);
-    expect(a.callMethod('getTime'), equals(819170640000));
-  });
-
-  test('js instantiation : new Date(1995,11,17)', () {
-    // Note: JS Date counts months from 0 while Dart counts from 1.
-    final a = new JsObject(context['Date'], [1995, 11, 17]);
-    final b = new DateTime(1995, 12, 17);
-    expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch));
-  });
-
-  test('js instantiation : new Date(1995,11,17,3,24,0)', () {
-    // Note: JS Date counts months from 0 while Dart counts from 1.
-    final a = new JsObject(context['Date'],
-                                       [1995, 11, 17, 3, 24, 0]);
-    final b = new DateTime(1995, 12, 17, 3, 24, 0);
-    expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch));
-  });
-
-  test('js instantiation : new Object()', () {
-    final a = new JsObject(context['Object']);
-    expect(a, isNotNull);
-
-    a['attr'] = "value";
-    expect(a['attr'], equals("value"));
-  });
-
-  test(r'js instantiation : new RegExp("^\w+$")', () {
-    final a = new JsObject(context['RegExp'], [r'^\w+$']);
-    expect(a, isNotNull);
-    expect(a.callMethod('test', ['true']), isTrue);
-    expect(a.callMethod('test', [' false']), isFalse);
-  });
-
-  test('js instantiation via map notation : new Array()', () {
-    final a = new JsObject(context['Array']);
-    expect(a, isNotNull);
-    expect(a['length'], equals(0));
-
-    a['push'].apply(a, ["value 1"]);
-    expect(a['length'], equals(1));
-    expect(a[0], equals("value 1"));
-
-    a['pop'].apply(a);
-    expect(a['length'], equals(0));
-  });
-
-  test('js instantiation via map notation : new Date()', () {
-    final a = new JsObject(context['Date']);
-    expect(a['getTime'].apply(a), isNotNull);
-  });
-
-  test('js instantiation : typed array', () {
-    if (Platform.supportsTypedData) {
-      // Safari's ArrayBuffer is not a Function and so doesn't support bind
-      // which JsObject's constructor relies on.
-      // bug: https://bugs.webkit.org/show_bug.cgi?id=122976
-      if (context['ArrayBuffer']['bind'] != null) {
-        final codeUnits = "test".codeUnits;
-        final buf = new JsObject(context['ArrayBuffer'], [codeUnits.length]);
-        final bufView = new JsObject(context['Uint8Array'], [buf]);
-        for (var i = 0; i < codeUnits.length; i++) {
-          bufView[i] = codeUnits[i];
+  group('context', () {
+
+    test('read global field', () {
+      expect(context['x'], equals(42));
+      expect(context['y'], isNull);
+    });
+
+    test('read global field with underscore', () {
+      expect(context['_x'], equals(123));
+      expect(context['y'], isNull);
+    });
+
+    test('write global field', () {
+      context['y'] = 42;
+      expect(context['y'], equals(42));
+    });
+
+  });
+
+  group('new JsObject()', () {
+
+    test('new Foo()', () {
+      var foo = new JsObject(context['Foo'], [42]);
+      expect(foo['a'], equals(42));
+      expect(foo.callMethod('bar'), equals(42));
+      expect(() => foo.callMethod('baz'), throwsA(isNoSuchMethodError));
+    });
+
+    test('new container.Foo()', () {
+      final Foo2 = context['container']['Foo'];
+      final foo = new JsObject(Foo2, [42]);
+      expect(foo['a'], 42);
+      expect(Foo2['b'], 38);
+    });
+
+    test('new Array()', () {
+      final a = new JsObject(context['Array']);
+      expect(a, isNotNull);
+      expect(a['length'], equals(0));
+
+      a.callMethod('push', ["value 1"]);
+      expect(a['length'], equals(1));
+      expect(a[0], equals("value 1"));
+
+      a.callMethod('pop');
+      expect(a['length'], equals(0));
+    });
+
+    test('new Date()', () {
+      final a = new JsObject(context['Date']);
+      expect(a.callMethod('getTime'), isNotNull);
+    });
+
+    test('new Date(12345678)', () {
+      final a = new JsObject(context['Date'], [12345678]);
+      expect(a.callMethod('getTime'), equals(12345678));
+    });
+
+    test('new Date("December 17, 1995 03:24:00 GMT")',
+        () {
+      final a = new JsObject(context['Date'],
+                             ["December 17, 1995 03:24:00 GMT"]);
+      expect(a.callMethod('getTime'), equals(819170640000));
+    });
+
+    test('new Date(1995,11,17)', () {
+      // Note: JS Date counts months from 0 while Dart counts from 1.
+      final a = new JsObject(context['Date'], [1995, 11, 17]);
+      final b = new DateTime(1995, 12, 17);
+      expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch));
+    });
+
+    test('new Date(1995,11,17,3,24,0)', () {
+      // Note: JS Date counts months from 0 while Dart counts from 1.
+      final a = new JsObject(context['Date'],
+                                         [1995, 11, 17, 3, 24, 0]);
+      final b = new DateTime(1995, 12, 17, 3, 24, 0);
+      expect(a.callMethod('getTime'), equals(b.millisecondsSinceEpoch));
+    });
+
+    test('new Object()', () {
+      final a = new JsObject(context['Object']);
+      expect(a, isNotNull);
+
+      a['attr'] = "value";
+      expect(a['attr'], equals("value"));
+    });
+
+    test(r'new RegExp("^\w+$")', () {
+      final a = new JsObject(context['RegExp'], [r'^\w+$']);
+      expect(a, isNotNull);
+      expect(a.callMethod('test', ['true']), isTrue);
+      expect(a.callMethod('test', [' false']), isFalse);
+    });
+
+    test('js instantiation via map notation : new Array()', () {
+      final a = new JsObject(context['Array']);
+      expect(a, isNotNull);
+      expect(a['length'], equals(0));
+
+      a['push'].apply(a, ["value 1"]);
+      expect(a['length'], equals(1));
+      expect(a[0], equals("value 1"));
+
+      a['pop'].apply(a);
+      expect(a['length'], equals(0));
+    });
+
+    test('js instantiation via map notation : new Date()', () {
+      final a = new JsObject(context['Date']);
+      expect(a['getTime'].apply(a), isNotNull);
+    });
+
+    test('typed array', () {
+      if (Platform.supportsTypedData) {
+        // Safari's ArrayBuffer is not a Function and so doesn't support bind
+        // which JsObject's constructor relies on.
+        // bug: https://bugs.webkit.org/show_bug.cgi?id=122976
+        if (context['ArrayBuffer']['bind'] != null) {
+          final codeUnits = "test".codeUnits;
+          final buf = new JsObject(context['ArrayBuffer'], [codeUnits.length]);
+          final bufView = new JsObject(context['Uint8Array'], [buf]);
+          for (var i = 0; i < codeUnits.length; i++) {
+            bufView[i] = codeUnits[i];
+          }
         }
       }
-    }
-  });
-
-  test('js instantiation : >10 parameters', () {
-    final o = new JsObject(context['Baz'], [1,2,3,4,5,6,7,8,9,10,11]);
-    for (var i = 1; i <= 11; i++) {
-      expect(o["f$i"], i);
-    }
-    expect(o['constructor'], same(context['Baz']));
-  });
-
-  test('write global field', () {
-    context['y'] = 42;
-    expect(context['y'], equals(42));
-  });
-
-  test('get JS JsFunction', () {
-    var razzle = context['razzle'];
-    expect(razzle.apply(context), equals(42));
-  });
-
-  test('call JS function', () {
-    expect(context.callMethod('razzle'), equals(42));
-    expect(() => context.callMethod('dazzle'), throwsA(isNoSuchMethodError));
-  });
-
-  test('call JS function via map notation', () {
-    expect(context['razzle'].apply(context), equals(42));
-    expect(() => context['dazzle'].apply(context),
-        throwsA(isNoSuchMethodError));
-  });
-
-  test('call JS function with varargs', () {
-    expect(context.callMethod('varArgs', [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]),
-      equals(55));
-  });
-
-  test('allocate JS object', () {
-    var foo = new JsObject(context['Foo'], [42]);
-    expect(foo['a'], equals(42));
-    expect(foo.callMethod('bar'), equals(42));
-    expect(() => foo.callMethod('baz'), throwsA(isNoSuchMethodError));
-  });
-
-  test('call toString()', () {
-    var foo = new JsObject(context['Foo'], [42]);
-    expect(foo.toString(), equals("I'm a Foo a=42"));
-    var container = context['container'];
-    expect(container.toString(), equals("[object Object]"));
-  });
-
-  test('allocate simple JS array', () {
-    final list = [1, 2, 3, 4, 5, 6, 7, 8];
-    var array = jsify(list);
-    expect(context.callMethod('isArray', [array]), isTrue);
-    expect(array['length'], equals(list.length));
-    for (var i = 0; i < list.length ; i++) {
-      expect(array[i], equals(list[i]));
-    }
-  });
-
-  test('allocate JS array with iterable', () {
-    final set = new Set.from([1, 2, 3, 4, 5, 6, 7, 8]);
-    var array = jsify(set);
-    expect(context.callMethod('isArray', [array]), isTrue);
-    expect(array['length'], equals(set.length));
-    for (var i = 0; i < array['length'] ; i++) {
-      expect(set.contains(array[i]), isTrue);
-    }
-  });
-
-  test('allocate simple JS map', () {
-    var map = {'a': 1, 'b': 2, 'c': 3};
-    var jsMap = jsify(map);
-    expect(!context.callMethod('isArray', [jsMap]), isTrue);
-    for (final key in map.keys) {
-      expect(context.callMethod('checkMap', [jsMap, key, map[key]]), isTrue);
-    }
-  });
-
-  test('allocate complex JS object', () {
-    final object =
-      {
+    });
+
+    test('>10 parameters', () {
+      final o = new JsObject(context['Baz'], [1,2,3,4,5,6,7,8,9,10,11]);
+      for (var i = 1; i <= 11; i++) {
+        expect(o["f$i"], i);
+      }
+      expect(o['constructor'], same(context['Baz']));
+    });
+  });
+
+  group('JsFunction and callMethod', () {
+
+    test('JsFunction.apply on a function defined in JS', () {
+      expect(context['razzle'].apply(context), equals(42));
+    });
+
+    test('JsObject.callMethod on a function defined in JS', () {
+      expect(context.callMethod('razzle'), equals(42));
+      expect(() => context.callMethod('dazzle'), throwsA(isNoSuchMethodError));
+    });
+
+    // all this tests is that null doesn't have the method apply?

[alexandre.ardhuin, 2013/10/18 07:03:45]

This test can be removed.

[justinfagnani, 2013/10/18 22:38:41]

Done.

+    skip_test('call JS function via map notation', () {
+      expect(() => context['dazzle'].apply(context),
+          throwsA(isNoSuchMethodError));
+    });
+
+    test('callMethod with many arguments', () {
+      expect(context.callMethod('varArgs', [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]),
+        equals(55));
+    });
+
+    test('access a property of a function', () {
+      expect(context.callMethod('Bar'), "ret_value");
+      expect(context['Bar']['foo'], "property_value");
+    });
+
+    test('callMethod throws if name is not a String or num', () {
+      expect(() => context.callMethod(true),
+          throwsA(new isInstanceOf<ArgumentError>()));
+    });
+
+  });
+
+  group('JsObject.fromBrowserObject()', () {
+
+    test('Nodes are proxied', () {
+      var node = new JsObject.fromBrowserObject(new DivElement());
+      expect(node is JsObject, isTrue);
+      expect(node.instanceof(context['HTMLDivElement']), isTrue);
+    });
+
+    test('primitives and null throw ArgumentError', () {
+      for (var v in ['a', 1, 2.0, true, null]) {
+        expect(() => new JsObject.fromBrowserObject(v),
+            throwsA(new isInstanceOf<ArgumentError>()));
+      }
+    });
+
+  });
+
+  group('Dart callback', () {
+    test('invoke Dart callback from JS', () {
+      expect(() => context.callMethod('invokeCallback'), throws);
+
+      // context['callback'] = new Callback(() => 42);
+      // expect(context.callMethod('invokeCallback'), equals(42));
+
+      // context.deleteProperty('callback');
+      // expect(() => context.callMethod('invokeCallback'), throws);
+
+      context['callback'] = () => 42;
+      expect(context.callMethod('invokeCallback'), equals(42));
+
+      context.deleteProperty('callback');
+    });
+
+    test('callback as parameter', () {
+      expect(context.callMethod('getTypeOf', [context['razzle']]),
+          equals("function"));
+    });
+
+    test('invoke Dart callback from JS with this', () {
+      // A JavaScript constructor function implemented in Dart which
+      // uses 'this'
+      final constructor = new JsFunction.withThis(($this, arg1) {
+        var t = $this;
+        $this['a'] = 42;
+      });
+      var o = new JsObject(constructor, ["b"]);
+      expect(o['a'], equals(42));
+    });
+
+    test('invoke Dart callback from JS with 11 parameters', () {
+      context['callbackWith11params'] = (p1, p2, p3, p4, p5, p6, p7,
+          p8, p9, p10, p11) => '$p1$p2$p3$p4$p5$p6$p7$p8$p9$p10$p11';
+      expect(context.callMethod('invokeCallbackWith11params'),
+          equals('1234567891011'));
+    });
+
+    test('return a JS proxy to JavaScript', () {
+      var result = context.callMethod('testJsMap', [() => new JsObject.jsify({'value': 42})]);
+      expect(result, 42);
+    });
+
+  });
+
+  group('JsObject.jsify()', () {

[alexandre.ardhuin, 2013/10/18 07:03:45]

Add a test for cycle handling ?

+
+    test('convert a List', () {
+      final list = [1, 2, 3, 4, 5, 6, 7, 8];
+      var array = new JsObject.jsify(list);
+      expect(context.callMethod('isArray', [array]), isTrue);
+      expect(array['length'], equals(list.length));
+      for (var i = 0; i < list.length ; i++) {
+        expect(array[i], equals(list[i]));
+      }
+    });
+
+    test('convert an Iterable', () {
+      final set = new Set.from([1, 2, 3, 4, 5, 6, 7, 8]);
+      var array = new JsObject.jsify(set);
+      expect(context.callMethod('isArray', [array]), isTrue);
+      expect(array['length'], equals(set.length));
+      for (var i = 0; i < array['length'] ; i++) {
+        expect(set.contains(array[i]), isTrue);
+      }
+    });
+
+    test('convert a Map', () {
+      var map = {'a': 1, 'b': 2, 'c': 3};
+      var jsMap = new JsObject.jsify(map);
+      expect(!context.callMethod('isArray', [jsMap]), isTrue);
+      for (final key in map.keys) {
+        expect(context.callMethod('checkMap', [jsMap, key, map[key]]), isTrue);
+      }
+    });
+
+    test('deep convert a complex object', () {
+      final object = {
         'a': [1, [2, 3]],
         'b': {
           'c': 3,
           'd': new JsObject(context['Foo'], [42])
         },
         'e': null
       };
-    var jsObject = jsify(object);
-    expect(jsObject['a'][0], equals(object['a'][0]));
-    expect(jsObject['a'][1][0], equals(object['a'][1][0]));
-    expect(jsObject['a'][1][1], equals(object['a'][1][1]));
-    expect(jsObject['b']['c'], equals(object['b']['c']));
-    expect(jsObject['b']['d'], equals(object['b']['d']));
-    expect(jsObject['b']['d'].callMethod('bar'), equals(42));
-    expect(jsObject['e'], isNull);
+      var jsObject = new JsObject.jsify(object);
+      expect(jsObject['a'][0], equals(object['a'][0]));
+      expect(jsObject['a'][1][0], equals(object['a'][1][0]));
+      expect(jsObject['a'][1][1], equals(object['a'][1][1]));
+      expect(jsObject['b']['c'], equals(object['b']['c']));
+      expect(jsObject['b']['d'], equals(object['b']['d']));
+      expect(jsObject['b']['d'].callMethod('bar'), equals(42));
+      expect(jsObject['e'], isNull);
+    });
+
+    test('throws if object is not a Map or Iterable', () {
+      expect(() => new JsObject.jsify('a'),
+          throwsA(new isInstanceOf<ArgumentError>()));
+    });
   });
 
-  test('invoke Dart callback from JS', () {
-    expect(() => context.callMethod('invokeCallback'), throws);
-
-    context['callback'] = new Callback(() => 42);
-    expect(context.callMethod('invokeCallback'), equals(42));
-
-    context.deleteProperty('callback');
-    expect(() => context.callMethod('invokeCallback'), throws);
-
-    context['callback'] = () => 42;
-    expect(context.callMethod('invokeCallback'), equals(42));
-
-    context.deleteProperty('callback');
+  group('JsObject methods', () {
+
+    test('hashCode and ==', () {
+      final o1 = context['Object'];
+      final o2 = context['Object'];
+      expect(o1 == o2, isTrue);
+      expect(o1.hashCode == o2.hashCode, isTrue);
+      final d = context['document'];
+      expect(o1 == d, isFalse);
+    });
+
+    test('toString', () {
+      var foo = new JsObject(context['Foo'], [42]);
+      expect(foo.toString(), equals("I'm a Foo a=42"));
+      var container = context['container'];
+      expect(container.toString(), equals("[object Object]"));
+    });
+
+    test('toString returns a String even if the JS object does not', () {
+      var foo = new JsObject(context['Liar']);
+      expect(foo.callMethod('toString'), 1);
+      expect(foo.toString(), '1');
+    });
+
+    test('instanceof', () {
+      var foo = new JsObject(context['Foo'], [1]);
+      expect(foo.instanceof(context['Foo']), isTrue);
+      expect(foo.instanceof(context['Object']), isTrue);
+      expect(foo.instanceof(context['String']), isFalse);
+    });
+
+    test('deleteProperty', () {
+      var object = new JsObject.jsify({});
+      object['a'] = 1;
+      expect(context['Object'].callMethod('keys', [object])['length'], 1);
+      expect(context['Object'].callMethod('keys', [object])[0], "a");
+      object.deleteProperty("a");
+      expect(context['Object'].callMethod('keys', [object])['length'], 0);
+    });
+
+    test('deleteProperty throws if name is not a String or num', () {
+      var object = new JsObject.jsify({});
+      expect(() => object.deleteProperty(true),
+          throwsA(new isInstanceOf<ArgumentError>()));
+    });
+
+    test('hasProperty', () {
+      var object = new JsObject.jsify({});
+      object['a'] = 1;
+      expect(object.hasProperty('a'), isTrue);
+      expect(object.hasProperty('b'), isFalse);
+    });
+
+    test('hasProperty throws if name is not a String or num', () {
+      var object = new JsObject.jsify({});
+      expect(() => object.hasProperty(true),
+          throwsA(new isInstanceOf<ArgumentError>()));
+    });
+
+    test('[] and []=', () {
+      final myArray = context['myArray'];
+      expect(myArray['length'], equals(1));
+      expect(myArray[0], equals("value1"));
+      myArray[0] = "value2";
+      expect(myArray['length'], equals(1));
+      expect(myArray[0], equals("value2"));
+
+      final foo = new JsObject(context['Foo'], [1]);
+      foo["getAge"] = () => 10;
+      expect(foo.callMethod('getAge'), equals(10));
+    });
+
+    test('[] and []= throw if name is not a String or num', () {
+      var object = new JsObject.jsify({});
+      expect(() => object[true],
+          throwsA(new isInstanceOf<ArgumentError>()));
+      expect(() => object[true] = 1,
+          throwsA(new isInstanceOf<ArgumentError>()));
+    });
+
   });
 
-  test('callback as parameter', () {
-    expect(context.callMethod('getTypeOf', [context['razzle']]),
-        equals("function"));
-  });
-
-  test('invoke Dart callback from JS with this', () {
-    final constructor = new Callback.withThis(($this, arg1) {
-      $this['a'] = 42;
-      $this['b'] = jsify(["a", arg1]);
-    });
-    var o = new JsObject(constructor, ["b"]);
-    expect(o['a'], equals(42));
-    expect(o['b'][0], equals("a"));
-    expect(o['b'][1], equals("b"));
-  });
-
-  test('invoke Dart callback from JS with 11 parameters', () {
-    context['callbackWith11params'] = new Callback((p1, p2, p3, p4, p5, p6, p7,
-        p8, p9, p10, p11) => '$p1$p2$p3$p4$p5$p6$p7$p8$p9$p10$p11');
-    expect(context.callMethod('invokeCallbackWith11params'),
-        equals('1234567891011'));
-  });
-
-  test('return a JS proxy to JavaScript', () {
-    var result = context.callMethod('testJsMap', [() => jsify({'value': 42})]);
-    expect(result, 42);
-  });
-
-  test('test instanceof', () {
-    var foo = new JsObject(context['Foo'], [1]);
-    expect(foo.instanceof(context['Foo']), isTrue);
-    expect(foo.instanceof(context['Object']), isTrue);
-    expect(foo.instanceof(context['String']), isFalse);
-  });
-
-  test('test deleteProperty', () {
-    var object = jsify({});
-    object['a'] = 1;
-    expect(context['Object'].callMethod('keys', [object])['length'], 1);
-    expect(context['Object'].callMethod('keys', [object])[0], "a");
-    object.deleteProperty("a");
-    expect(context['Object'].callMethod('keys', [object])['length'], 0);
-  });
-
-  test('test hasProperty', () {
-    var object = jsify({});
-    object['a'] = 1;
-    expect(object.hasProperty('a'), isTrue);
-    expect(object.hasProperty('b'), isFalse);
-  });
-
-  test('test index get and set', () {
-    final myArray = context['myArray'];
-    expect(myArray['length'], equals(1));
-    expect(myArray[0], equals("value1"));
-    myArray[0] = "value2";
-    expect(myArray['length'], equals(1));
-    expect(myArray[0], equals("value2"));
-
-    final foo = new JsObject(context['Foo'], [1]);
-    foo["getAge"] = () => 10;
-    expect(foo.callMethod('getAge'), equals(10));
-  });
-
-  test('access a property of a function', () {
-    expect(context.callMethod('Bar'), "ret_value");
-    expect(context['Bar']['foo'], "property_value");
-  });
-
-  test('usage of Serializable', () {
-    final red = Color.RED;
-    context['color'] = red;
-    expect(context['color'], equals(red._value));
+  group('transferrables', () {
+
+    group('JS->Dart', () {
+
+      test('Date', () {
+        var date = context.callMethod('getNewDate');
+        expect(date is Date, isTrue);
+      });
+
+      test('window', () {
+        expect(context['window'] is Window, isFalse);
+      });
+
+      test('document', () {
+        expect(context['document'] is Document, isTrue);
+      });
+
+      test('Blob', () {
+        var blob = context.callMethod('getNewBlob');
+        expect(blob is Blob, isTrue);
+        expect(blob.type, equals('text/html'));
+      });
+
+      test('unattached DivElement', () {
+        var node = context.callMethod('getNewDivElement');
+        expect(node is Div, isTrue);
+      });
+
+      test('KeyRange', () {
+        var node = context.callMethod('getNewIDBKeyRange');
+        expect(node is KeyRange, isTrue);
+      });
+
+      test('ImageData', () {
+        var node = context.callMethod('getNewImageData');
+        expect(node is ImageData, isTrue);
+      });
+
+    });
+
+    group('Dart->JS', () {
+
+      test('Date', () {
+        context['o'] = new DateTime(1995, 12, 17);
+        var dateType = context['Date'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', dateType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+      test('window', () {
+        context['o'] = window;
+        var windowType = context['Window'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', windowType]),
+            isFalse);
+        context.deleteProperty('o');
+      });
+
+      test('document', () {
+        context['o'] = document;
+        var documentType = context['Document'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', documentType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+      test('Blob', () {
+        var fileParts = ['<a id="a"><b id="b">hey!</b></a>'];
+        context['o'] = new Blob(fileParts, 'text/html');
+        var blobType = context['Blob'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', blobType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+      test('unattached DivElement', () {
+        context['o'] = new DivElement();
+        var divType = context['HTMLDivElement'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', divType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+      test('KeyRange', () {
+        context['o'] = new KeyRange.only(1);
+        var keyRangeType = context['IDBKeyRange'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', keyRangeType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+      test('ImageData', () {
+        var canvas = new CanvasElement();
+        var ctx = canvas.getContext('2d');
+        context['o'] = ctx.createImageData(1, 1);
+        var imageDataType = context['ImageData'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', imageDataType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+    });
   });
 }