From 5cf378cfa511dbf328e9cba9ce46da3824a8baea Mon Sep 17 00:00:00 2001
From: Jijeong Lee <jijeong0114@gmail.com>
Date: Mon, 3 Jun 2024 18:22:17 -0700
Subject: [PATCH] add scroll test for carousel component

---
 www/__tests__/Carousel.test.tsx | 30 +++++++++++++++++++++++++++++-
 www/js/components/Carousel.tsx  |  1 +
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/www/__tests__/Carousel.test.tsx b/www/__tests__/Carousel.test.tsx
index 7b8601109..d523f3afc 100644
--- a/www/__tests__/Carousel.test.tsx
+++ b/www/__tests__/Carousel.test.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react-native';
+import { render, fireEvent } from '@testing-library/react-native';
 import { View } from 'react-native';
 import Carousel from '../js/components/Carousel';
 
@@ -23,4 +23,32 @@ describe('Carousel component', () => {
     expect(renderedChild1).toBeTruthy();
     expect(renderedChild2).toBeTruthy();
   });
+
+  it('scrolls correctly to the next card', () => {
+    const { getByTestId } = render(
+      <Carousel cardWidth={cardWidth} cardMargin={cardMargin}>
+        {child1}
+        {child2}
+      </Carousel>,
+    );
+
+    const scrollView = getByTestId('carousel');
+    fireEvent.scroll(scrollView, {
+      // Scroll to the second card
+      nativeEvent: {
+        contentOffset: {
+          x: cardWidth + cardMargin,
+        },
+        contentSize: {
+          width: (cardWidth + cardMargin) * 2,
+        },
+        layoutMeasurement: {
+          width: cardWidth + cardMargin,
+        },
+      },
+    });
+
+    expect(scrollView.props.horizontal).toBe(true);
+    expect(scrollView.props.snapToInterval).toBe(cardWidth + cardMargin);
+  });
 });
diff --git a/www/js/components/Carousel.tsx b/www/js/components/Carousel.tsx
index 8afe6624a..81740fc8b 100644
--- a/www/js/components/Carousel.tsx
+++ b/www/js/components/Carousel.tsx
@@ -10,6 +10,7 @@ const Carousel = ({ children, cardWidth, cardMargin }: Props) => {
   const numCards = React.Children.count(children);
   return (
     <ScrollView
+      testID="carousel"
       horizontal={true}
       decelerationRate={0}
       snapToInterval={cardWidth + cardMargin}