efortuna@google.com
d7057b2d8c
This CL is identical to 18555. The reason it will work now is the corresponding dartium change has been checked in. TBR-blois BUG= Review URL: https://codereview.chromium.org//12254046 git-svn-id: https://dart.googlecode.com/svn/branches/bleeding_edge/dart@18562 260f80e4-7a28-3924-810f-c04153c831b5
95 lines
2.9 KiB
Dart
95 lines
2.9 KiB
Dart
// Copyright (c) 2011, 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 CssStyleDeclarationTest;
|
|
import '../../pkg/unittest/lib/unittest.dart';
|
|
import '../../pkg/unittest/lib/html_config.dart';
|
|
import 'dart:html';
|
|
import 'dart:async';
|
|
|
|
main() {
|
|
useHtmlConfiguration();
|
|
|
|
createTestStyle() {
|
|
return new CssStyleDeclaration.css("""
|
|
color: blue;
|
|
width: 2px !important;
|
|
""");
|
|
};
|
|
|
|
test('default constructor is empty', () {
|
|
var style = new CssStyleDeclaration();
|
|
expect(style.cssText, isEmpty);
|
|
expect(style.getPropertyPriority('color'), isEmpty);
|
|
expect(style.item(0), isEmpty);
|
|
expect(style, hasLength(0));
|
|
// These assertions throw a UnimplementedError in dartium:
|
|
// expect(style.parentRule, isNull);
|
|
// expect(style.getPropertyCssValue('color'), isNull);
|
|
// expect(style.getPropertyShorthand('color'), isNull);
|
|
});
|
|
|
|
test('length is wrapped', () {
|
|
expect(createTestStyle(), hasLength(2));
|
|
});
|
|
|
|
test('getPropertyPriority is wrapped', () {
|
|
var style = createTestStyle();
|
|
expect(style.getPropertyPriority("color"), isEmpty);
|
|
expect(style.getPropertyPriority("width"), equals("important"));
|
|
});
|
|
|
|
test('removeProperty is wrapped', () {
|
|
var style = createTestStyle();
|
|
style.removeProperty("width");
|
|
expect(style.cssText.trim(),
|
|
equals("color: blue;"));
|
|
});
|
|
|
|
test('CSS property empty getters and setters', () {
|
|
var style = createTestStyle();
|
|
expect(style.border, equals(""));
|
|
|
|
style.border = "1px solid blue";
|
|
style.border = "";
|
|
expect(style.border, equals(""));
|
|
});
|
|
|
|
test('CSS property getters and setters', () {
|
|
var style = createTestStyle();
|
|
expect(style.color, equals("blue"));
|
|
expect(style.width, equals("2px"));
|
|
|
|
style.color = "red";
|
|
style.transform = "translate(10px, 20px)";
|
|
|
|
expect(style.color, equals("red"));
|
|
expect(style.transform, equals("translate(10px, 20px)"));
|
|
});
|
|
|
|
test('Browser prefixes', () {
|
|
var element = new DivElement();
|
|
element.style.transform = 'translateX(10px)';
|
|
document.body.children.add(element);
|
|
|
|
var style = element.getComputedStyle();
|
|
// Some browsers will normalize this, so it'll be a matrix rather than
|
|
// the original string. Just check that it's something other than null.
|
|
expect(style.transform.length, greaterThan(3));
|
|
});
|
|
|
|
// IE9 requires an extra poke for some properties to get applied.
|
|
test('IE9 Invalidation', () {
|
|
var element = new DivElement();
|
|
document.body.children.add(element);
|
|
|
|
// Need to wait one tick after the element has been added to the page.
|
|
new Timer(const Duration(milliseconds: 10), expectAsync0(() {
|
|
element.style.textDecoration = 'underline';
|
|
var style = element.getComputedStyle();
|
|
expect(style.textDecoration, equals('underline'));
|
|
}));
|
|
});
|
|
}
|