fix(react-widgets): snapshot test fix

webex · Oct 23, 2024 · 52101ee · 52101ee
1 parent a08e644
commit 52101ee
Show file tree

Hide file tree

Showing 15 changed files with 1,289 additions and 2,597 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -109,9 +109,9 @@
     "prop-types": "^15.5.10",
     "pvutils": "^1.0.17",
     "querystring-es3": "^0.2.1",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
     "react-cookie": "^2.0.7",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.3.1",
     "react-draggable": "^3.0.3",
     "react-dropzone": "^4.1.3",
     "react-hook-form": "^7.35.0",
@@ -224,7 +224,7 @@
     "postcss-preset-env": "^6.4.0",
     "postcss-reporter": "^5.0.0",
     "querystring-es3": "^0.2.1",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "^18.3.1",
     "react-transform-hmr": "^1.0.4",
     "redux-mock-store": "^1.2.1",
     "rimraf": "^2.5.4",

diff --git a/packages/@webex/react-component-activity-menu-header/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-activity-menu-header/src/__snapshots__/index.test.js.snap
@@ -69,7 +69,7 @@ exports[`ActivityMenuHeader component renders properly with three activities 1`]
   <div
     className="webex-widget-menu menuButton"
   >
-    <ForwardRef(ContextTransform(Button))
+    <ForwardRef(render)
       ariaLabel="Main Menu"
       circle={true}
       onClick={[MockFunction]}
@@ -92,7 +92,7 @@ exports[`ActivityMenuHeader component renders properly with three activities 1`]
         title=""
         type=""
       />
-    </ForwardRef(ContextTransform(Button))>
+    </ForwardRef(render)>
   </div>
 </div>
 `;

diff --git a/packages/@webex/react-component-activity-menu/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-activity-menu/src/__snapshots__/index.test.js.snap
@@ -7,7 +7,7 @@ exports[`ActivityMenu component renders properly 1`] = `
   <div
     className="webex-activity-menu-exit menuExit"
   >
-    <ForwardRef(ContextTransform(Button))
+    <ForwardRef(render)
       ariaLabel="Exit"
       circle={true}
       onClick={[Function]}
@@ -29,7 +29,7 @@ exports[`ActivityMenu component renders properly 1`] = `
         title=""
         type=""
       />
-    </ForwardRef(ContextTransform(Button))>
+    </ForwardRef(render)>
   </div>
   <div
     className="webex-main-menu mainMenu"

diff --git a/packages/@webex/react-component-activity-post-action/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-activity-post-action/src/__snapshots__/index.test.js.snap
@@ -41,9 +41,7 @@ exports[`ActivityItemPostActions component renders properly 1`] = `
           </svg>
         </div>
       </div>
-      
     </button>
-    
   </div>
 </div>
 `;
diff --git a/packages/@webex/react-component-activity-share-file/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-activity-share-file/src/__snapshots__/index.test.js.snap
@@ -56,7 +56,7 @@ exports[`ActivityShareFile component renders properly 1`] = `
     <div
       className="webex-share-action-item shareActionItem"
     >
-      <ForwardRef(ContextTransform(Button))
+      <ForwardRef(render)
         ariaLabel="Download testImage.js"
         circle={true}
         onClick={[Function]}
@@ -84,7 +84,7 @@ exports[`ActivityShareFile component renders properly 1`] = `
           title=""
           type=""
         />
-      </ForwardRef(ContextTransform(Button))>
+      </ForwardRef(render)>
     </div>
   </div>
 </div>

diff --git a/...ages/@webex/react-component-activity-share-thumbnail/src/__snapshots__/index.test.js.snap b/...ages/@webex/react-component-activity-share-thumbnail/src/__snapshots__/index.test.js.snap
@@ -10,7 +10,7 @@ exports[`ActivityShareThumbnail post component renders loaded thumbnail properly
     <ContentItem
       actionNode={
         <div>
-          <ForwardRef(ContextTransform(Button))
+          <ForwardRef(render)
             ariaLabel="Download testImage.js"
             circle={true}
             onClick={[Function]}
@@ -38,7 +38,7 @@ exports[`ActivityShareThumbnail post component renders loaded thumbnail properly
               title=""
               type=""
             />
-          </ForwardRef(ContextTransform(Button))>
+          </ForwardRef(render)>
         </div>
       }
       aspect={null}
@@ -72,7 +72,7 @@ exports[`ActivityShareThumbnail post component renders loading state properly 1`
     <ContentItem
       actionNode={
         <div>
-          <ForwardRef(ContextTransform(Button))
+          <ForwardRef(render)
             ariaLabel="Download testImage.js"
             circle={true}
             onClick={[Function]}
@@ -100,7 +100,7 @@ exports[`ActivityShareThumbnail post component renders loading state properly 1`
               title=""
               type=""
             />
-          </ForwardRef(ContextTransform(Button))>
+          </ForwardRef(render)>
         </div>
       }
       aspect={null}
@@ -164,7 +164,7 @@ exports[`ActivityShareThumbnail post component renders thumbnail properly 1`] =
     <ContentItem
       actionNode={
         <div>
-          <ForwardRef(ContextTransform(Button))
+          <ForwardRef(render)
             ariaLabel="Download testImage.js"
             circle={true}
             onClick={[Function]}
@@ -192,7 +192,7 @@ exports[`ActivityShareThumbnail post component renders thumbnail properly 1`] =
               title=""
               type=""
             />
-          </ForwardRef(ContextTransform(Button))>
+          </ForwardRef(render)>
         </div>
       }
       aspect={null}

diff --git a/packages/@webex/react-component-button/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-button/src/__snapshots__/index.test.js.snap
@@ -9,13 +9,10 @@ exports[`Button component renders properly with children 1`] = `
     className="webex-button button"
     onKeyPress={[Function]}
   >
-    
-    
     <div>
       Children
     </div>
   </button>
-  
 </div>
 `;
 
@@ -57,9 +54,7 @@ exports[`Button component renders properly with icon type 1`] = `
         </svg>
       </div>
     </div>
-    
   </button>
-  
 </div>
 `;
 
@@ -101,9 +96,7 @@ exports[`Button component renders properly with icon type and color 1`] = `
         </svg>
       </div>
     </div>
-    
   </button>
-  
 </div>
 `;
 
@@ -116,7 +109,6 @@ exports[`Button component renders properly with label 1`] = `
     className="webex-button button"
     onKeyPress={[Function]}
   >
-    
     button label
   </button>
 </div>
@@ -130,9 +122,7 @@ exports[`Button component renders properly with label and position 1`] = `
     aria-label="button label"
     className="webex-button button"
     onKeyPress={[Function]}
-  >
-    
-  </button>
+  />
   <div
     className="webex-label label labelBottom"
   >

diff --git a/packages/@webex/react-component-confirmation-modal/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-confirmation-modal/src/__snapshots__/index.test.js.snap
@@ -13,28 +13,20 @@ exports[`ConfirmationModal component renders properly 1`] = `
     >
       <div
         className="webex-dialogue-modal-title-text dialogueModalTitleText"
-      >
-        
-      </div>
+      />
       <div
         className="webex-dialogue-modal-body-subtext dialogueModalBodySubtext"
-      >
-        
-      </div>
+      />
       <button
         className="dialogue-modal-btn dialogue-modal-action-btn dialogueModalBtn dialogueModalActionBtn"
         onClick={[MockFunction]}
         title=""
-      >
-        
-      </button>
+      />
       <button
         className="dialogue-modal-btn dialogue-modal-exit-btn dialogueModalBtn dialogueModalExitBtn"
         onClick={[MockFunction]}
         title=""
-      >
-        
-      </button>
+      />
     </div>
   </div>
   <div

diff --git a/packages/@webex/react-component-error-display/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-error-display/src/__snapshots__/index.test.js.snap
@@ -12,8 +12,6 @@ exports[`ErrorDisplay component renders properly with just title 1`] = `
     >
       title
     </div>
-    
-    
   </div>
 </div>
 `;
@@ -30,7 +28,6 @@ exports[`ErrorDisplay component renders properly with title and action 1`] = `
     >
       title
     </div>
-    
     <button
       className="webex-link-button linkButton"
       onClick={[Function]}
@@ -59,7 +56,6 @@ exports[`ErrorDisplay component renders properly with title and secondary 1`] =
     >
       secondary title
     </div>
-    
   </div>
 </div>
 `;
@@ -76,8 +72,6 @@ exports[`ErrorDisplay component renders properly with transparency 1`] = `
     >
       title
     </div>
-    
-    
   </div>
 </div>
 `;
diff --git a/packages/@webex/react-component-people-list/src/__snapshots__/list-item.test.js.snap b/packages/@webex/react-component-people-list/src/__snapshots__/list-item.test.js.snap
@@ -5,7 +5,7 @@ exports[`PeopleListItem component renders a local participant properly 1`] = `
   className="webex-people-list-item item"
   title="Dr Dre"
 >
-  <ForwardRef(ContextTransform(ListItem))
+  <ForwardRef(render)
     onClick={[Function]}
     title="Dr Dre"
     type="small"
@@ -38,7 +38,7 @@ exports[`PeopleListItem component renders a local participant properly 1`] = `
       className=""
       position="right"
     />
-  </ForwardRef(ContextTransform(ListItem))>
+  </ForwardRef(render)>
 </div>
 `;
 
@@ -47,7 +47,7 @@ exports[`PeopleListItem component renders a local participant with email properl
   className="webex-people-list-item item"
   title="Dr Dre ([email protected])"
 >
-  <ForwardRef(ContextTransform(ListItem))
+  <ForwardRef(render)
     onClick={[Function]}
     title="Dr Dre"
     type="small"
@@ -80,7 +80,7 @@ exports[`PeopleListItem component renders a local participant with email properl
       className=""
       position="right"
     />
-  </ForwardRef(ContextTransform(ListItem))>
+  </ForwardRef(render)>
 </div>
 `;
 
@@ -89,7 +89,7 @@ exports[`PeopleListItem component renders an editable participant properly 1`] =
   className="webex-people-list-item item"
   title="Jimmy Iovine"
 >
-  <ForwardRef(ContextTransform(ListItem))
+  <ForwardRef(render)
     onClick={[Function]}
     title="Jimmy Iovine"
     type="small"
@@ -134,13 +134,13 @@ exports[`PeopleListItem component renders an editable participant properly 1`] =
             <span
               className="webex-people-list-item-popover popover"
             >
-              <ForwardRef(ContextTransform(Button))
+              <ForwardRef(render)
                 ariaLabel="Remove from space"
                 onClick={[Function]}
                 removeStyle={true}
               >
                 Remove from space
-              </ForwardRef(ContextTransform(Button))>
+              </ForwardRef(render)>
             </span>
           }
           delay={0}
@@ -157,7 +157,7 @@ exports[`PeopleListItem component renders an editable participant properly 1`] =
           showDelay={0}
           startOpen={false}
         >
-          <ForwardRef(ContextTransform(Button))
+          <ForwardRef(render)
             ariaLabel="More Details"
             circle={true}
           >
@@ -178,11 +178,11 @@ exports[`PeopleListItem component renders an editable participant properly 1`] =
               title=""
               type=""
             />
-          </ForwardRef(ContextTransform(Button))>
+          </ForwardRef(render)>
         </Popover>
       </div>
     </ListItemSection>
-  </ForwardRef(ContextTransform(ListItem))>
+  </ForwardRef(render)>
 </div>
 `;
 
@@ -191,7 +191,7 @@ exports[`PeopleListItem component renders an external participant properly 1`] =
   className="webex-people-list-item item external webex-people-list-item-external"
   title="Jimmy Iovine"
 >
-  <ForwardRef(ContextTransform(ListItem))
+  <ForwardRef(render)
     onClick={[Function]}
     title="Jimmy Iovine"
     type="small"
@@ -224,6 +224,6 @@ exports[`PeopleListItem component renders an external participant properly 1`] =
       className=""
       position="right"
     />
-  </ForwardRef(ContextTransform(ListItem))>
+  </ForwardRef(render)>
 </div>
 `;
diff --git a/packages/@webex/react-component-scroll-to-bottom-button/src/__snapshots__/index.test.js.snap b/packages/@webex/react-component-scroll-to-bottom-button/src/__snapshots__/index.test.js.snap
@@ -13,8 +13,6 @@ exports[`ScrollToBottomButton component basic renders properly 1`] = `
       onClick={[MockFunction]}
       onKeyPress={[Function]}
     >
-      
-      
       <div
         className="webex-scroll-to-bottom-icon icon"
       >
@@ -46,7 +44,6 @@ exports[`ScrollToBottomButton component basic renders properly 1`] = `
         </div>
       </div>
     </button>
-    
   </div>
 </div>
 `;
@@ -64,8 +61,6 @@ exports[`ScrollToBottomButton component with text renders properly 1`] = `
       onClick={[MockFunction]}
       onKeyPress={[Function]}
     >
-      
-      
       <div
         className="webex-scroll-to-bottom-icon icon"
       >
@@ -102,7 +97,6 @@ exports[`ScrollToBottomButton component with text renders properly 1`] = `
         Test Label
       </span>
     </button>
-    
   </div>
 </div>
 `;