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:typed_data' show ByteBuffer, Int32List;
+import 'dart:indexed_db' show IdbFactory, 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;
 
 var _x = 123;
 
 var myArray = ["value1"];
 
 var foreignDoc = (function(){
   var doc = document.implementation.createDocument("", "root", null);
   var element = doc.createElement('element');
   element.setAttribute('id', 'abc');
   doc.documentElement.appendChild(element);
   return doc;
 })();
 
 function razzle() {
   return x;
 }
 
+function returnThis() {
+  return this;
+}
+
 function getTypeOf(o) {
   return typeof(o);
 }
 
 function varArgs() {
   var args = arguments;
   var sum = 0;
   for (var i = 0; i < args.length; ++i) {
     sum += args[i];
   }
@@ skipping 44 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 getNewInt32Array() {
+  return new Int32Array([1, 2, 3, 4, 5, 6, 7, 8]);
+}
+
+function getNewArrayBuffer() {
+  return new ArrayBuffer(8);
+}
+
+function isPropertyInstanceOf(property, type) {
+  return window[property] instanceof type;
+}
+
 function testJsMap(callback) {
   var result = callback();
   return result['value'];
 }
 
+function addTestProperty(o) {
+  o.testProperty = "test";
+}
+
 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 38 matching lines @@
       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', () {
-      final date = new DateTime.now();
-      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];
+      final obj = new Object();
+      context['obj'] = obj;
+      expect(context['obj'], same(obj));
+      context.deleteProperty('obj');
+    });
+
+  });
+
+  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.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 via map notation : new Date()', () {
+      final a = new JsObject(context['Date']);
+      expect(a.callMethod('getTime'), 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([]), equals(42));
+    });
+
+    test('JsFunction.apply on a function that uses "this"', () {
+      var object = new Object();
+      expect(context['returnThis'].apply([], thisArg: object), same(object));
+    });
+
+    test('JsObject.callMethod on a function defined in JS', () {
+      expect(context.callMethod('razzle'), equals(42));
+      expect(() => context.callMethod('dazzle'), 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());
+      context['addTestProperty'].apply([node]);
+      expect(node is JsObject, isTrue);
+      expect(node.instanceof(context['HTMLDivElement']), isTrue);
+      expect(node['testProperty'], 'test');
+    });
+
+    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'] = () => 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()', () {
+
+    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('handles cycles', () {

[justinfagnani, 2013/10/19 04:18:46]

I think you missed my last patchset

[Jacob, 2013/10/19 04:35:54]

I patched when you told me to. If you have newer patches can you rebase to this
CL and send them for review?
git cl patch is horrible about handling conflicting cls so I don't know a good
way of merging this cl to that cl without committing.

+      var map = {'a': 1};
+      var list = [];
+      map['map'] = map;
+      map['list'] = list;
+      list.add(list);
+      list.add(map);
+      var jsMap = new JsObject.jsify(map);
+      var jsList = jsMap['list'];
+      expect(jsMap['a'], 1);
+      expect(jsMap['map'], same(jsMap));
+      expect(jsList[0], same(jsList));
+      expect(jsList[1], same(jsMap));
+    });
   });
 
-  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', () {
+        if (IdbFactory.supported) {
+          var node = context.callMethod('getNewIDBKeyRange');
+          expect(node is KeyRange, isTrue);
+        }
+      });
+
+      test('ImageData', () {
+        var node = context.callMethod('getNewImageData');
+        expect(node is ImageData, isTrue);
+      });
+
+      test('typed data: Int32Array', () {
+        var list = context.callMethod('getNewInt32Array');
+        print(list);
+        expect(list is Int32List, isTrue);
+        expect(list, orderedEquals([1, 2, 3, 4, 5, 6, 7, 8]));
+      });
+
+    });
+
+    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', () {
+        if (IdbFactory.supported) {
+          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');
+      });
+
+      test('typed data: Int32List', () {
+        context['o'] = new Int32List.fromList([1, 2, 3, 4]);
+        var listType = context['Int32Array'];
+        expect(context.callMethod('isPropertyInstanceOf', ['o', listType]),
+            isTrue);
+        context.deleteProperty('o');
+      });
+
+    });
   });
 }