Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Layout Transition test #6168

Merged
merged 6 commits into from
Jun 28, 2024
Merged

Layout Transition test #6168

merged 6 commits into from
Jun 28, 2024

Conversation

Latropos
Copy link
Contributor

@Latropos Latropos commented Jun 25, 2024

Summary

Create tests of LAYOUT TRANSITIONS

Tests include:

  • components moving UP, DOWN, LEFT, RIGHT, LEFT & UP, RIGHT & UP
  • Various modifiers
  • Some verification that changing the order of the modifiers doesn't modify the snapshot

Test plan

@Latropos Latropos changed the title Layout animation test Layout Transition test Jun 27, 2024
@Latropos Latropos marked this pull request as ready for review June 27, 2024 08:16
@Latropos Latropos enabled auto-merge June 28, 2024 10:25
@Latropos Latropos added this pull request to the merge queue Jun 28, 2024
Merged via the queue into main with commit 4e75ca1 Jun 28, 2024
6 checks passed
@Latropos Latropos deleted the acynk/layout branch June 28, 2024 10:50
github-merge-queue bot pushed a commit that referenced this pull request Jul 8, 2024
<!-- Thanks for submitting a pull request! We appreciate you spending
the time to work on these changes. Please follow the template so that
the reviewers can easily understand what the code changes affect. -->

## Summary
Now the fading transition executes for `2*duration` miliseconds.
We should divide the duration by 2 to fix it, the same way it done for
the following transitions:


https://github.com/software-mansion/react-native-reanimated/blob/82d1d9582d96b463ab95d6ba9b8c1c20e7aa867b/packages/react-native-reanimated/src/layoutReanimation/defaultTransitions/JumpingTransition.ts#L33


https://github.com/software-mansion/react-native-reanimated/blob/82d1d9582d96b463ab95d6ba9b8c1c20e7aa867b/packages/react-native-reanimated/src/layoutReanimation/defaultTransitions/SequencedTransition.ts#L44

<!-- Explain the motivation for this PR. Include "Fixes #<number>" if
applicable. -->


Also I rename the variables that hold half of the duration and are named
"duration" into "halfDuration", as it was suggested during the review
## Test plan

Tests are in this PR:
#6168
<!-- Provide a minimal but complete code snippet that can be used to
test out this change along with instructions how to run it and a
description of the expected behavior. -->
github-merge-queue bot pushed a commit that referenced this pull request Jul 31, 2024
## Summary
Tests added in PR:
#6168
verify layout transition of component changing position only. In this PR
I verify cases when both position and size change.

## Test plan

<img width="360" alt="image"
src="https://github.com/user-attachments/assets/45b19deb-1001-401b-b309-ad86f092b3f0">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants