LayoutTests/fast/dom/custom/element-names_t01.dart

/*
 * Copyright (c) 2014, 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.
 */
/**
 * @description 
 */
import "dart:html";
import "dart:svg";
import "../../../testcommon.dart";
import "../../../resources/testharness.dart";

class C extends HtmlElement {
  C.created() : super.created();
}
class Foo extends HtmlElement {
  static const tag = 'x-foo';
  factory Foo() => new Element.tag(tag);
  Foo.created() : super.created();
}
class Bar1 extends HtmlElement {
  static const tag = 'y-bar';
  factory Bar1() => new Element.tag(tag);
  Bar1.created() : super.created();
}
class Bar2 extends HtmlElement {
  static const tag = 'yz-bar';
  factory Bar2() => new Element.tag(tag);
  Bar2.created() : super.created();
}
class Bar3 extends HtmlElement {
  static const tag = 'y-z-bar';
  factory Bar3() => new Element.tag(tag);
  Bar3.created() : super.created();
}
class Bar4 extends HtmlElement {
  static const tag = 'y--bar';
  factory Bar4() => new Element.tag(tag);
  Bar4.created() : super.created();
}

main() {
  test(() {
    var invalidNames = [
    // Hyphen missing:
    'foo',
    'xfoo',
    // Reserved names:
    // hyphen-containing names from the applicable specifications,
    // namely the SVG and the MathML.
    'annotation-xml',
    'font-face',
    'font-face-src',
    'font-face-uri',
    'font-face-format',
    'font-face-name',
    'missing-glyph'
    ];

    for (var i = 0; i < invalidNames.length; i++) {
      var invalidName = invalidNames[i];
      assert_throws(() {
        document.register(invalidName, C);
      }, 'register invalid custom element name: ' + invalidName);
    }
  }, 'invalid and reserved names');

  test((){
    document.register('x-foo', Foo);
    assert_throws(() {
      document.register('x-foo', Foo);
    }, 'register already registered "x-foo"');
    assert_throws(() {
      document.register('X-FOO', Foo);
    }, 'register "X-FOO", same as already registered "x-foo"');
  }, 'name conflicts');

  test(() {
    var validNameClassMap = {
      'y-bar':   Bar1,
      'yz-bar':  Bar2,
      'y-z-bar': Bar3,
      'y--bar' : Bar4
    };
    for(var elementName in validNameClassMap.keys) {
      var expectedTagName = elementName.toUpperCase();
      var klass = validNameClassMap[elementName];
      document.register(elementName, klass);
      var tagName = document.createElement(elementName).tagName;
      assert_equals(tagName, expectedTagName, tagName + ' must be treated as a custom element');
    }
  }, 'strange but valid names');
}