Wrapping leaf nodes in non polymer elements

runtime/observatory/tests/observatory_ui/vm_connect_target_test.dart

Index: runtime/observatory/tests/observatory_ui/vm_connect_target_test.dart
diff --git a/runtime/observatory/tests/observatory_ui/vm_connect_target_test.dart b/runtime/observatory/tests/observatory_ui/vm_connect_target_test.dart
new file mode 100644
index 0000000000000000000000000000000000000000..0dbadb5c3c4b398cf4860672e551f9f2c930cac4
--- /dev/null
+++ b/runtime/observatory/tests/observatory_ui/vm_connect_target_test.dart
@@ -0,0 +1,160 @@
+// Copyright (c) 2015, 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.
+import 'dart:html';
+import 'dart:async';
+import 'package:unittest/unittest.dart';
+import 'package:observatory/service_html.dart';
+import 'package:observatory/src/elements/vm_connect_target.dart';
+
+main() {
+  WebSocketVMTarget t;
+  setUp(() {
+    VmConnectTargetElement.tag.ensureRegistration();
+    t = new WebSocketVMTarget("a network address");
+  });
+  group('instantiation', () {
+    test('no parameters', () {
+      final VmConnectTargetElement e = new VmConnectTargetElement();
+      expect(e, isNotNull, reason: 'element correctly created');
+      expect(e.target, isNull, reason: 'target not setted');
+      expect(e.isCurrent, isFalse, reason: 'default to not current');
+    });
+    test('isCurrent: false', () {
+      final VmConnectTargetElement e =
+        new VmConnectTargetElement(isCurrent:false);
+      expect(e, isNotNull, reason: 'element correctly created');
+      expect(e.target, isNull, reason: 'target not setted');
+      expect(e.isCurrent, isFalse, reason: 'is not current');
+    });
+    test('isCurrent: true', () {
+      final VmConnectTargetElement e =
+        new VmConnectTargetElement(isCurrent:true);
+      expect(e, isNotNull, reason: 'element correctly created');
+      expect(e.target, isNull, reason: 'target not setted');
+      expect(e.isCurrent, isTrue, reason: 'is current');
+    });
+    group('target: valid', () {
+      test('no other parameters', () {
+        final VmConnectTargetElement e = new VmConnectTargetElement(target: t);
+        expect(e, isNotNull, reason: 'element correctly created');
+        expect(e.target, t, reason: 'target not setted');
+        expect(e.isCurrent, isFalse, reason: 'default to not current');
+      });
+      test('isCurrent: false', () {
+        final VmConnectTargetElement e =
+          new VmConnectTargetElement(target: t, isCurrent:false);
+        expect(e, isNotNull, reason: 'element correctly created');
+        expect(e.target, t, reason: 'target not setted');
+        expect(e.isCurrent, isFalse, reason: 'default to not current');
+      });
+      test('isCurrent: true', () {
+        final VmConnectTargetElement e =
+          new VmConnectTargetElement(target: t, isCurrent:true);
+        expect(e, isNotNull, reason: 'element correctly created');
+        expect(e.target, t, reason: 'target not setted');
+        expect(e.isCurrent, isTrue, reason: 'default to not current');
+      });
+    });
+  });
+  test('elements not created after attachment if no target', () {
+    final VmConnectTargetElement e = new VmConnectTargetElement();
+    expect(e.shadowRoot, isNotNull, reason: 'shadowRoot is created');
+    expect(e.shadowRoot.children.length, isZero,
+      reason: 'shadowRoot is empty');
+    document.body.append(e);
+    expect(e.shadowRoot.children.length, isZero,
+      reason: 'shadowRoot is empty');
+    e.remove();
+  });
+  test('elements created after attachment', () {
+    final VmConnectTargetElement e = new VmConnectTargetElement(target: t);
+    expect(e.shadowRoot, isNotNull, reason: 'shadowRoot is created');
+    expect(e.shadowRoot.children.length, isZero,
+      reason: 'shadowRoot is empty');
+    document.body.append(e);
+    expect(e.shadowRoot.children.length, isNonZero,
+      reason: 'shadowRoot has elements');
+    e.remove();
+  });
+  group('events are fired', () {
+    VmConnectTargetElement e;
+    setUp(() {
+      e = new VmConnectTargetElement(target: t);
+      document.body.append(e);
+    });
+    tearDown(() {
+      e.remove();
+    });
+    test('onConnect events (DOM)', () async {
+      final Completer c = new Completer();
+      bool fired = false;
+      e.onConnect.listen((WebSocketVMTargetEvent event) {
+        expect(event, isNotNull, reason: 'event is passed');
+        expect(event.target, isNotNull, reason: 'event is not passed passed');
+        expect(event.target, t, reason: 'target is the same');
+        fired = true;
+        c.complete();
+      });
+      e.shadowRoot.querySelector('a').click();
+      await c.future;
+      expect(fired, isTrue, reason: 'event is fired');
+    });
+    test('onConnect events (code)', () async {
+      final Completer c = new Completer();
+      bool fired = false;
+      e.onConnect.listen((WebSocketVMTargetEvent event) {
+        expect(event, isNotNull, reason: 'event is passed');
+        expect(event.target, isNotNull, reason: 'event is not passed passed');
+        expect(event.target, t, reason: 'target is the same');
+        fired = true;
+        c.complete();
+      });
+      e.connect();
+      await c.future;
+      expect(fired, isTrue, reason: 'event is fired');
+    });
+    test('onRemove events (DOM)', () async {
+      final Completer c = new Completer();
+      bool fired = false;
+      e.onDelete.listen((WebSocketVMTargetEvent event) {
+        expect(event, isNotNull, reason: 'event is passed');
+        expect(event.target, isNotNull, reason: 'event is not passed passed');
+        expect(event.target, t, reason: 'target is the same');
+        fired = true;
+        c.complete();
+      });
+      e.shadowRoot.querySelector('button').click();
+      await c.future;
+      expect(fired, isTrue, reason: 'event is fired');
+    });
+    test('onRemove events (code)', () async {
+      final Completer c = new Completer();
+      bool fired = false;
+      e.onDelete.listen((WebSocketVMTargetEvent event) {
+        expect(event, isNotNull, reason: 'event is passed');
+        expect(event.target, isNotNull, reason: 'event is not passed passed');
+        expect(event.target, t, reason: 'target is the same');
+        fired = true;
+        c.complete();
+      });
+      e.delete();
+      await c.future;
+      expect(fired, isTrue, reason: 'event is fired');
+    });
+  });
+  test('navigation after connect', () async {
+    final VmConnectTargetElement e = new VmConnectTargetElement(target: t);
+    final Completer c = new Completer();
+    bool fired = false;
+    window.onPopState.listen((_) {
+      fired = true;
+      c.complete();
+    });
+    document.body.append(e);
+    e.shadowRoot.querySelector('a').click();
+    await c.future;
+    expect(fired, isTrue, reason: 'event is fired');
+    e.remove();
+  });
+}