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

View File

@@ -30,12 +30,12 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabelledBy="pageOptions"
onChange={[Function]}
options={
Array [
Object {
[
{
"key": "custom",
"text": "Custom",
},
Object {
{
"key": "unlimited",
"text": "Unlimited",
},
@@ -43,24 +43,24 @@ exports[`Settings Pane should render Default properly 1`] = `
}
selectedKey="custom"
styles={
Object {
"flexContainer": Array [
Object {
"selectors": Object {
".ms-ChoiceField": Object {
{
"flexContainer": [
{
"selectors": {
".ms-ChoiceField": {
"marginTop": 0,
},
".ms-ChoiceField-wrapper label": Object {
".ms-ChoiceField-wrapper label": {
"fontSize": 12,
"paddingTop": 0,
},
".ms-ChoiceFieldGroup root-133": Object {
".ms-ChoiceFieldGroup root-133": {
"clear": "both",
},
},
},
],
"root": Object {
"root": {
"clear": "both",
},
}
@@ -120,17 +120,17 @@ exports[`Settings Pane should render Default properly 1`] = `
label="Enable RU threshold"
onChange={[Function]}
styles={
Object {
"container": Object {},
"label": Object {
{
"container": {},
"label": {
"display": "block",
"fontSize": 12,
"fontWeight": 400,
},
"pill": Object {},
"root": Object {},
"text": Object {},
"thumb": Object {},
"pill": {},
"root": {},
"text": {},
"thumb": {},
}
}
/>
@@ -146,19 +146,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onChange={[Function]}
step={1000}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
/>
@@ -188,17 +188,17 @@ exports[`Settings Pane should render Default properly 1`] = `
label="Enable query timeout"
onChange={[Function]}
styles={
Object {
"container": Object {},
"label": Object {
{
"container": {},
"label": {
"display": "block",
"fontSize": 12,
"fontWeight": 400,
},
"pill": Object {},
"root": Object {},
"text": Object {},
"thumb": Object {},
"pill": {},
"root": {},
"text": {},
"thumb": {},
}
}
/>
@@ -227,12 +227,12 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabelledBy="defaultQueryResultsView"
onChange={[Function]}
options={
Array [
Object {
[
{
"key": "vertical",
"text": "Vertical",
},
Object {
{
"key": "horizontal",
"text": "Horizontal",
},
@@ -240,24 +240,24 @@ exports[`Settings Pane should render Default properly 1`] = `
}
selectedKey="vertical"
styles={
Object {
"flexContainer": Array [
Object {
"selectors": Object {
".ms-ChoiceField": Object {
{
"flexContainer": [
{
"selectors": {
".ms-ChoiceField": {
"marginTop": 0,
},
".ms-ChoiceField-wrapper label": Object {
".ms-ChoiceField-wrapper label": {
"fontSize": 12,
"paddingTop": 0,
},
".ms-ChoiceFieldGroup root-133": Object {
".ms-ChoiceFieldGroup root-133": {
"clear": "both",
},
},
},
],
"root": Object {
"root": {
"clear": "both",
},
}
@@ -302,19 +302,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]}
step={1}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="9"
@@ -341,19 +341,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]}
step={1000}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="0"
@@ -380,19 +380,19 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]}
step={1}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="30"
@@ -419,8 +419,8 @@ exports[`Settings Pane should render Default properly 1`] = `
className="padding"
onChange={[Function]}
styles={
Object {
"label": Object {
{
"label": {
"padding": 0,
},
}
@@ -448,8 +448,8 @@ exports[`Settings Pane should render Default properly 1`] = `
className="padding"
onChange={[Function]}
styles={
Object {
"label": Object {
{
"label": {
"padding": 0,
},
}
@@ -549,19 +549,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]}
step={1}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="9"
@@ -588,19 +588,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]}
step={1000}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="0"
@@ -627,19 +627,19 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
onValidate={[Function]}
step={1}
styles={
Object {
"arrowButtonsContainer": Object {},
"icon": Object {},
"input": Object {},
"label": Object {
{
"arrowButtonsContainer": {},
"icon": {},
"input": {},
"label": {
"fontSize": 12,
"fontWeight": 400,
},
"labelWrapper": Object {},
"root": Object {
"labelWrapper": {},
"root": {
"paddingBottom": 10,
},
"spinButtonWrapper": Object {},
"spinButtonWrapper": {},
}
}
value="30"
@@ -666,8 +666,8 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
className="padding"
onChange={[Function]}
styles={
Object {
"label": Object {
{
"label": {
"padding": 0,
},
}
@@ -693,12 +693,12 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
aria-label="Graph Auto-visualization"
onChange={[Function]}
options={
Array [
Object {
[
{
"key": "false",
"text": "Graph",
},
Object {
{
"key": "true",
"text": "JSON",
},