random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-20 17:30:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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>
This commit is contained in:
Laurent Nguyen
2024-07-31 00:41:41 +02:00
committed by GitHub
parent 0a1d16de1b
commit bcd8b7229f
112 changed files with 22078 additions and 24487 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/Explorer/Tabs/ConflictsTab.html
View File

@@ -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 -->

33
src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTabV2.test.tsx.snap
View File

@@ -3,12 +3,12 @@
exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
<FluentProvider
style={
Object {
{
"height": "100%",
}
}
theme={
Object {
{
"borderRadiusCircular": "10000px",
"borderRadiusLarge": "6px",
"borderRadiusMedium": "4px",
@@ -20,6 +20,8 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorBrandBackground2": "#e3f7ef",
"colorBrandBackground2Hover": "#c0ecdd",
"colorBrandBackground2Pressed": "#78d3b9",
"colorBrandBackground3Static": "#0a5c50",
"colorBrandBackground4Static": "#033f38",
"colorBrandBackgroundHover": "#0c695a",
"colorBrandBackgroundInverted": "#ffffff",
"colorBrandBackgroundInvertedHover": "#e3f7ef",
@@ -86,6 +88,11 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorNeutralBackgroundInverted": "#292929",
"colorNeutralBackgroundInvertedDisabled": "rgba(255, 255, 255, 0.1)",
"colorNeutralBackgroundStatic": "#333333",
"colorNeutralCardBackground": "#fafafa",
"colorNeutralCardBackgroundDisabled": "#f0f0f0",
"colorNeutralCardBackgroundHover": "#ffffff",
"colorNeutralCardBackgroundPressed": "#f5f5f5",
"colorNeutralCardBackgroundSelected": "#ebebeb",
"colorNeutralForeground1": "#242424",
"colorNeutralForeground1Hover": "#242424",
"colorNeutralForeground1Pressed": "#242424",
@@ -307,6 +314,8 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
"colorStatusDangerBackground1": "#fdf3f4",
"colorStatusDangerBackground2": "#eeacb2",
"colorStatusDangerBackground3": "#c50f1f",
"colorStatusDangerBackground3Hover": "#b10e1c",
"colorStatusDangerBackground3Pressed": "#960b18",
"colorStatusDangerBorder1": "#eeacb2",
"colorStatusDangerBorder2": "#c50f1f",
"colorStatusDangerBorderActive": "#c50f1f",
@@ -443,7 +452,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
className="tab-pane active documentsTab"
role="tabpanel"
style={
Object {
{
"display": "flex",
}
}
@@ -466,7 +475,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
appearance="primary"
onClick={[Function]}
style={
Object {
{
"marginLeft": 8,
}
}
@@ -477,7 +486,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
</div>
<div
style={
Object {
{
"height": "100%",
"overflow": "hidden",
}
@@ -490,7 +499,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
>
<div
style={
Object {
{
"minWidth": 120,
"overflow": "hidden",
"position": "relative",
@@ -506,7 +515,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
onKeyDown={[Function]}
size="small"
style={
Object {
{
"backgroundColor": "white",
"color": undefined,
"float": "right",
@@ -519,7 +528,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
/>
<div
style={
Object {
{
"height": "100%",
"width": "calc(100% - 50px)",
}
@@ -527,13 +536,13 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
>
<DocumentsTableComponent
columnHeaders={
Object {
{
"idHeader": "id",
"partitionKeyHeaders": Array [],
"partitionKeyHeaders": [],
}
}
isSelectionDisabled={true}
items={Array []}
items={[]}
onItemClicked={[Function]}
onSelectedRowsChange={[Function]}
selectedRows={
@@ -546,7 +555,7 @@ exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
</div>
<div
style={
Object {
{
"minWidth": "20%",
"width": "100%",
}

476
src/Explorer/Tabs/DocumentsTabV2/__snapshots__/DocumentsTableComponent.test.tsx.snap
View File

File diff suppressed because it is too large Load Diff

24
src/Explorer/Tabs/QueryTablesTab.html
View File

@@ -9,7 +9,7 @@
<!-- Tables Query Tab Errors - Start-->
<div class="error-bar">
<div class="error-message" aria-label="Error Message" data-bind="visible: hasQueryError">
<span><img class="entity-error-Img" src="/error_red.svg" /></span>
<span><img class="entity-error-Img" src="../../../images/error_red.svg" /></span>
<span class="error-text" role="alert" data-bind="text: queryErrorMessage"></span>
</div>
</div>
@@ -45,7 +45,7 @@
type="button"
data-bind="enable: canGroupClauses, attr:{title: groupSelectedClauses}, click: groupClauses"
>
<img class="and-or-svg" src="/And-Or.svg" alt="Group selected clauses" />
<img class="and-or-svg" src="../../../images/And-Or.svg" alt="Group selected clauses" />
</button>
</th>
<th class="clause-table-cell header-background">
@@ -81,7 +81,7 @@
<img
class="addclauseProperty-Img"
style="margin-bottom: 5px"
src="/Add-property.svg"
src="../../../images/Add-property.svg"
alt="Add new Clause"
/>
<span style="margin-left: 5px" data-bind="text: addNewClauseLine"></span>
@@ -103,12 +103,16 @@
>
<!-- ko template: { ifnot: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronRight" data-bind="hasFocus: focusExpandIcon">
<img class="imgiconwidth expand-triangle expand-triangle-right" src="/Triangle-right.svg" alt="toggle" />
<img
class="imgiconwidth expand-triangle expand-triangle-right"
src="../../../images/Triangle-right.svg"
alt="toggle"
/>
</div>
<!-- /ko -->
<!-- ko template: { if: isExpanded} -->
<div class="themed-images" type="text/html" id="ExpandChevronDown">
<img class="imgiconwidth expand-triangle" src="/Triangle-down.svg" alt="toggle" />
<img class="imgiconwidth expand-triangle" src="../../../images/Triangle-down.svg" alt="toggle" />
</div>
<!-- /ko -->
<span>Advanced Options</span>
@@ -127,7 +131,7 @@
<div role="alert" aria-atomic="true" class="inline-div" data-bind="visible: isExceedingLimit">
<img
class="advanced-options-icon"
src="/QueryBuilder/StatusWarning_16x.png"
src="../../../images/QueryBuilder/StatusWarning_16x.png"
alt="Warning"
role="presentation"
/>
@@ -137,7 +141,7 @@
<div class="select">
<span> Select fields for query: </span>
<div data-bind="visible: isSelected">
<img class="advanced-options-icon" src="/QueryBuilder/QueryInformation_16x.png" />
<img class="advanced-options-icon" src="../../../images/QueryBuilder/QueryInformation_16x.png" />
<span class="select-options-text" data-bind="text: selectMessage" />
</div>
<a
@@ -179,14 +183,14 @@
data-bind="click: $parent.addClauseIndex.bind($data, $index()), event: { keydown: $parent.onAddClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.insertNewFilterLine}"
>
<span class="entity-Add-Cancel" role="button">
<img class="querybuilder-addpropertyImg" src="/Add-property.svg" alt="Add clause" />
<img class="querybuilder-addpropertyImg" src="../../../images/Add-property.svg" alt="Add clause" />
</span>
</button>
<button
data-bind="hasFocus: isDeleteButtonFocused, click: $parent.deleteClause.bind($data, $index()), event: { keydown: $parent.onDeleteClauseKeyDown.bind($data, $index()) }, attr:{title: $parent.removeThisFilterLine}"
>
<span class="entity-Add-Cancel" role="button">
<img class="querybuilder-cancelImg" src="/Entity_cancel.svg" alt="Delete clause" />
<img class="querybuilder-cancelImg" src="../../../images/Entity_cancel.svg" alt="Delete clause" />
</span>
</button>
</td>
@@ -271,7 +275,7 @@
>
<!-- ko template: {if: gi.canUngroup} -->
<button type="button" data-bind="click: ungroupClauses, attr: {title: ungroupClausesLabel}">
<img src="/QueryBuilder/UngroupClause_16x.png" alt="Ungroup clauses" />
<img src="../../../images/QueryBuilder/UngroupClause_16x.png" alt="Ungroup clauses" />
</button>
<!-- /ko -->
</td>