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>

src/Explorer/Tabs/ConflictsTab.html

@@ -21,7 +21,7 @@
                 <td class="refreshColHeader">
                   <img
                     class="refreshcol"
-                    src="/refresh-cosmos.svg"
+                    src="../../../images/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
                   />
@@ -53,7 +53,7 @@
                 >
                   <img
                     class="refreshcol"
-                    src="/refresh-cosmos.svg"
+                    src="../../../images/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
                   />
@@ -110,7 +110,7 @@
       <div class="splitter ui-resizable-handle ui-resizable-e colResizePointer" id="h_splitter2"></div>
     </div>
     <div class="documentWaterMark" data-bind="visible: shouldShowWatermark">
-      <p><img src="/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
+      <p><img src="../../../images/DocumentWaterMark.svg" alt="Document WaterMark" /></p>
       <p class="documentWaterMarkText">View and resolve conflicts</p>
     </div>
     <!-- Editor - Start -->