test(intro-screen-native): fix test

Author: UrazAkgultan

package.json

@@ -71,16 +71,19 @@
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
     "image-js": "^0.35.6",
+    "jest": "^30.0.4",
     "lint-staged": "^10.5.4",
     "mendix-client": "^7.15.8",
     "patch-package": "^8.0.0",
     "pixelmatch": "^5.3.0",
     "pngjs": "^6.0.0",
     "prettier": "^2.8.8",
+    "pretty-format": "^30.0.2",
     "pretty-quick": "^3.3.1",
     "react-dom": "18.3.1",
     "recursive-copy": "^2.0.14",
     "rollup": "^2.79.2",
+    "ts-jest": "^29.4.0",
     "ts-node": "^10.9.2"
   },
   "commitlint": {

packages/pluggableWidgets/intro-screen-native/src/__tests__/__snapshots__/IntroScreen.notch.spec.tsx.snap

@@ -37,7 +37,9 @@ exports[`Intro Screen renders 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -64,7 +66,6 @@ exports[`Intro Screen renders 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -225,7 +226,9 @@ exports[`Intro Screen renders with 1 bottom button 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -252,7 +255,6 @@ exports[`Intro Screen renders with 1 bottom button 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -427,7 +429,9 @@ exports[`Intro Screen renders with 2 bottom button 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -454,7 +458,6 @@ exports[`Intro Screen renders with 2 bottom button 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -629,7 +632,9 @@ exports[`Intro Screen renders with active slide attribute 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -656,7 +661,6 @@ exports[`Intro Screen renders with active slide attribute 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {

packages/pluggableWidgets/intro-screen-native/src/__tests__/__snapshots__/IntroScreen.spec.tsx.snap

@@ -37,7 +37,9 @@ exports[`Intro Screen renders 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -64,7 +66,6 @@ exports[`Intro Screen renders 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -225,7 +226,9 @@ exports[`Intro Screen renders with 1 bottom button 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -252,7 +255,6 @@ exports[`Intro Screen renders with 1 bottom button 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -427,7 +429,9 @@ exports[`Intro Screen renders with 2 bottom button 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -454,7 +458,6 @@ exports[`Intro Screen renders with 2 bottom button 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {
@@ -629,7 +632,9 @@ exports[`Intro Screen renders with active slide attribute 1`] = `
         extraData={0}
         getItem={[Function]}
         getItemCount={[Function]}
+        getItemLayout={[Function]}
         horizontal={true}
+        initialScrollIndex={0}
         keyExtractor={[Function]}
         onContentSizeChange={[Function]}
         onLayout={[Function]}
@@ -656,7 +661,6 @@ exports[`Intro Screen renders with active slide attribute 1`] = `
         <View>
           <View
             onFocusCapture={[Function]}
-            onLayout={[Function]}
             style={
               [
                 {