Bug 1506886 [wpt PR 14034] - Keep animations running going to/from fullscreen., a=testonly
authorRune Lillesveen <futhark@chromium.org>
Mon, 19 Nov 2018 18:45:36 +0000
changeset 506766 a4f2948ebc5da670cc819dcb1852a767373c9ab3
parent 506765 5a02af0869cc9e135b62550ee653ca79d2af96e5
child 506767 77b371d0cd7834a68f093fdd982d6f483c508fbf
push id1905
push userffxbld-merge
push dateMon, 21 Jan 2019 12:33:13 +0000
treeherdermozilla-release@c2fca1944d8c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1506886, 14034, 900162, 1333809, 608530
milestone65.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1506886 [wpt PR 14034] - Keep animations running going to/from fullscreen., a=testonly Automatic update from web-platform-testsKeep animations running going to/from fullscreen. LazyReattachIfAttached() nukes the computed styles synchronously so that we are not able to keep animations alive for the next lifecycle update. Add a bit on Node to say that we need a forced layout tree reattach and trigger the re-attach from style recalc instead. Bug: 900162 Change-Id: I22f51f5e091932fc8a63213af88903c7866abbb4 Reviewed-on: https://chromium-review.googlesource.com/c/1333809 Reviewed-by: Robert Flack <flackr@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/master@{#608530} -- wpt-commits: 9fcbfa0a6c02e373780f897dcf5282907180e49a wpt-pr: 14034
testing/web-platform/tests/fullscreen/rendering/fullscreen-css-transition.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/fullscreen/rendering/fullscreen-css-transition.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>Transitions should not be stopped by going fullscreen</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<style>
+  #trans {
+    transition: color steps(1, end) 100s;
+    color: green;
+  }
+</style>
+<div id="trans">Should be green</div>
+<script>
+  async_test(t => {
+    document.onfullscreenchange = t.step_func_done(() => {
+      assert_equals(document.fullscreenElement, trans);
+      assert_equals(getComputedStyle(trans).color, "rgb(0, 128, 0)", "Transition is in progress - still green");
+    });
+    trans.addEventListener('click', e => {
+      trans.style.color = "red";
+      trans.offsetTop;
+      trans.requestFullscreen();
+    }, {once: true});
+    test_driver.click(trans);
+  });
+</script>