add integration tests on expandable calendar (#2081)

* add integration tests on expandable calendar

* PR fix

* PR fix

Author: yuvalsho

package.json

@@ -91,7 +91,7 @@
       "./jest-setup.js"
     ],
     "testMatch": [
-      "<rootDir>/src/**/?(*.)(spec|test).{js,jsx}"
+      "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts}"
     ],
     "transformIgnorePatterns": [
       "node_modules/(?!(@react-native|react-native|react-native-swipe-gestures)/)"

src/expandableCalendar/WeekCalendar/index.tsx

@@ -16,7 +16,7 @@ import {extractCalendarProps} from '../../componentUpdater';
 import CalendarContext from '../Context';
 import {useDidUpdate} from '../../hooks';
 
-const NUMBER_OF_PAGES = 6;
+export const NUMBER_OF_PAGES = 6;
 const NUM_OF_ITEMS = NUMBER_OF_PAGES * 2 + 1; // NUMBER_OF_PAGES before + NUMBER_OF_PAGES after + current
 const APPLY_ANDROID_FIX = constants.isAndroid && constants.isRTL;
 

src/expandableCalendar/__test__/expandableCalendarTestKit.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import {
+  CalendarContextProviderProps,
+  CalendarProvider,
+  ExpandableCalendar,
+  ExpandableCalendarProps
+} from 'react-native-calendars';
+import {toMarkingFormat} from '../../interface';
+
+const XDate = require('xdate');
+
+const today = new XDate();
+export const testIdExpandableCalendar = 'myExpandableCalendar';
+
+export const expandableCalendarTestIDs = (testId: string) => {
+  return {
+    leftArrow: `${testId}.leftArrow`,
+    rightArrow: `${testId}.rightArrow`,
+  };
+};
+export const generateExpandableCalendarWithContext = ({
+  expandableCalendarProps,
+  calendarContextProps,
+}: {
+  expandableCalendarProps?: Partial<ExpandableCalendarProps>;
+  calendarContextProps?: Partial<CalendarContextProviderProps>;
+} = {}) => {
+  const defaultContextProps: CalendarContextProviderProps = {
+    date: toMarkingFormat(today),
+    showTodayButton: true,
+  };
+  const defaultExpandableCalendarProps: ExpandableCalendarProps = {
+    testID: testIdExpandableCalendar,
+  };
+
+  return (
+    <CalendarProvider {...defaultContextProps} {...calendarContextProps}>
+      <ExpandableCalendar {...defaultExpandableCalendarProps} {...expandableCalendarProps}/>
+    </CalendarProvider>
+  );
+};