| Index: tools/perf/page_sets/tough_animation_cases/css_animations_simultaneous_by_updating_inline_style.html
|
| diff --git a/tools/perf/page_sets/tough_animation_cases/web_animations_simultaneous.html b/tools/perf/page_sets/tough_animation_cases/css_animations_simultaneous_by_updating_inline_style.html
|
| similarity index 62%
|
| copy from tools/perf/page_sets/tough_animation_cases/web_animations_simultaneous.html
|
| copy to tools/perf/page_sets/tough_animation_cases/css_animations_simultaneous_by_updating_inline_style.html
|
| index 17c961791a61808b1416d778582cc9703031ebfc..b0938304be3cb8ffb1150fe6e05c0ffb1cde5582 100644
|
| --- a/tools/perf/page_sets/tough_animation_cases/web_animations_simultaneous.html
|
| +++ b/tools/perf/page_sets/tough_animation_cases/css_animations_simultaneous_by_updating_inline_style.html
|
| @@ -1,36 +1,30 @@
|
| <!DOCTYPE html>
|
| <meta name="viewport" content="width=device-width, user-scalable=no">
|
| +<link rel="stylesheet" type="text/css" href="resources/animation.css">
|
| <link rel="stylesheet" type="text/css" href="resources/tablet.css">
|
| <script src="resources/perftesthelper.js"></script>
|
| -<script src="resources/web_animations_api_check.js"></script>
|
|
|
| <container id="container"></container>
|
|
|
| <script>
|
| var N = PerfTestHelper.getN(1000);
|
| var duration = 1000;
|
| -var targets = [];
|
| -
|
| -function startAnimation(element) {
|
| - element.animate([
|
| - {opacity: 0},
|
| - {opacity: 1},
|
| - ], duration);
|
| -}
|
| -
|
| -function startAllAnimations() {
|
| - for (var i in targets)
|
| - startAnimation(targets[i]);
|
| - setTimeout(startAllAnimations, duration);
|
| -}
|
|
|
| for (var i = 0; i < N; i++) {
|
| var target = document.createElement('target');
|
| container.appendChild(target);
|
| - targets.push(target);
|
| +}
|
| +
|
| +var anim = 0;
|
| +function startAllAnimations() {
|
| + anim++;
|
| + for (var i = 0; i < container.childNodes.length; i++) {
|
| + container.childNodes[i].style.webkitAnimationName = (anim % 2 ? '' : 'reverse-') + 'anim';
|
| + }
|
| }
|
|
|
| startAllAnimations();
|
| +setInterval(startAllAnimations, duration);
|
|
|
| PerfTestHelper.signalReady();
|
| </script>
|
|
|
Chromium Code Reviews
Issue 665833002:
Add CSS Animations performance tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master