c0459a6ae707c57b29eed52f04e0f5f3e613bf99
[WebKit-https.git] / LayoutTests / fast / animation / css-animation-throttling-lowPowerMode.html
1 <!DOCTYPE html><!-- webkit-test-runner [ enableCSSAnimationsAndCSSTransitionsBackedByWebAnimations=true ] -->
2 <html>
3 <head>
4 <script src="../../resources/js-test-pre.js"></script>
5 <style>
6 @keyframes my-animation {        
7   from {
8     left : 0px;
9   }
10   to {
11     left : 100px;
12   }      
13 }
14
15 .run-animation {
16   position: relative;
17   animation: my-animation 0.5s infinite;
18   animation-direction: alternate;
19 }
20 </style>
21 </head>
22 <body>
23 <p id="testElement" class="run-animation">Test text</p>
24 <script>
25 description("Tests that CSS animations are throttled in low power mode.");
26 jsTestIsAsync = true;
27
28 const element = document.getElementById("testElement");
29 element.onanimationstart = function() {
30     element.onanimationstart = null;
31
32     shouldBe("internals.animationsInterval", "0.015");
33     evalAndLog("internals.setLowPowerModeEnabled(true)");
34     shouldBe("internals.animationsInterval", "0.030");
35     evalAndLog("internals.setLowPowerModeEnabled(false)");
36     shouldBe("internals.animationsInterval", "0.015");
37     finishJSTest();
38 };
39 </script>
40 <script src="../../resources/js-test-post.js"></script>
41 </body>
42 </html>