react-native-reanimated-carousel/lib/module/components/rnr-demo.test.js

Simple carousel component.fully implemented using Reanimated 2.Infinitely scrolling, very smooth.

import React from "react";
import Animated, { useAnimatedStyle, useDerivedValue } from "react-native-reanimated";
import renderer from "react-test-renderer";
describe("useSharedValue", () => {
  it("retains value on rerender", () => {
    const initialValue = 0;
    const updatedValue = 1;

    const TestComponent = props => {
      const opacity = useDerivedValue(() => props.value, [props.value]);
      const animatedStyle = useAnimatedStyle(() => ({
        opacity: opacity.value
      }), [opacity]);
      return /*#__PURE__*/React.createElement(Animated.View, {
        style: animatedStyle
      });
    }; // When rendering with initial value


    const wrapper = renderer.create( /*#__PURE__*/React.createElement(TestComponent, {
      key: "box",
      value: initialValue
    }));
    expect(typeof wrapper.root.children[0] !== "string" ? wrapper.root.children[0].props.style.jestAnimatedStyle.current.value.opacity : false).toBe(initialValue); // When rendering with updated value

    wrapper.update( /*#__PURE__*/React.createElement(TestComponent, {
      key: "box",
      value: updatedValue
    }));
    expect(typeof wrapper.root.children[0] !== "string" ? wrapper.root.children[0].props.style.jestAnimatedStyle.current.value.opacity : false).toBe(initialValue);
  });
});
//# sourceMappingURL=rnr-demo.test.js.map