// 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.

/**
 * @assertion Element get matchingTarget
 * A pointer to the element whose CSS selector matched within which an event
 * was fired.
 * If this Event was not associated with any Event delegation, accessing this
 * value will throw an UnsupportedError.
 * @description Checks expected matchingTarget if there is an event delegation
 */
import "dart:html";
import "../../../Utils/expect.dart";

main() {
  var body = document.body;
  if (body != null) {
    var id1 = new DivElement()
      ..id = 'id';
    var id2 = new DivElement()
      ..id = 'id';
    var class1 = new DivElement()
      ..classes.add('class');
    var class2 = new DivElement()
      ..classes.add('class');
    body.append(id1);
    body.append(id2);
    body.append(class1);
    body.append(class2);

    body.onClick.matches('#id').listen((e) {
      Expect.identical(id1, e.matchingTarget);
      asyncEnd();
    });

    body.onClick.matches('.class').listen((e) {
      Expect.identical(class1, e.matchingTarget);
      asyncEnd();
    });

    asyncMultiStart(2);
    id1.click();
    class1.click();
  } else {
    Expect.fail("Body is null");
  }
}