sdk/tests/html/css_test.dart

#library('CSSTest');
#import('../../lib/unittest/unittest.dart');
#import('../../lib/unittest/html_config.dart');
#import('dart:html');

main() {
  useHtmlConfiguration();
  test('CSSMatrix', () {
    CSSMatrix matrix1 = new CSSMatrix();
    Expect.equals(1, matrix1.m11.round());
    Expect.equals(0, matrix1.m12.round());

    CSSMatrix matrix2 = new CSSMatrix('matrix(1, 0, 0, 1, -835, 0)');
    Expect.equals(1, matrix2.a.round());
    Expect.equals(-835, matrix2.e.round());
  });
  test('Point', () {
    Element element = new Element.tag('div');
    element.attributes['style'] =
      '''
      position: absolute;
      width: 60px;
      height: 100px;
      left: 0px;
      top: 0px;
      background-color: red;
      -webkit-transform: translate3d(250px, 100px, 0px) perspective(500px) rotateX(30deg);
      ''';
    document.body.nodes.add(element);

    Point point = new Point(5, 2);
    checkPoint(5, 2, point);
    checkPoint(256, 110, window.webkitConvertPointFromNodeToPage(element, point));
    point.y = 100;
    checkPoint(5, 100, point);
    checkPoint(254, 196, window.webkitConvertPointFromNodeToPage(element, point));
  });
}

void checkPoint(expectedX, expectedY, Point point) {
  Expect.equals(expectedX, point.x.round(), 'Wrong point.x');
  Expect.equals(expectedY, point.y.round(), 'Wrong point.y');
}