More test cases - custom layout transitions (#6458)

<!-- 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

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

## Test plan

<!-- 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. -->

apps/common-app/src/examples/RuntimeTests/RuntimeTestsExample.tsx

@@ -71,9 +71,10 @@ export default function RuntimeTestsExample() {
             describe('Compare layout transitions with **constant view size** with snapshots', () => {
               require('./tests/layoutAnimations/layout/predefinedLayoutPosition.test');
             });
-            describe('Compare Test layout transitions including view **size changes** with snapshots', () => {
+            describe('Compare predefined layout transitions including view **size changes** with snapshots', () => {
               require('./tests/layoutAnimations/layout/positionAndSize.test');
             });
+            require('./tests/layoutAnimations/layout/custom.test');
           },
         },
         {

apps/common-app/src/examples/RuntimeTests/tests/layoutAnimations/layout/TestComponents.tsx

@@ -1,7 +1,18 @@
 import React, { useState, useEffect } from 'react';
 import { View, StyleSheet } from 'react-native';
 import Animated from 'react-native-reanimated';
-import { useTestRef } from '../../../ReJest/RuntimeTestsApi';
+import {
+  clearRenderOutput,
+  getTestComponent,
+  mockAnimationTimer,
+  mockWindowDimensions,
+  recordAnimationUpdates,
+  render,
+  unmockAnimationTimer,
+  unmockWindowDimensions,
+  useTestRef,
+  waitForAnimationUpdates,
+} from '../../../ReJest/RuntimeTestsApi';
 
 export const TRANSITION_REF = 'TRANSITION_REF';
 export enum Direction {
@@ -13,6 +24,32 @@ export enum Direction {
   LEFT_UP = 'LEFT_UP',
 }
 
+export async function getSnapshotUpdates(
+  layout: any,
+  direction: Direction,
+  snapshotLength: number,
+  changeSize?: boolean,
+) {
+  await mockAnimationTimer();
+  await mockWindowDimensions();
+
+  const updatesContainer = await recordAnimationUpdates();
+  if (direction === Direction.UP || direction === Direction.DOWN) {
+    await render(<TransitionUpOrDown layout={layout} direction={direction} changeSize={!!changeSize} />);
+  } else {
+    await render(<TransitionLeftOrRight layout={layout} direction={direction} changeSize={!!changeSize} />);
+  }
+  await waitForAnimationUpdates(snapshotLength);
+  const component = getTestComponent(TRANSITION_REF);
+  const updates = updatesContainer.getUpdates(component);
+
+  await unmockAnimationTimer();
+  await unmockWindowDimensions();
+  await clearRenderOutput();
+
+  return updates;
+}
+
 export const TransitionUpOrDown = ({
   layout,
   direction,