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>
2026-01-29 22:54:15 +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/QueryCopilot/Popup/snapshots/CopyPopup.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/Popup/snapshots/CopyPopup.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
 <Stack
  role="status"
  style={
-    Object {
+    {
      "background": "#FFFFFF",
      "boxShadow": "0 2px 6px rgba(0, 0, 0, 0.16)",
      "gap": 5,
@@ -22,7 +22,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
  <Stack
    horizontal={true}
    style={
-      Object {
+      {
        "display": "flex",
        "justifyContent": "space-between",
        "padding": "5px, 2px, 0px, 0px",
@@ -33,7 +33,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
    <Stack
      horizontal={true}
      style={
-        Object {
+        {
          "display": "flex",
          "gap": 10,
        }
@@ -41,9 +41,9 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
      verticalAlign="center"
    >
      <Image
-        src={Object {}}
+        src={{}}
        style={
-          Object {
+          {
            "height": 15,
            "width": 15,
          }
@@ -57,19 +57,19 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
    </Stack>
    <CustomizedIconButton
      iconProps={
-        Object {
+        {
          "iconName": "Cancel",
        }
      }
      onClick={[Function]}
      styles={
-        Object {
-          "root": Object {
+        {
+          "root": {
            "backgroundColor": "transparent",
            "border": "none",
            "padding": 0,
-            "selectors": Object {
-              "&:focus": Object {
+            "selectors": {
+              "&:focus": {
                "outline": "none",
              },
            },
@@ -80,7 +80,7 @@ exports[`Copy Popup snapshot test should render when showCopyPopup is true 1`] =
  </Stack>
  <Text
    style={
-      Object {
+      {
        "marginTop": -10,
      }
    }
--- a/src/Explorer/QueryCopilot/Popup/snapshots/DeletePopup.test.tsx.snap
+++ b/src/Explorer/QueryCopilot/Popup/snapshots/DeletePopup.test.tsx.snap
@@ -4,8 +4,8 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
 <Modal
  isOpen={false}
  styles={
-    Object {
-      "main": Object {
+    {
+      "main": {
        "minHeight": "122px",
        "minWidth": "880px",
      },
@@ -14,7 +14,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
 >
  <Stack
    style={
-      Object {
+      {
        "height": "auto",
        "padding": "16px 24px",
      }
@@ -22,7 +22,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
  >
    <Text
      style={
-        Object {
+        {
          "fontSize": "18px",
          "height": 24,
        }
@@ -34,7 +34,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
    </Text>
    <Text
      style={
-        Object {
+        {
          "marginBottom": 20,
          "marginTop": 10,
        }
@@ -46,7 +46,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
      horizontal={true}
      horizontalAlign="start"
      tokens={
-        Object {
+        {
          "childrenGap": 10,
        }
      }
@@ -54,7 +54,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
      <CustomizedPrimaryButton
        onClick={[Function]}
        style={
-          Object {
+          {
            "height": 24,
            "padding": "0px 20px",
          }
@@ -65,7 +65,7 @@ exports[`Delete Popup snapshot test should not render when showDeletePopup is fa
      <CustomizedDefaultButton
        onClick={[Function]}
        style={
-          Object {
+          {
            "height": 24,
            "padding": "0px 20px",
          }
@@ -82,8 +82,8 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
 <Modal
  isOpen={true}
  styles={
-    Object {
-      "main": Object {
+    {
+      "main": {
        "minHeight": "122px",
        "minWidth": "880px",
      },
@@ -92,7 +92,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
 >
  <Stack
    style={
-      Object {
+      {
        "height": "auto",
        "padding": "16px 24px",
      }
@@ -100,7 +100,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
  >
    <Text
      style={
-        Object {
+        {
          "fontSize": "18px",
          "height": 24,
        }
@@ -112,7 +112,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
    </Text>
    <Text
      style={
-        Object {
+        {
          "marginBottom": 20,
          "marginTop": 10,
        }
@@ -124,7 +124,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
      horizontal={true}
      horizontalAlign="start"
      tokens={
-        Object {
+        {
          "childrenGap": 10,
        }
      }
@@ -132,7 +132,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
      <CustomizedPrimaryButton
        onClick={[Function]}
        style={
-          Object {
+          {
            "height": 24,
            "padding": "0px 20px",
          }
@@ -143,7 +143,7 @@ exports[`Delete Popup snapshot test should render when showDeletePopup is true 1
      <CustomizedDefaultButton
        onClick={[Function]}
        style={
-          Object {
+          {
            "height": 24,
            "padding": "0px 20px",
          }