chore: Update Jest to v29 (#9454)

_This is #7160 rebased on `main` with changes to snapshots reapplied_ --- Jest has been updated to v29, along with related dependencies. This change comes with a number of new features, such as the new `jest.replaceProperty()` function. The only breaking change affecting us is a change to the snapshot format. All snapshots have been updated. See here for the migration guide: https://jest-archive-august-2023.netlify.app/docs/upgrading-to-jest29/ See here for a full list of changes: https://github.com/jestjs/jest/blob/main/CHANGELOG.md#2900 ## **Description** ## **Related issues** #### Blocked by - [x] #9459 #### Blocking - #9452 #### Previously - #7160 - #6277 - #6876 - #8960 ## **Manual testing steps** ## **Screenshots/Recordings** ### **Before** ### **After** ## **Pre-merge author checklist** - [x] I’ve followed [MetaMask Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I’ve included tests if applicable - [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I’ve applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). Not required for external contributors. ## **Pre-merge reviewer checklist** - [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed). - [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots. --------- Co-authored-by: Mark Stacey <markjstacey@gmail.com>
MetaMask · May 1, 2024 · c042d2c · c042d2c
1 parent 6287287
commit c042d2c
Show file tree

Hide file tree

Showing 297 changed files with 19,417 additions and 19,414 deletions.
diff --git a/...ary/components-temp/Contracts/ContractBoxBase/__snapshots__/ContractBoxBase.test.tsx.snap b/...ary/components-temp/Contracts/ContractBoxBase/__snapshots__/ContractBoxBase.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Component ContractBoxBase should render correctly 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
       "flexDirection": "row",
       "justifyContent": "space-between",
@@ -13,22 +13,22 @@ exports[`Component ContractBoxBase should render correctly 1`] = `
 >
   <View
     style={
-      Object {
+      {
         "alignItems": "center",
         "flexDirection": "row",
       }
     }
   >
     <View
       style={
-        Object {
+        {
           "marginRight": 16,
         }
       }
     >
       <Avatar
         imageSource={
-          Object {
+          {
             "uri": "https://assets.coingecko.com/coins/images/279/small/ethereum.png?1595348880",
           }
         }
@@ -41,7 +41,7 @@ exports[`Component ContractBoxBase should render correctly 1`] = `
     >
       <Text
         style={
-          Object {
+          {
             "color": "#0376C9",
           }
         }
@@ -58,7 +58,7 @@ exports[`Component ContractBoxBase should render correctly 1`] = `
   </View>
   <View
     style={
-      Object {
+      {
         "alignItems": "center",
         "flexDirection": "row",
         "justifyContent": "space-between",

diff --git a/...ibrary/components-temp/CustomSpendCap/CustomInput/__snapshots__/CustomInput.test.tsx.snap b/...ibrary/components-temp/CustomSpendCap/CustomInput/__snapshots__/CustomInput.test.tsx.snap
@@ -3,8 +3,8 @@
 exports[`CustomInput should render correctly 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#FFFFFF",
         "borderRadius": 8,
         "flexDirection": "row",
@@ -18,7 +18,7 @@ exports[`CustomInput should render correctly 1`] = `
 >
   <View
     style={
-      Object {
+      {
         "alignItems": "center",
         "flex": 1,
         "flexDirection": "row",
@@ -31,8 +31,8 @@ exports[`CustomInput should render correctly 1`] = `
       onChangeText={[Function]}
       placeholder="Enter a number here"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#24272A",
             "flexGrow": 1,
             "fontFamily": "Euclid Circular B",
@@ -54,7 +54,7 @@ exports[`CustomInput should render correctly 1`] = `
   <Text
     onPress={[Function]}
     style={
-      Object {
+      {
         "color": "#535A61",
       }
     }

diff --git a/...mponent-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap b/...mponent-library/components-temp/CustomSpendCap/__snapshots__/CustomSpendCap.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`CustomSpendCap should match snapshot 1`] = `
 <View
   style={
-    Object {
+    {
       "backgroundColor": "#F2F4F6",
       "borderRadius": 8,
       "padding": 16,
@@ -13,15 +13,15 @@ exports[`CustomSpendCap should match snapshot 1`] = `
 >
   <View
     style={
-      Object {
+      {
         "flexDirection": "row",
         "justifyContent": "space-between",
       }
     }
   >
     <View
       style={
-        Object {
+        {
           "alignItems": "center",
           "flexDirection": "row",
         }
@@ -30,7 +30,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       <Text
         accessibilityRole="text"
         style={
-          Object {
+          {
             "color": "#24272A",
             "fontFamily": "Euclid Circular B",
             "fontSize": 14,
@@ -45,7 +45,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       </Text>
       <View
         accessibilityState={
-          Object {
+          {
             "busy": undefined,
             "checked": undefined,
             "disabled": undefined,
@@ -54,7 +54,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
           }
         }
         accessibilityValue={
-          Object {
+          {
             "max": undefined,
             "min": undefined,
             "now": undefined,
@@ -79,7 +79,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
           height={16}
           name="Danger"
           style={
-            Object {
+            {
               "height": 16,
               "width": 16,
             }
@@ -95,7 +95,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       onPressIn={[Function]}
       onPressOut={[Function]}
       style={
-        Object {
+        {
           "backgroundColor": "transparent",
           "color": "#24272A",
         }
@@ -106,7 +106,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
       <Text
         accessibilityRole="text"
         style={
-          Object {
+          {
             "color": "#0376C9",
             "fontFamily": "Euclid Circular B",
             "fontSize": 14,
@@ -122,15 +122,15 @@ exports[`CustomSpendCap should match snapshot 1`] = `
   </View>
   <View
     style={
-      Object {
+      {
         "marginTop": 8,
       }
     }
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "backgroundColor": "#FFFFFF",
             "borderRadius": 8,
             "flexDirection": "row",
@@ -144,7 +144,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
     >
       <View
         style={
-          Object {
+          {
             "alignItems": "center",
             "flex": 1,
             "flexDirection": "row",
@@ -157,8 +157,8 @@ exports[`CustomSpendCap should match snapshot 1`] = `
           onChangeText={[Function]}
           placeholder="Enter a number here"
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#24272A",
                 "flexGrow": 1,
                 "fontFamily": "Euclid Circular B",
@@ -170,7 +170,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
                 "paddingBottom": 0,
                 "paddingTop": 0,
               },
-              Object {
+              {
                 "color": "#D73847",
               },
             ]
@@ -183,7 +183,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
         accessibilityRole="text"
         onPress={[Function]}
         style={
-          Object {
+          {
             "color": "#535A61",
             "fontFamily": "Euclid Circular B",
             "fontSize": 12,
@@ -200,15 +200,15 @@ exports[`CustomSpendCap should match snapshot 1`] = `
   </View>
   <View
     style={
-      Object {
+      {
         "marginTop": 16,
       }
     }
   >
     <Text
       accessibilityRole="text"
       style={
-        Object {
+        {
           "color": "#535A61",
           "fontFamily": "Euclid Circular B",
           "fontSize": 14,
@@ -227,7 +227,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
         onPressIn={[Function]}
         onPressOut={[Function]}
         style={
-          Object {
+          {
             "backgroundColor": "transparent",
             "color": "#24272A",
           }
@@ -237,7 +237,7 @@ exports[`CustomSpendCap should match snapshot 1`] = `
         <Text
           accessibilityRole="text"
           style={
-            Object {
+            {
               "color": "#0376C9",
               "fontFamily": "Euclid Circular B",
               "fontSize": 14,

diff --git a/app/component-library/components-temp/TagColored/__snapshots__/TagColored.test.tsx.snap b/app/component-library/components-temp/TagColored/__snapshots__/TagColored.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`TagColored should render TagColored 1`] = `
 <View
   style={
-    Object {
+    {
       "alignItems": "center",
       "alignSelf": "flex-start",
       "backgroundColor": "#F2F4F6",
@@ -18,7 +18,7 @@ exports[`TagColored should render TagColored 1`] = `
   <Text
     accessibilityRole="text"
     style={
-      Object {
+      {
         "color": "#535A61",
         "fontFamily": "Euclid Circular B",
         "fontSize": 10,

diff --git a/app/component-library/components/Accordions/Accordion/__snapshots__/Accordion.test.tsx.snap b/app/component-library/components/Accordions/Accordion/__snapshots__/Accordion.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`Accordion - Snapshot should render a proper expanded state 1`] = `
   <AccordionHeader
     isExpanded={true}
     onPress={[Function]}
-    style={Object {}}
+    style={{}}
     testID="accordion"
     title="Sample Accordion Header Title"
   />
@@ -22,7 +22,7 @@ exports[`Accordion - Snapshot should render default settings correctly 1`] = `
   <AccordionHeader
     isExpanded={false}
     onPress={[Function]}
-    style={Object {}}
+    style={{}}
     testID="accordion"
     title="Sample Accordion Header Title"
   />

diff --git a/...cordions/Accordion/foundation/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap b/...cordions/Accordion/foundation/AccordionHeader/__snapshots__/AccordionHeader.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`AccordionHeader - Snapshot should render a rotated down Arrow if isExpa
   activeOpacity={0.5}
   onPress={[Function]}
   style={
-    Object {
+    {
       "alignItems": "center",
       "flexDirection": "row",
       "height": 24,
@@ -16,7 +16,7 @@ exports[`AccordionHeader - Snapshot should render a rotated down Arrow if isExpa
 >
   <Text
     style={
-      Object {
+      {
         "color": "#0376C9",
       }
     }
@@ -27,13 +27,13 @@ exports[`AccordionHeader - Snapshot should render a rotated down Arrow if isExpa
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "marginLeft": 4,
         },
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "rotate": "180deg",
             },
           ],
@@ -57,7 +57,7 @@ exports[`AccordionHeader - Snapshot should render default settings correctly 1`]
   activeOpacity={0.5}
   onPress={[Function]}
   style={
-    Object {
+    {
       "alignItems": "center",
       "flexDirection": "row",
       "height": 24,
@@ -68,7 +68,7 @@ exports[`AccordionHeader - Snapshot should render default settings correctly 1`]
 >
   <Text
     style={
-      Object {
+      {
         "color": "#0376C9",
       }
     }
@@ -79,13 +79,13 @@ exports[`AccordionHeader - Snapshot should render default settings correctly 1`]
   </Text>
   <View
     style={
-      Array [
-        Object {
+      [
+        {
           "marginLeft": 4,
         },
-        Object {
-          "transform": Array [
-            Object {
+        {
+          "transform": [
+            {
               "rotate": "0deg",
             },
           ],

diff --git a/...ry/components/Avatars/Avatar/foundation/AvatarBase/__snapshots__/AvatarBase.test.tsx.snap b/...ry/components/Avatars/Avatar/foundation/AvatarBase/__snapshots__/AvatarBase.test.tsx.snap