Upgrade typescript to 4.9.5 and jest to 29.7.0 (and related packages) (#1884)

* Upgrade typescript to 4.9.5 * Fix compile issue and put back files in tsconfig.strict.json * Update test snapshots * Fix jest tests by upgrading jest and other related packages. * Attempt to fix playwright test * Revert "Attempt to fix playwright test" This reverts commit 8293f34c9c. * 2nd attempt to fix example test * fix waitFor in playwright * Remove unused describe section * Attempt to fix e2e test * Revert "Attempt to fix e2e test" This reverts commit 9745bcd2ef. * Upgrade playwright to latest * Revert "Upgrade playwright to latest" This reverts commit e2ea1d0189. * Error test on e2e * Revert "Error test on e2e" This reverts commit 124e3764f7. * Try to select dropdown item by xpath selector * Revert "Try to select dropdown item by xpath selector" This reverts commit 8eb42a64e2. * Attempt to wait until page is fully loaded * Revert "Attempt to wait until page is fully loaded" This reverts commit bb43fcea6e. * Use playwright selectOption to select dropdown option * Revert "Use playwright selectOption to select dropdown option" This reverts commit daa8cd0930. * Select dropdown option with playwright api instead of manual click * c7ab4c7ecf7b05f32a85568bce1a667ad8c62703Revert "Select dropdown option with playwright api instead of manual click" This reverts commit c7ab4c7ecf. * Wait for 5s after dropdown click * Revert "Wait for 5s after dropdown click" This reverts commit 847e9ad33f. * Try forcing click * Revert "Try forcing click" This reverts commit 29b9fa1bda. * Force click on the dropdown and set viewport size bigger. * Force click on the dropdown and set viewport size bigger. * try force clicking option * Skip container test on webkit * Add branded browsers to e2e tests --------- Co-authored-by: Ashley Stanton-Nurse <ashleyst@microsoft.com>
2025-12-27 12:51:41 +00:00 · 2024-07-31 00:41:41 +02:00
parent 0a1d16de1b
commit bcd8b7229f
112 changed files with 22078 additions and 24487 deletions
--- a/src/Explorer/Controls/TreeComponent/snapshots/LegacyTreeComponent.test.tsx.snap
+++ b/src/Explorer/Controls/TreeComponent/snapshots/LegacyTreeComponent.test.tsx.snap
@@ -8,20 +8,20 @@ exports[`LegacyTreeComponent renders a simple tree 1`] = `
  <LegacyTreeNodeComponent
    generation={0}
    node={
-      Object {
-        "children": Array [
-          Object {
-            "children": Array [
-              Object {
+      {
+        "children": [
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
            "label": "Bchild1",
          },
-          Object {
+          {
            "label": "2child2",
          },
        ],
@@ -45,7 +45,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
    className="treeNodeHeader "
    data-test="Tree/TreeNode/Header:label"
    style={
-      Object {
+      {
        "paddingLeft": 9,
      }
    }
@@ -56,7 +56,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
      className="expandCollapseIcon"
      onKeyPress={[Function]}
      role="button"
-      src={Object {}}
+      src={{}}
      tabIndex={0}
    />
    <span
@@ -78,7 +78,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
-      Object {
+      {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
@@ -96,7 +96,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
    duration={200}
    easing="ease"
    height={0}
-    style={Object {}}
+    style={{}}
  >
    <div
      className="nodeChildren"
@@ -107,12 +107,12 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
        generation={3}
        key="Bchild1-3-undefined"
        node={
-          Object {
-            "children": Array [
-              Object {
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
@@ -125,7 +125,7 @@ exports[`LegacyTreeNodeComponent does not render children by default 1`] = `
        generation={3}
        key="2child2-3-undefined"
        node={
-          Object {
+          {
            "label": "2child2",
          }
        }
@@ -149,7 +149,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
    className="treeNodeHeader "
    data-test="Tree/TreeNode/Header:label"
    style={
-      Object {
+      {
        "paddingLeft": 23,
      }
    }
@@ -160,7 +160,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
      className="expandCollapseIcon"
      onKeyPress={[Function]}
      role="button"
-      src={Object {}}
+      src={{}}
      tabIndex={0}
    />
    <span
@@ -177,10 +177,10 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
        ariaLabel="More options"
        className="treeMenuEllipsis"
        menuIconProps={
-          Object {
+          {
            "iconName": "More",
-            "styles": Object {
-              "root": Object {
+            "styles": {
+              "root": {
                "fontSize": "18px",
                "fontWeight": "bold",
              },
@@ -188,13 +188,13 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
          }
        }
        menuProps={
-          Object {
+          {
            "contextualMenuItemAs": [Function],
            "coverTarget": true,
            "directionalHint": 3,
            "isBeakVisible": false,
-            "items": Array [
-              Object {
+            "items": [
+              {
                "className": undefined,
                "disabled": true,
                "key": "menuLabel",
@@ -209,8 +209,8 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
        }
        name="More"
        styles={
-          Object {
-            "rootFocused": Object {
+          {
+            "rootFocused": {
              "outline": "1px dashed undefined",
            },
          }
@@ -231,7 +231,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
-      Object {
+      {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
@@ -249,7 +249,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
    duration={200}
    easing="ease"
    height="auto"
-    style={Object {}}
+    style={{}}
  >
    <div
      className="nodeChildren"
@@ -260,7 +260,7 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
        generation={13}
        key="2child2-13-undefined"
        node={
-          Object {
+          {
            "label": "2child2",
          }
        }
@@ -270,12 +270,12 @@ exports[`LegacyTreeNodeComponent renders a simple node (sorted children, expande
        generation={13}
        key="Bchild1-13-undefined"
        node={
-          Object {
-            "children": Array [
-              Object {
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
@@ -301,7 +301,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
    className="treeNodeHeader "
    data-test="Tree/TreeNode/Header:label"
    style={
-      Object {
+      {
        "paddingLeft": 9,
      }
    }
@@ -312,7 +312,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
      className="expandCollapseIcon"
      onKeyPress={[Function]}
      role="button"
-      src={Object {}}
+      src={{}}
      tabIndex={0}
    />
    <span
@@ -334,7 +334,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
-      Object {
+      {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
@@ -352,7 +352,7 @@ exports[`LegacyTreeNodeComponent renders loading icon 1`] = `
    duration={200}
    easing="ease"
    height="auto"
-    style={Object {}}
+    style={{}}
  >
    <div
      className="nodeChildren"
@@ -376,7 +376,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
    className="treeNodeHeader "
    data-test="Tree/TreeNode/Header:label"
    style={
-      Object {
+      {
        "paddingLeft": 23,
      }
    }
@@ -387,7 +387,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
      className="expandCollapseIcon"
      onKeyPress={[Function]}
      role="button"
-      src={Object {}}
+      src={{}}
      tabIndex={0}
    />
    <span
@@ -404,10 +404,10 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
        ariaLabel="More options"
        className="treeMenuEllipsis"
        menuIconProps={
-          Object {
+          {
            "iconName": "More",
-            "styles": Object {
-              "root": Object {
+            "styles": {
+              "root": {
                "fontSize": "18px",
                "fontWeight": "bold",
              },
@@ -415,20 +415,20 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
          }
        }
        menuProps={
-          Object {
+          {
            "contextualMenuItemAs": [Function],
            "coverTarget": true,
            "directionalHint": 3,
            "isBeakVisible": false,
-            "items": Array [],
+            "items": [],
            "onMenuDismissed": [Function],
            "onMenuOpened": [Function],
          }
        }
        name="More"
        styles={
-          Object {
-            "rootFocused": Object {
+          {
+            "rootFocused": {
              "outline": "1px dashed undefined",
            },
          }
@@ -449,7 +449,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
-      Object {
+      {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
@@ -467,7 +467,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
    duration={200}
    easing="ease"
    height="auto"
-    style={Object {}}
+    style={{}}
  >
    <div
      className="nodeChildren"
@@ -478,12 +478,12 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
        generation={13}
        key="bchild-13-undefined"
        node={
-          Object {
-            "children": Array [
-              Object {
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
@@ -496,12 +496,12 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
        generation={13}
        key="dchild-13-undefined"
        node={
-          Object {
-            "children": Array [
-              Object {
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
@@ -514,7 +514,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
        generation={13}
        key="aChild-13-undefined"
        node={
-          Object {
+          {
            "label": "aChild",
          }
        }
@@ -524,7 +524,7 @@ exports[`LegacyTreeNodeComponent renders sorted children, expanded, leaves and p
        generation={13}
        key="cchild-13-undefined"
        node={
-          Object {
+          {
            "label": "cchild",
          }
        }
@@ -547,7 +547,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
    className="treeNodeHeader "
    data-test="Tree/TreeNode/Header:label"
    style={
-      Object {
+      {
        "paddingLeft": 9,
      }
    }
@@ -558,7 +558,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
      className="expandCollapseIcon"
      onKeyPress={[Function]}
      role="button"
-      src={Object {}}
+      src={{}}
      tabIndex={0}
    />
    <span
@@ -580,7 +580,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
  <AnimateHeight
    animateOpacity={false}
    animationStateClasses={
-      Object {
+      {
        "animating": "rah-animating",
        "animatingDown": "rah-animating--down",
        "animatingToHeightAuto": "rah-animating--to-height-auto",
@@ -598,7 +598,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
    duration={200}
    easing="ease"
    height="auto"
-    style={Object {}}
+    style={{}}
  >
    <div
      className="nodeChildren"
@@ -609,12 +609,12 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
        generation={3}
        key="Bchild1-3-undefined"
        node={
-          Object {
-            "children": Array [
-              Object {
+          {
+            "children": [
+              {
                "label": "ZgrandChild11",
              },
-              Object {
+              {
                "label": "AgrandChild12",
              },
            ],
@@ -627,7 +627,7 @@ exports[`LegacyTreeNodeComponent renders unsorted children by default 1`] = `
        generation={3}
        key="2child2-3-undefined"
        node={
-          Object {
+          {
            "label": "2child2",
          }
        }
--- a/src/Explorer/Controls/TreeComponent/snapshots/TreeNodeComponent.test.tsx.snap
+++ b/src/Explorer/Controls/TreeComponent/snapshots/TreeNodeComponent.test.tsx.snap