// 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.
library custom_element_proxy_test;

import 'dart:async';
import 'dart:html';
import 'dart:js';
import 'package:initialize/initialize.dart' as init;
import 'package:unittest/html_config.dart';
import 'package:unittest/unittest.dart';
import 'package:web_components/custom_element_proxy.dart';

@CustomElementProxy('basic-element')
class BasicElement extends HtmlElement {
  BasicElement.created() : super.created();

  factory BasicElement() => document.createElement('basic-element');

  bool get isBasicElement =>
      new JsObject.fromBrowserObject(this)['isBasicElement'];
}

@CustomElementProxy('extended-element', extendsTag: 'input')
class ExtendedElement extends InputElement {
  ExtendedElement.created() : super.created();

  factory ExtendedElement() =>
      document.createElement('input', 'extended-element');

  bool get isExtendedElement =>
      new JsObject.fromBrowserObject(this)['isExtendedElement'];
}

main() {
  useHtmlConfiguration();
  init.run().then((_) {

  var container = querySelector('#container') as DivElement;

  tearDown(() {
    container.children.clear();
  });

  test('basic custom element', () {
    container.append(new BasicElement());
    container.appendHtml('<basic-element></basic_element>');
    // TODO(jakemac): after appendHtml elements are upgraded asynchronously,
    // why? https://github.com/dart-lang/web-components/issues/4
    return new Future(() {}).then((_) {
      var elements = container.querySelectorAll('basic-element');
      expect(elements.length, 2);
      for (BasicElement element in elements) {
        print(element.outerHtml);
        print(element.runtimeType);
        expect(element.isBasicElement, isTrue);
      }
    });
  });

  test('extends custom element', () {
    container.append(new ExtendedElement());
    container.appendHtml('<input is="extended-element" />');
    // TODO(jakemac): after appendHtml elements are upgraded asynchronously,
    // why? https://github.com/dart-lang/web-components/issues/4
    return new Future(() {}).then((_) {
      var elements = container.querySelectorAll('input');
      expect(elements.length, 2);
      for (ExtendedElement element in elements) {
        expect(element.isExtendedElement, isTrue);
      }
    });
  });

  });
}