diff options
| author | 2025-02-27 12:36:19 +0000 | |
|---|---|---|
| committer | 2025-03-03 12:20:20 +0000 | |
| commit | 67306b1e6c6d390505ce7af8f51fc0fa575b75b2 (patch) | |
| tree | 61c6fc669b95867c4d0af55aa7960e2fe8ba221d | |
| parent | 88834a87676638e7771adee3bf5fff2fb74e4be3 (diff) | |
Always put the opening window above the origin launchable.
Bug: 390422470
Flag: com.android.systemui.move_transition_animation_layer
Test: atest ActivityTransitionAnimatorTest TransitionAnimatorTest
Change-Id: I6954ee1b06267a28d25662af3feb97303bf3cfdc
36 files changed, 10512 insertions, 67 deletions
diff --git a/packages/SystemUI/aconfig/systemui.aconfig b/packages/SystemUI/aconfig/systemui.aconfig index a90081738062..9db4346a08b7 100644 --- a/packages/SystemUI/aconfig/systemui.aconfig +++ b/packages/SystemUI/aconfig/systemui.aconfig @@ -2102,4 +2102,11 @@ flag { metadata { purpose: PURPOSE_BUGFIX } -}
\ No newline at end of file +} + +flag { + name: "move_transition_animation_layer" + namespace: "systemui" + description: "Enables moving the launching window on top of the origin window in the Animation library." + bug: "390422470" +} diff --git a/packages/SystemUI/animation/src/com/android/systemui/animation/ActivityTransitionAnimator.kt b/packages/SystemUI/animation/src/com/android/systemui/animation/ActivityTransitionAnimator.kt index f03bd3d9a2a7..e43b8a0b9297 100644 --- a/packages/SystemUI/animation/src/com/android/systemui/animation/ActivityTransitionAnimator.kt +++ b/packages/SystemUI/animation/src/com/android/systemui/animation/ActivityTransitionAnimator.kt @@ -62,6 +62,7 @@ import com.android.app.animation.Interpolators import com.android.internal.annotations.VisibleForTesting import com.android.internal.policy.ScreenDecorationsUtils import com.android.systemui.Flags.activityTransitionUseLargestWindow +import com.android.systemui.Flags.moveTransitionAnimationLayer import com.android.systemui.Flags.translucentOccludingActivityFix import com.android.systemui.animation.TransitionAnimator.Companion.assertLongLivedReturnAnimations import com.android.systemui.animation.TransitionAnimator.Companion.assertReturnAnimations @@ -1514,6 +1515,20 @@ constructor( ) } + if (moveTransitionAnimationLayer()) { + // Ensure that the launching window is rendered above the view's window, + // so it is not obstructed. + // TODO(b/397180418): re-use the start transaction once the + // RemoteAnimation wrapper is cleaned up. + SurfaceControl.Transaction().use { + it.reparent( + window.leash, + controller.transitionContainer.viewRootImpl.surfaceControl, + ) + it.apply() + } + } + if (startTransaction != null) { // Calling applyStateToWindow() here avoids skipping a frame when taking // over an animation. @@ -1566,12 +1581,18 @@ constructor( } else { null } + val fadeWindowBackgroundLayer = + if (moveTransitionAnimationLayer()) { + false + } else { + !controller.isBelowAnimatingWindow + } animation = transitionAnimator.startAnimation( controller, endState, windowBackgroundColor, - fadeWindowBackgroundLayer = !controller.isBelowAnimatingWindow, + fadeWindowBackgroundLayer = fadeWindowBackgroundLayer, drawHole = !controller.isBelowAnimatingWindow, startVelocity = velocityPxPerS, startFrameTime = windowState?.timestamp ?: -1, @@ -1685,7 +1706,7 @@ constructor( // fade in progressively. Otherwise, it should be fully opaque and will be progressively // revealed as the window background color layer above the window fades out. val alpha = - if (controller.isBelowAnimatingWindow) { + if (moveTransitionAnimationLayer() || controller.isBelowAnimatingWindow) { if (controller.isLaunching) { interpolators.contentAfterFadeInInterpolator.getInterpolation( windowProgress diff --git a/packages/SystemUI/animation/src/com/android/systemui/animation/TransitionAnimator.kt b/packages/SystemUI/animation/src/com/android/systemui/animation/TransitionAnimator.kt index 4e889e946a5f..5d9c441db003 100644 --- a/packages/SystemUI/animation/src/com/android/systemui/animation/TransitionAnimator.kt +++ b/packages/SystemUI/animation/src/com/android/systemui/animation/TransitionAnimator.kt @@ -39,6 +39,7 @@ import com.android.app.animation.Interpolators.LINEAR import com.android.internal.annotations.VisibleForTesting import com.android.internal.dynamicanimation.animation.SpringAnimation import com.android.internal.dynamicanimation.animation.SpringForce +import com.android.systemui.Flags.moveTransitionAnimationLayer import com.android.systemui.shared.Flags.returnAnimationFrameworkLibrary import com.android.systemui.shared.Flags.returnAnimationFrameworkLongLived import java.util.concurrent.Executor @@ -509,6 +510,8 @@ class TransitionAnimator( * punching a hole in the [transition container][Controller.transitionContainer]) iff [drawHole] * is true. * + * TODO(b/397646693): remove drawHole altogether. + * * If [startVelocity] (expressed in pixels per second) is not null, a multi-spring animation * using it for the initial momentum will be used instead of the default interpolators. In this * case, [startFrameTime] (if non-negative) represents the frame time at which the springs @@ -1183,6 +1186,10 @@ class TransitionAnimator( if (drawHole) { drawable.setXfermode(SRC_MODE) } + } else if (moveTransitionAnimationLayer() && fadeOutProgress >= 1 && drawHole) { + // If [drawHole] is true, draw it once the opening content is done fading in. + drawable.alpha = 0x00 + drawable.setXfermode(SRC_MODE) } else { drawable.alpha = 0xFF } diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenLaunching_withAnimator.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json index aa8044515ea2..aa8044515ea2 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenLaunching_withAnimator.json +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenReturning_withAnimator.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json index aa8044515ea2..aa8044515ea2 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenReturning_withAnimator.json +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenLaunching_withSpring.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json index 7abff2c74531..5476160df156 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenLaunching_withSpring.json +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json @@ -371,14 +371,5 @@ 0 ] } - ], - "\/\/metadata": { - "goldenRepoPath": "frameworks\/base\/packages\/SystemUI\/tests\/goldens\/backgroundAnimation_whenLaunching_withSpring.json", - "goldenIdentifier": "backgroundAnimation_whenLaunching_withSpring", - "testClassName": "TransitionAnimatorTest", - "testMethodName": "backgroundAnimation_whenLaunching[true]", - "deviceLocalPath": "\/data\/user\/0\/com.android.systemui.tests\/files\/platform_screenshots", - "result": "FAILED", - "videoLocation": "TransitionAnimatorTest\/backgroundAnimation_whenLaunching_withSpring.actual.mp4" - } + ] }
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenReturning_withSpring.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json index 561961145ca1..5476160df156 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withFade_whenReturning_withSpring.json +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -371,14 +371,5 @@ 0 ] } - ], - "\/\/metadata": { - "goldenRepoPath": "frameworks\/base\/packages\/SystemUI\/tests\/goldens\/backgroundAnimation_whenReturning_withSpring.json", - "goldenIdentifier": "backgroundAnimation_whenReturning_withSpring", - "testClassName": "TransitionAnimatorTest", - "testMethodName": "backgroundAnimation_whenReturning[true]", - "deviceLocalPath": "\/data\/user\/0\/com.android.systemui.tests\/files\/platform_screenshots", - "result": "FAILED", - "videoLocation": "TransitionAnimatorTest\/backgroundAnimation_whenReturning_withSpring.actual.mp4" - } + ] }
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..aa8044515ea2 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..5476160df156 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 45, + 126, + 190, + 228, + 246, + 253, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenLaunching_withAnimator.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json index 7f623575fef4..7f623575fef4 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenLaunching_withAnimator.json +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..41a46df55e38 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenLaunching_withSpring.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json index 825190ba7a32..848c7d460d3b 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenLaunching_withSpring.json +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json @@ -371,14 +371,5 @@ 0 ] } - ], - "\/\/metadata": { - "goldenRepoPath": "frameworks\/base\/packages\/SystemUI\/tests\/goldens\/backgroundAnimationWithoutFade_whenLaunching_withSpring.json", - "goldenIdentifier": "backgroundAnimationWithoutFade_whenLaunching_withSpring", - "testClassName": "TransitionAnimatorTest", - "testMethodName": "backgroundAnimationWithoutFade_whenLaunching[true]", - "deviceLocalPath": "\/data\/user\/0\/com.android.systemui.tests\/files\/platform_screenshots", - "result": "FAILED", - "videoLocation": "TransitionAnimatorTest\/backgroundAnimationWithoutFade_whenLaunching_withSpring.actual.mp4" - } + ] }
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenReturning_withSpring.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json index 63c263175122..848c7d460d3b 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenReturning_withSpring.json +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -371,14 +371,5 @@ 0 ] } - ], - "\/\/metadata": { - "goldenRepoPath": "frameworks\/base\/packages\/SystemUI\/tests\/goldens\/backgroundAnimationWithoutFade_whenReturning_withSpring.json", - "goldenIdentifier": "backgroundAnimationWithoutFade_whenReturning_withSpring", - "testClassName": "TransitionAnimatorTest", - "testMethodName": "backgroundAnimationWithoutFade_whenReturning[true]", - "deviceLocalPath": "\/data\/user\/0\/com.android.systemui.tests\/files\/platform_screenshots", - "result": "FAILED", - "videoLocation": "TransitionAnimatorTest\/backgroundAnimationWithoutFade_whenReturning_withSpring.actual.mp4" - } + ] }
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenReturning_withAnimator.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json index 98005c53f6e0..98005c53f6e0 100644 --- a/packages/SystemUI/tests/goldens/backgroundAnimationTimeSeries_withoutFade_whenReturning_withAnimator.json +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..98005c53f6e0 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..7f623575fef4 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..7f623575fef4 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 96, + 153, + 192, + 220, + 238, + 249, + 254, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenLaunching_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..98005c53f6e0 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..98005c53f6e0 --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withAnimator_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,492 @@ +{ + "frame_ids": [ + 0, + 20, + 40, + 60, + 80, + 100, + 120, + 140, + 160, + 180, + 200, + 220, + 240, + 260, + 280, + 300, + 320, + 340, + 360, + 380, + 400, + 420, + 440, + 460, + 480, + 500 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 100, + "top": 300, + "right": 200, + "bottom": 400 + }, + { + "left": 99, + "top": 296, + "right": 202, + "bottom": 404 + }, + { + "left": 95, + "top": 283, + "right": 207, + "bottom": 417 + }, + { + "left": 86, + "top": 256, + "right": 219, + "bottom": 443 + }, + { + "left": 68, + "top": 198, + "right": 243, + "bottom": 499 + }, + { + "left": 39, + "top": 110, + "right": 278, + "bottom": 584 + }, + { + "left": 26, + "top": 74, + "right": 292, + "bottom": 618 + }, + { + "left": 19, + "top": 55, + "right": 299, + "bottom": 637 + }, + { + "left": 15, + "top": 42, + "right": 304, + "bottom": 649 + }, + { + "left": 12, + "top": 33, + "right": 307, + "bottom": 658 + }, + { + "left": 9, + "top": 27, + "right": 310, + "bottom": 664 + }, + { + "left": 7, + "top": 21, + "right": 312, + "bottom": 669 + }, + { + "left": 6, + "top": 17, + "right": 314, + "bottom": 674 + }, + { + "left": 5, + "top": 13, + "right": 315, + "bottom": 677 + }, + { + "left": 4, + "top": 10, + "right": 316, + "bottom": 680 + }, + { + "left": 3, + "top": 8, + "right": 317, + "bottom": 682 + }, + { + "left": 2, + "top": 6, + "right": 318, + "bottom": 684 + }, + { + "left": 2, + "top": 5, + "right": 318, + "bottom": 685 + }, + { + "left": 1, + "top": 4, + "right": 319, + "bottom": 687 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 1, + "top": 2, + "right": 319, + "bottom": 688 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 1, + "right": 320, + "bottom": 689 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + }, + { + "left": 0, + "top": 0, + "right": 320, + "bottom": 690 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + { + "top_left_x": 10, + "top_left_y": 10, + "top_right_x": 10, + "top_right_y": 10, + "bottom_right_x": 20, + "bottom_right_y": 20, + "bottom_left_x": 20, + "bottom_left_y": 20 + }, + { + "top_left_x": 9.865689, + "top_left_y": 9.865689, + "top_right_x": 9.865689, + "top_right_y": 9.865689, + "bottom_right_x": 19.731379, + "bottom_right_y": 19.731379, + "bottom_left_x": 19.731379, + "bottom_left_y": 19.731379 + }, + { + "top_left_x": 9.419104, + "top_left_y": 9.419104, + "top_right_x": 9.419104, + "top_right_y": 9.419104, + "bottom_right_x": 18.838207, + "bottom_right_y": 18.838207, + "bottom_left_x": 18.838207, + "bottom_left_y": 18.838207 + }, + { + "top_left_x": 8.533693, + "top_left_y": 8.533693, + "top_right_x": 8.533693, + "top_right_y": 8.533693, + "bottom_right_x": 17.067387, + "bottom_right_y": 17.067387, + "bottom_left_x": 17.067387, + "bottom_left_y": 17.067387 + }, + { + "top_left_x": 6.5919456, + "top_left_y": 6.5919456, + "top_right_x": 6.5919456, + "top_right_y": 6.5919456, + "bottom_right_x": 13.183891, + "bottom_right_y": 13.183891, + "bottom_left_x": 13.183891, + "bottom_left_y": 13.183891 + }, + { + "top_left_x": 3.6674318, + "top_left_y": 3.6674318, + "top_right_x": 3.6674318, + "top_right_y": 3.6674318, + "bottom_right_x": 7.3348637, + "bottom_right_y": 7.3348637, + "bottom_left_x": 7.3348637, + "bottom_left_y": 7.3348637 + }, + { + "top_left_x": 2.4832253, + "top_left_y": 2.4832253, + "top_right_x": 2.4832253, + "top_right_y": 2.4832253, + "bottom_right_x": 4.9664507, + "bottom_right_y": 4.9664507, + "bottom_left_x": 4.9664507, + "bottom_left_y": 4.9664507 + }, + { + "top_left_x": 1.8252907, + "top_left_y": 1.8252907, + "top_right_x": 1.8252907, + "top_right_y": 1.8252907, + "bottom_right_x": 3.6505814, + "bottom_right_y": 3.6505814, + "bottom_left_x": 3.6505814, + "bottom_left_y": 3.6505814 + }, + { + "top_left_x": 1.4077549, + "top_left_y": 1.4077549, + "top_right_x": 1.4077549, + "top_right_y": 1.4077549, + "bottom_right_x": 2.8155098, + "bottom_right_y": 2.8155098, + "bottom_left_x": 2.8155098, + "bottom_left_y": 2.8155098 + }, + { + "top_left_x": 1.1067667, + "top_left_y": 1.1067667, + "top_right_x": 1.1067667, + "top_right_y": 1.1067667, + "bottom_right_x": 2.2135334, + "bottom_right_y": 2.2135334, + "bottom_left_x": 2.2135334, + "bottom_left_y": 2.2135334 + }, + { + "top_left_x": 0.88593864, + "top_left_y": 0.88593864, + "top_right_x": 0.88593864, + "top_right_y": 0.88593864, + "bottom_right_x": 1.7718773, + "bottom_right_y": 1.7718773, + "bottom_left_x": 1.7718773, + "bottom_left_y": 1.7718773 + }, + { + "top_left_x": 0.7069988, + "top_left_y": 0.7069988, + "top_right_x": 0.7069988, + "top_right_y": 0.7069988, + "bottom_right_x": 1.4139977, + "bottom_right_y": 1.4139977, + "bottom_left_x": 1.4139977, + "bottom_left_y": 1.4139977 + }, + { + "top_left_x": 0.55613136, + "top_left_y": 0.55613136, + "top_right_x": 0.55613136, + "top_right_y": 0.55613136, + "bottom_right_x": 1.1122627, + "bottom_right_y": 1.1122627, + "bottom_left_x": 1.1122627, + "bottom_left_y": 1.1122627 + }, + { + "top_left_x": 0.44889355, + "top_left_y": 0.44889355, + "top_right_x": 0.44889355, + "top_right_y": 0.44889355, + "bottom_right_x": 0.8977871, + "bottom_right_y": 0.8977871, + "bottom_left_x": 0.8977871, + "bottom_left_y": 0.8977871 + }, + { + "top_left_x": 0.34557533, + "top_left_y": 0.34557533, + "top_right_x": 0.34557533, + "top_right_y": 0.34557533, + "bottom_right_x": 0.69115067, + "bottom_right_y": 0.69115067, + "bottom_left_x": 0.69115067, + "bottom_left_y": 0.69115067 + }, + { + "top_left_x": 0.27671337, + "top_left_y": 0.27671337, + "top_right_x": 0.27671337, + "top_right_y": 0.27671337, + "bottom_right_x": 0.55342674, + "bottom_right_y": 0.55342674, + "bottom_left_x": 0.55342674, + "bottom_left_y": 0.55342674 + }, + { + "top_left_x": 0.20785141, + "top_left_y": 0.20785141, + "top_right_x": 0.20785141, + "top_right_y": 0.20785141, + "bottom_right_x": 0.41570282, + "bottom_right_y": 0.41570282, + "bottom_left_x": 0.41570282, + "bottom_left_y": 0.41570282 + }, + { + "top_left_x": 0.1601448, + "top_left_y": 0.1601448, + "top_right_x": 0.1601448, + "top_right_y": 0.1601448, + "bottom_right_x": 0.3202896, + "bottom_right_y": 0.3202896, + "bottom_left_x": 0.3202896, + "bottom_left_y": 0.3202896 + }, + { + "top_left_x": 0.117860794, + "top_left_y": 0.117860794, + "top_right_x": 0.117860794, + "top_right_y": 0.117860794, + "bottom_right_x": 0.23572159, + "bottom_right_y": 0.23572159, + "bottom_left_x": 0.23572159, + "bottom_left_y": 0.23572159 + }, + { + "top_left_x": 0.08036041, + "top_left_y": 0.08036041, + "top_right_x": 0.08036041, + "top_right_y": 0.08036041, + "bottom_right_x": 0.16072083, + "bottom_right_y": 0.16072083, + "bottom_left_x": 0.16072083, + "bottom_left_y": 0.16072083 + }, + { + "top_left_x": 0.05836296, + "top_left_y": 0.05836296, + "top_right_x": 0.05836296, + "top_right_y": 0.05836296, + "bottom_right_x": 0.11672592, + "bottom_right_y": 0.11672592, + "bottom_left_x": 0.11672592, + "bottom_left_y": 0.11672592 + }, + { + "top_left_x": 0.03636551, + "top_left_y": 0.03636551, + "top_right_x": 0.03636551, + "top_right_y": 0.03636551, + "bottom_right_x": 0.07273102, + "bottom_right_y": 0.07273102, + "bottom_left_x": 0.07273102, + "bottom_left_y": 0.07273102 + }, + { + "top_left_x": 0.018137932, + "top_left_y": 0.018137932, + "top_right_x": 0.018137932, + "top_right_y": 0.018137932, + "bottom_right_x": 0.036275864, + "bottom_right_y": 0.036275864, + "bottom_left_x": 0.036275864, + "bottom_left_y": 0.036275864 + }, + { + "top_left_x": 0.0082063675, + "top_left_y": 0.0082063675, + "top_right_x": 0.0082063675, + "top_right_y": 0.0082063675, + "bottom_right_x": 0.016412735, + "bottom_right_y": 0.016412735, + "bottom_left_x": 0.016412735, + "bottom_left_y": 0.016412735 + }, + { + "top_left_x": 0.0031013489, + "top_left_y": 0.0031013489, + "top_right_x": 0.0031013489, + "top_right_y": 0.0031013489, + "bottom_right_x": 0.0062026978, + "bottom_right_y": 0.0062026978, + "bottom_left_x": 0.0062026978, + "bottom_left_y": 0.0062026978 + }, + { + "top_left_x": 0, + "top_left_y": 0, + "top_right_x": 0, + "top_right_y": 0, + "bottom_right_x": 0, + "bottom_right_y": 0, + "bottom_left_x": 0, + "bottom_left_y": 0 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 233, + 191, + 153, + 117, + 85, + 57, + 33, + 14, + 3, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json new file mode 100644 index 000000000000..848c7d460d3b --- /dev/null +++ b/packages/SystemUI/tests/goldens/animations/withoutFade_withoutHole_whenReturning_withSpring_backgroundAnimationTimeSeries_drawHoleAfterFadeout.json @@ -0,0 +1,375 @@ +{ + "frame_ids": [ + 0, + 16, + 32, + 48, + 64, + 80, + 96, + 112, + 128, + 144, + 160, + 176, + 192, + 208, + 224, + 240, + 256, + 272, + 288, + 304 + ], + "features": [ + { + "name": "bounds", + "type": "rect", + "data_points": [ + { + "left": 0, + "top": 0, + "right": 0, + "bottom": 0 + }, + { + "left": 104, + "top": 285, + "right": 215, + "bottom": 414 + }, + { + "left": 92, + "top": 252, + "right": 227, + "bottom": 447 + }, + { + "left": 77, + "top": 213, + "right": 242, + "bottom": 486 + }, + { + "left": 63, + "top": 175, + "right": 256, + "bottom": 524 + }, + { + "left": 50, + "top": 141, + "right": 269, + "bottom": 558 + }, + { + "left": 40, + "top": 112, + "right": 279, + "bottom": 587 + }, + { + "left": 31, + "top": 88, + "right": 288, + "bottom": 611 + }, + { + "left": 23, + "top": 68, + "right": 296, + "bottom": 631 + }, + { + "left": 18, + "top": 53, + "right": 301, + "bottom": 646 + }, + { + "left": 13, + "top": 41, + "right": 306, + "bottom": 658 + }, + { + "left": 10, + "top": 31, + "right": 309, + "bottom": 667 + }, + { + "left": 7, + "top": 24, + "right": 312, + "bottom": 673 + }, + { + "left": 5, + "top": 18, + "right": 314, + "bottom": 678 + }, + { + "left": 4, + "top": 13, + "right": 315, + "bottom": 681 + }, + { + "left": 3, + "top": 10, + "right": 316, + "bottom": 684 + }, + { + "left": 2, + "top": 7, + "right": 317, + "bottom": 685 + }, + { + "left": 1, + "top": 5, + "right": 318, + "bottom": 687 + }, + { + "left": 1, + "top": 4, + "right": 318, + "bottom": 688 + }, + { + "left": 0, + "top": 3, + "right": 319, + "bottom": 688 + } + ] + }, + { + "name": "corner_radii", + "type": "cornerRadii", + "data_points": [ + null, + { + "top_left_x": 9.492916, + "top_left_y": 9.492916, + "top_right_x": 9.492916, + "top_right_y": 9.492916, + "bottom_right_x": 18.985832, + "bottom_right_y": 18.985832, + "bottom_left_x": 18.985832, + "bottom_left_y": 18.985832 + }, + { + "top_left_x": 8.381761, + "top_left_y": 8.381761, + "top_right_x": 8.381761, + "top_right_y": 8.381761, + "bottom_right_x": 16.763521, + "bottom_right_y": 16.763521, + "bottom_left_x": 16.763521, + "bottom_left_y": 16.763521 + }, + { + "top_left_x": 7.07397, + "top_left_y": 7.07397, + "top_right_x": 7.07397, + "top_right_y": 7.07397, + "bottom_right_x": 14.14794, + "bottom_right_y": 14.14794, + "bottom_left_x": 14.14794, + "bottom_left_y": 14.14794 + }, + { + "top_left_x": 5.7880254, + "top_left_y": 5.7880254, + "top_right_x": 5.7880254, + "top_right_y": 5.7880254, + "bottom_right_x": 11.576051, + "bottom_right_y": 11.576051, + "bottom_left_x": 11.576051, + "bottom_left_y": 11.576051 + }, + { + "top_left_x": 4.6295347, + "top_left_y": 4.6295347, + "top_right_x": 4.6295347, + "top_right_y": 4.6295347, + "bottom_right_x": 9.259069, + "bottom_right_y": 9.259069, + "bottom_left_x": 9.259069, + "bottom_left_y": 9.259069 + }, + { + "top_left_x": 3.638935, + "top_left_y": 3.638935, + "top_right_x": 3.638935, + "top_right_y": 3.638935, + "bottom_right_x": 7.27787, + "bottom_right_y": 7.27787, + "bottom_left_x": 7.27787, + "bottom_left_y": 7.27787 + }, + { + "top_left_x": 2.8209057, + "top_left_y": 2.8209057, + "top_right_x": 2.8209057, + "top_right_y": 2.8209057, + "bottom_right_x": 5.6418114, + "bottom_right_y": 5.6418114, + "bottom_left_x": 5.6418114, + "bottom_left_y": 5.6418114 + }, + { + "top_left_x": 2.1620893, + "top_left_y": 2.1620893, + "top_right_x": 2.1620893, + "top_right_y": 2.1620893, + "bottom_right_x": 4.3241787, + "bottom_right_y": 4.3241787, + "bottom_left_x": 4.3241787, + "bottom_left_y": 4.3241787 + }, + { + "top_left_x": 1.6414614, + "top_left_y": 1.6414614, + "top_right_x": 1.6414614, + "top_right_y": 1.6414614, + "bottom_right_x": 3.2829227, + "bottom_right_y": 3.2829227, + "bottom_left_x": 3.2829227, + "bottom_left_y": 3.2829227 + }, + { + "top_left_x": 1.2361269, + "top_left_y": 1.2361269, + "top_right_x": 1.2361269, + "top_right_y": 1.2361269, + "bottom_right_x": 2.4722538, + "bottom_right_y": 2.4722538, + "bottom_left_x": 2.4722538, + "bottom_left_y": 2.4722538 + }, + { + "top_left_x": 0.92435074, + "top_left_y": 0.92435074, + "top_right_x": 0.92435074, + "top_right_y": 0.92435074, + "bottom_right_x": 1.8487015, + "bottom_right_y": 1.8487015, + "bottom_left_x": 1.8487015, + "bottom_left_y": 1.8487015 + }, + { + "top_left_x": 0.68693924, + "top_left_y": 0.68693924, + "top_right_x": 0.68693924, + "top_right_y": 0.68693924, + "bottom_right_x": 1.3738785, + "bottom_right_y": 1.3738785, + "bottom_left_x": 1.3738785, + "bottom_left_y": 1.3738785 + }, + { + "top_left_x": 0.5076904, + "top_left_y": 0.5076904, + "top_right_x": 0.5076904, + "top_right_y": 0.5076904, + "bottom_right_x": 1.0153809, + "bottom_right_y": 1.0153809, + "bottom_left_x": 1.0153809, + "bottom_left_y": 1.0153809 + }, + { + "top_left_x": 0.3733511, + "top_left_y": 0.3733511, + "top_right_x": 0.3733511, + "top_right_y": 0.3733511, + "bottom_right_x": 0.7467022, + "bottom_right_y": 0.7467022, + "bottom_left_x": 0.7467022, + "bottom_left_y": 0.7467022 + }, + { + "top_left_x": 0.27331638, + "top_left_y": 0.27331638, + "top_right_x": 0.27331638, + "top_right_y": 0.27331638, + "bottom_right_x": 0.54663277, + "bottom_right_y": 0.54663277, + "bottom_left_x": 0.54663277, + "bottom_left_y": 0.54663277 + }, + { + "top_left_x": 0.19925308, + "top_left_y": 0.19925308, + "top_right_x": 0.19925308, + "top_right_y": 0.19925308, + "bottom_right_x": 0.39850616, + "bottom_right_y": 0.39850616, + "bottom_left_x": 0.39850616, + "bottom_left_y": 0.39850616 + }, + { + "top_left_x": 0.14470005, + "top_left_y": 0.14470005, + "top_right_x": 0.14470005, + "top_right_y": 0.14470005, + "bottom_right_x": 0.2894001, + "bottom_right_y": 0.2894001, + "bottom_left_x": 0.2894001, + "bottom_left_y": 0.2894001 + }, + { + "top_left_x": 0.10470486, + "top_left_y": 0.10470486, + "top_right_x": 0.10470486, + "top_right_y": 0.10470486, + "bottom_right_x": 0.20940971, + "bottom_right_y": 0.20940971, + "bottom_left_x": 0.20940971, + "bottom_left_y": 0.20940971 + }, + { + "top_left_x": 0.07550812, + "top_left_y": 0.07550812, + "top_right_x": 0.07550812, + "top_right_y": 0.07550812, + "bottom_right_x": 0.15101624, + "bottom_right_y": 0.15101624, + "bottom_left_x": 0.15101624, + "bottom_left_y": 0.15101624 + } + ] + }, + { + "name": "alpha", + "type": "int", + "data_points": [ + 0, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 255, + 249, + 226, + 192, + 153, + 112, + 72, + 34, + 0, + 0, + 0 + ] + } + ] +}
\ No newline at end of file diff --git a/packages/SystemUI/tests/src/com/android/systemui/animation/TransitionAnimatorTest.kt b/packages/SystemUI/tests/src/com/android/systemui/animation/TransitionAnimatorTest.kt index a1f59c2cc2b5..1268de0f4141 100644 --- a/packages/SystemUI/tests/src/com/android/systemui/animation/TransitionAnimatorTest.kt +++ b/packages/SystemUI/tests/src/com/android/systemui/animation/TransitionAnimatorTest.kt @@ -23,11 +23,14 @@ import android.animation.recordMotion import android.graphics.Color import android.graphics.PointF import android.graphics.drawable.GradientDrawable +import android.platform.test.annotations.DisableFlags +import android.platform.test.annotations.EnableFlags import android.platform.test.annotations.MotionTest import android.view.ViewGroup import android.widget.FrameLayout import androidx.test.ext.junit.rules.ActivityScenarioRule import androidx.test.filters.SmallTest +import com.android.systemui.Flags import com.android.systemui.SysuiTestCase import com.android.systemui.activity.EmptyTestActivity import com.android.systemui.concurrency.fakeExecutor @@ -45,25 +48,29 @@ import platform.test.runner.parameterized.ParameterizedAndroidJunit4 import platform.test.runner.parameterized.Parameters import platform.test.screenshot.GoldenPathManager import platform.test.screenshot.PathConfig +import platform.test.screenshot.PathElementNoContext @SmallTest @MotionTest @RunWith(ParameterizedAndroidJunit4::class) class TransitionAnimatorTest( private val fadeWindowBackgroundLayer: Boolean, + private val drawHole: Boolean, private val isLaunching: Boolean, private val useSpring: Boolean, ) : SysuiTestCase() { companion object { private const val GOLDENS_PATH = "frameworks/base/packages/SystemUI/tests/goldens" - @get:Parameters(name = "fadeBackground={0}, isLaunching={1}, useSpring={2}") + @get:Parameters(name = "fadeBackground={0}, drawHole={1}, isLaunching={2}, useSpring={3}") @JvmStatic val parameterValues = buildList { booleanArrayOf(true, false).forEach { fadeBackground -> - booleanArrayOf(true, false).forEach { isLaunching -> - booleanArrayOf(true, false).forEach { useSpring -> - add(arrayOf(fadeBackground, isLaunching, useSpring)) + booleanArrayOf(true, false).forEach { drawHole -> + booleanArrayOf(true, false).forEach { isLaunching -> + booleanArrayOf(true, false).forEach { useSpring -> + add(arrayOf(fadeBackground, drawHole, isLaunching, useSpring)) + } } } } @@ -71,7 +78,44 @@ class TransitionAnimatorTest( } private val kosmos = Kosmos() - private val pathManager = GoldenPathManager(context, GOLDENS_PATH, pathConfig = PathConfig()) + private val pathManager = + GoldenPathManager( + context, + GOLDENS_PATH, + pathConfig = + PathConfig( + PathElementNoContext("base", isDir = true) { "animations" }, + PathElementNoContext("fade", isDir = false) { + if (fadeWindowBackgroundLayer) { + "withFade" + } else { + "withoutFade" + } + }, + PathElementNoContext("hole", isDir = false) { + if (drawHole) { + "withHole" + } else { + "withoutHole" + } + }, + PathElementNoContext("direction", isDir = false) { + if (isLaunching) { + "whenLaunching" + } else { + "whenReturning" + } + }, + PathElementNoContext("mode", isDir = false) { + if (useSpring) { + "withSpring" + } else { + "withAnimator" + } + }, + ), + ) + private val transitionAnimator = TransitionAnimator( kosmos.fakeExecutor, @@ -80,24 +124,6 @@ class TransitionAnimatorTest( ActivityTransitionAnimator.SPRING_TIMINGS, ActivityTransitionAnimator.SPRING_INTERPOLATORS, ) - private val fade = - if (fadeWindowBackgroundLayer) { - "withFade" - } else { - "withoutFade" - } - private val direction = - if (isLaunching) { - "whenLaunching" - } else { - "whenReturning" - } - private val mode = - if (useSpring) { - "withSpring" - } else { - "withAnimator" - } @get:Rule(order = 1) val activityRule = ActivityScenarioRule(EmptyTestActivity::class.java) @get:Rule(order = 2) val animatorTestRule = android.animation.AnimatorTestRule(this) @@ -108,6 +134,7 @@ class TransitionAnimatorTest( pathManager, ) + @DisableFlags(Flags.FLAG_MOVE_TRANSITION_ANIMATION_LAYER) @Test fun backgroundAnimationTimeSeries() { val transitionContainer = createScene() @@ -118,7 +145,21 @@ class TransitionAnimatorTest( motionRule .assertThat(recordedMotion) - .timeSeriesMatchesGolden("backgroundAnimationTimeSeries_${fade}_${direction}_$mode") + .timeSeriesMatchesGolden("backgroundAnimationTimeSeries") + } + + @EnableFlags(Flags.FLAG_MOVE_TRANSITION_ANIMATION_LAYER) + @Test + fun backgroundAnimationTimeSeries_drawHoleAfterFadeout() { + val transitionContainer = createScene() + val backgroundLayer = createBackgroundLayer() + val animation = createAnimation(transitionContainer, backgroundLayer) + + val recordedMotion = record(backgroundLayer, animation) + + motionRule + .assertThat(recordedMotion) + .timeSeriesMatchesGolden("backgroundAnimationTimeSeries_drawHoleAfterFadeout") } private fun createScene(): ViewGroup { @@ -169,6 +210,7 @@ class TransitionAnimatorTest( endState, backgroundLayer, fadeWindowBackgroundLayer, + drawHole, startVelocity = startVelocity, ) .apply { runOnMainThreadAndWaitForIdleSync { start() } } |