fix: start animate when rive onPlay ( ready ) cp-7.60.0

[ieow]

Description

• fix: race condition in rive animations when animation fail to start.
• Jira: https://consensyssoftware.atlassian.net/browse/SL-332
• Issue: [Bug]: Sometimes the MM logo is disappeared #23048

In some device on edge cases, sometime the MetaMask riv logo does not appear during the onboarding screen animation.
This is due to race conditions between state triggers and the rive onPlay state.

This PR wait for onPlay state before fire the inputState

Changelog

CHANGELOG entry: null

Related issues

Fixes:
#23048

• race condition in rive animations when animation fail to start.

Manual testing steps

Feature: onboarding

  Scenario: user open the app after install
    Given user open the app after install
    Then user should see the Metamask riv logo 

Screenshots/Recordings

Before

IMG_0012.MOV

After

IMG_0014.MOV

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

---

Note

Delay animation triggers until Rive reports onPlay, fixing race conditions that caused onboarding/fox animations to not start.

• UI
  • FoxAnimation: add isPlaying state and onPlay handler; trigger fireState('FoxRaiseUp', ...) only after play starts; remove autoplay usage.
  • OnboardingAnimation: gate startRiveAnimation on isPlaying; add onPlay to set ready state; remove autoplay usage.
• Testing/Mocks
  • Update app/__mocks__/rive-react-native.tsx to accept onPlay and invoke it on mount for tests.

^{Written by Cursor Bugbot for commit b36851c. This will update automatically on new commits. Configure here.}

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[codecov-commenter]

Codecov Report

❌ Patch coverage is 33.33333% with 2 lines in your changes missing coverage. Please review.
✅ Project coverage is 78.27%. Comparing base (bf56c9a) to head (50d6ae0).

Files with missing lines	Patch %	Lines
...nts/UI/OnboardingAnimation/OnboardingAnimation.tsx	33.33%	1 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #22982      +/-   ##
==========================================
- Coverage   78.28%   78.27%   -0.02%     
==========================================
  Files        3901     3901              
  Lines      100591   100593       +2     
  Branches    19861    19861              
==========================================
- Hits        78749    78738      -11     
- Misses      16432    16443      +11     
- Partials     5410     5412       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[grvgoel81]

lgtm

[github-actions]

🔍 Smart E2E Test Selection

• Selected E2E tags: SmokeAccounts, SmokeCore, SmokeConfirmationsRedesigned, SmokeIdentity, SmokeNetworkAbstractions, SmokeNetworkExpansion, SmokeTrade, SmokeWalletPlatform, SmokeWalletUX, SmokeAssets, SmokeSwaps, SmokeStake, SmokeCard, SmokeNotifications, SmokeRewards, SmokePerps, SmokeRamps, SmokeMultiChainPermissions, SmokeAnalytics, SmokeMultiChainAPI, SmokePredictions
• Risk Level: high
• AI Confidence: %

click to see 🤖 AI reasoning details

Fallback: AI analysis did not complete successfully. Running all tests.

View GitHub Actions results

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud