2015-03-23 18:26:06 +00:00
|
|
|
// 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 element_animate_test;
|
|
|
|
|
|
|
|
import 'dart:async';
|
|
|
|
import 'dart:html';
|
|
|
|
import 'package:unittest/html_individual_config.dart';
|
|
|
|
import 'package:unittest/unittest.dart';
|
|
|
|
|
|
|
|
main() {
|
|
|
|
useHtmlIndividualConfiguration();
|
|
|
|
|
|
|
|
group('animate_supported', () {
|
|
|
|
test('supported', () {
|
2015-03-23 22:07:59 +00:00
|
|
|
expect(AnimationPlayer.supported, true);
|
2015-03-23 18:26:06 +00:00
|
|
|
});
|
2015-03-23 20:29:10 +00:00
|
|
|
});
|
2015-03-23 18:26:06 +00:00
|
|
|
|
2015-03-23 20:29:10 +00:00
|
|
|
group('simple_timing', () {
|
2015-03-23 18:26:06 +00:00
|
|
|
test('simple timing', () {
|
|
|
|
var body = document.body;
|
|
|
|
var opacity = num.parse(body.getComputedStyle().opacity);
|
|
|
|
body.animate([{"opacity": 100}, {"opacity": 0}], 100);
|
|
|
|
var newOpacity = num.parse(body.getComputedStyle().opacity);
|
|
|
|
expect(newOpacity < opacity, isTrue);
|
|
|
|
});
|
2015-03-23 20:29:10 +00:00
|
|
|
});
|
2015-03-23 18:26:06 +00:00
|
|
|
|
2015-03-23 20:29:10 +00:00
|
|
|
group('timing_dict', () {
|
2015-03-23 18:26:06 +00:00
|
|
|
test('timing dict', () {
|
|
|
|
var body = document.body;
|
|
|
|
// Animate different characteristics so the tests can run concurrently.
|
|
|
|
var fontSize = body.getComputedStyle().fontSize;
|
|
|
|
var player = body.animate(
|
2015-03-23 20:29:10 +00:00
|
|
|
[{"font-size": "500px"}, {"font-size": fontSize}], {"duration": 100});
|
2015-03-23 18:26:06 +00:00
|
|
|
var newFontSize = body.getComputedStyle().fontSize;
|
|
|
|
// Don't bother to parse to numbers, as long as it's changed that
|
|
|
|
// indicates something is happening.
|
|
|
|
expect(newFontSize == fontSize, isFalse);
|
|
|
|
player.on['finish'].listen(expectAsync((_) => 'done'));
|
|
|
|
});
|
2015-03-23 20:29:10 +00:00
|
|
|
});
|
2015-03-23 18:26:06 +00:00
|
|
|
|
2015-03-23 20:29:10 +00:00
|
|
|
group('omit_timing', () {
|
2015-03-23 18:26:06 +00:00
|
|
|
test('omit timing', () {
|
|
|
|
var body = document.body;
|
|
|
|
var player = body.animate([
|
|
|
|
{"transform": "translate(100px, -100%)"},
|
|
|
|
{"transform": "translate(400px, 500px)"}
|
|
|
|
]);
|
|
|
|
player.on['finish'].listen(expectAsync((_) => 'done'));
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|