Fix tests: update snapshots and revert xterm imports for compatibility

This commit is contained in:
Sakshi Gupta 2025-09-30 16:55:23 +05:30
parent ad1347810a
commit 80d42d5091
20 changed files with 2194 additions and 507 deletions

View File

@ -20,7 +20,15 @@ exports[`CollapsibleSectionComponent renders 1`] = `
<Icon <Icon
iconName="ChevronDown" iconName="ChevronDown"
/> />
<StyledLabelBase> <StyledLabelBase
styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
>
Sample title Sample title
</StyledLabelBase> </StyledLabelBase>
</Stack> </Stack>

View File

@ -8,7 +8,7 @@ exports[`IndexingPolicyRefreshComponent renders 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }

View File

@ -50,7 +50,7 @@ exports[`AddMongoIndexComponent renders 1`] = `
styles={ styles={
{ {
"dropdown": { "dropdown": {
"paddingleft": 10, "paddingLeft": 10,
"width": 202, "width": 202,
}, },
} }

View File

@ -16,17 +16,31 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
} }
} }
role="alert" role="alert"
> styles={
<Text {
styles={ "root": {
{ "marginTop": "5px",
"root": { "selectors": {
"color": "windowtext", "&.ms-MessageBar--severeWarning": {
"fontSize": 14, "backgroundColor": "var(--colorStatusDangerBackground1)",
"border": "1px solid var(--colorStatusDangerBorder1)",
},
"&.ms-MessageBar--warning": {
"backgroundColor": "var(--colorStatusWarningBackground1)",
"border": "1px solid var(--colorStatusWarningBorder1)",
},
".ms-MessageBar-icon": {
"color": "var(--colorNeutralForeground1)",
},
".ms-MessageBar-text": {
"color": "var(--colorNeutralForeground1)",
},
}, },
} },
} }
> }
>
<Text>
Your bill will be affected as you update your throughput settings. Please review the updated cost estimate below before saving your changes Your bill will be affected as you update your throughput settings. Please review the updated cost estimate below before saving your changes
</Text> </Text>
</StyledMessageBar> </StyledMessageBar>
@ -41,7 +55,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -62,11 +76,23 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
styles={ styles={
{ {
"root": { "root": {
"backgroundColor": "white",
"marginTop": "5px", "marginTop": "5px",
}, "selectors": {
"text": { "&.ms-MessageBar--severeWarning": {
"fontSize": 14, "backgroundColor": "var(--colorStatusDangerBackground1)",
"border": "1px solid var(--colorStatusDangerBorder1)",
},
"&.ms-MessageBar--warning": {
"backgroundColor": "var(--colorStatusWarningBackground1)",
"border": "1px solid var(--colorStatusWarningBorder1)",
},
".ms-MessageBar-icon": {
"color": "var(--colorNeutralForeground1)",
},
".ms-MessageBar-text": {
"color": "var(--colorNeutralForeground1)",
},
},
}, },
} }
} }
@ -76,7 +102,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -121,15 +147,47 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
".ms-ChoiceField-field.is-checked::before": { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": undefined, "borderColor": undefined,
}, },
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "var(--colorNeutralForeground1)",
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
"whiteSpace": "nowrap", "whiteSpace": "nowrap",
}, },
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel:hover": {
"color": "var(--colorNeutralForeground1)",
},
}, },
}, },
], ],
"label": {
"color": "var(--colorNeutralForeground1)",
},
"root": {
"selectors": {
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
/> />
@ -185,6 +243,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -197,7 +256,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
iconName="Info" iconName="Info"
style={ style={
{ {
"color": "#666", "color": "var(--colorNeutralForeground2)",
"fontSize": 12, "fontSize": 12,
} }
} }
@ -210,6 +269,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"boxSizing": "border-box", "boxSizing": "border-box",
"color": "var(--colorNeutralForeground1)",
"display": "flex", "display": "flex",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 14, "fontSize": 14,
@ -226,6 +286,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
@ -254,6 +315,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -266,7 +328,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
iconName="Info" iconName="Info"
style={ style={
{ {
"color": "#666", "color": "var(--colorNeutralForeground2)",
"fontSize": 12, "fontSize": 12,
} }
} }
@ -284,13 +346,31 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
styles={ styles={
{ {
"field": { "field": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
"fontWeight": 400, "fontWeight": 400,
}, },
"fieldGroup": { "fieldGroup": {
"backgroundColor": "var(--colorNeutralBackground4)",
"height": 28, "height": 28,
"width": 100, "width": 100,
}, },
"root": {
"selectors": {
"input": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
},
},
},
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
type="number" type="number"
@ -339,7 +419,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
} }
} }
> >
1,000,000 10,00,000
</span> </span>
</StackItem> </StackItem>
</Stack> </Stack>
@ -350,7 +430,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
{ {
"progressBar": [ "progressBar": [
{ {
"backgroundColor": "rgb(251, 217, 203)", "backgroundColor": "var(--colorStatusDangerBackground1)",
}, },
], ],
} }
@ -374,7 +454,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -402,7 +482,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -419,12 +499,35 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
</Stack> </Stack>
<StyledMessageBar <StyledMessageBar
messageBarType={3} messageBarType={3}
styles={
{
"root": {
"marginTop": "5px",
"selectors": {
"&.ms-MessageBar--severeWarning": {
"backgroundColor": "var(--colorStatusDangerBackground1)",
"border": "1px solid var(--colorStatusDangerBorder1)",
},
"&.ms-MessageBar--warning": {
"backgroundColor": "var(--colorStatusWarningBackground1)",
"border": "1px solid var(--colorStatusWarningBorder1)",
},
".ms-MessageBar-icon": {
"color": "var(--colorNeutralForeground1)",
},
".ms-MessageBar-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
}
}
> >
<Text <Text
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -445,6 +548,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": "40px", "marginTop": "40px",
} }
} }
@ -476,10 +580,22 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
} }
} }
> >
<StyledLabelBase> <StyledLabelBase
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Storage capacity Storage capacity
</StyledLabelBase> </StyledLabelBase>
<Text> <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Unlimited Unlimited
</Text> </Text>
</Stack> </Stack>
@ -498,6 +614,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -520,6 +637,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -538,6 +656,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "50%", "width": "50%",
} }
} }
@ -550,6 +669,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "50%", "width": "50%",
} }
} }
@ -564,6 +684,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -574,6 +695,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
horizontal={true} horizontal={true}
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": 5, "marginTop": 5,
} }
} }
@ -581,6 +703,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "50%", "width": "50%",
} }
} }
@ -593,6 +716,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "50%", "width": "50%",
} }
} }
@ -607,6 +731,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"marginTop": 15, "marginTop": 15,
} }
@ -640,6 +765,7 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": 15, "marginTop": 15,
} }
} }
@ -674,7 +800,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -715,15 +841,47 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
".ms-ChoiceField-field.is-checked::before": { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": "", "borderColor": "",
}, },
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "var(--colorNeutralForeground1)",
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
"whiteSpace": "nowrap", "whiteSpace": "nowrap",
}, },
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel:hover": {
"color": "var(--colorNeutralForeground1)",
},
}, },
}, },
], ],
"label": {
"color": "var(--colorNeutralForeground1)",
},
"root": {
"selectors": {
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
/> />
@ -766,12 +924,23 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
"height": 25, "height": 25,
"selectors": { "selectors": {
":disabled": { ":disabled": {
"backgroundColor": undefined, "backgroundColor": "var(--colorNeutralBackground1)",
"borderColor": undefined, "borderColor": undefined,
}, },
"input#autopilotInput": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
},
}, },
"width": 300, "width": 300,
}, },
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
type="number" type="number"
@ -817,7 +986,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
} }
} }
> >
1,000,000 10,00,000
</span> </span>
</StackItem> </StackItem>
</Stack> </Stack>
@ -828,7 +997,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
{ {
"progressBar": [ "progressBar": [
{ {
"backgroundColor": "rgb(251, 217, 203)", "backgroundColor": "var(--colorStatusDangerBackground1)",
}, },
], ],
} }
@ -852,7 +1021,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -880,7 +1049,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -897,12 +1066,35 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
</Stack> </Stack>
<StyledMessageBar <StyledMessageBar
messageBarType={3} messageBarType={3}
styles={
{
"root": {
"marginTop": "5px",
"selectors": {
"&.ms-MessageBar--severeWarning": {
"backgroundColor": "var(--colorStatusDangerBackground1)",
"border": "1px solid var(--colorStatusDangerBorder1)",
},
"&.ms-MessageBar--warning": {
"backgroundColor": "var(--colorStatusWarningBackground1)",
"border": "1px solid var(--colorStatusWarningBorder1)",
},
".ms-MessageBar-icon": {
"color": "var(--colorNeutralForeground1)",
},
".ms-MessageBar-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
}
}
> >
<Text <Text
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -920,7 +1112,13 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
</Text> </Text>
</StyledMessageBar> </StyledMessageBar>
</Stack> </Stack>
<Text> <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Estimate your required RU/s with Estimate your required RU/s with
<StyledLinkBase <StyledLinkBase
href="https://cosmos.azure.com/capacitycalculator/" href="https://cosmos.azure.com/capacitycalculator/"
@ -964,10 +1162,22 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
} }
} }
> >
<StyledLabelBase> <StyledLabelBase
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Storage capacity Storage capacity
</StyledLabelBase> </StyledLabelBase>
<Text> <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Unlimited Unlimited
</Text> </Text>
</Stack> </Stack>
@ -986,6 +1196,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -1007,6 +1218,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -1024,6 +1236,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1036,6 +1249,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1048,6 +1262,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1062,6 +1277,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"marginTop": 15, "marginTop": 15,
} }
@ -1094,6 +1310,7 @@ exports[`ThroughputInputAutoPilotV3Component spendAck checkbox visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": 15, "marginTop": 15,
} }
} }
@ -1128,7 +1345,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -1169,15 +1386,47 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
".ms-ChoiceField-field.is-checked::before": { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": "", "borderColor": "",
}, },
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "var(--colorNeutralForeground1)",
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
"whiteSpace": "nowrap", "whiteSpace": "nowrap",
}, },
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel:hover": {
"color": "var(--colorNeutralForeground1)",
},
}, },
}, },
], ],
"label": {
"color": "var(--colorNeutralForeground1)",
},
"root": {
"selectors": {
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
/> />
@ -1220,12 +1469,23 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
"height": 25, "height": 25,
"selectors": { "selectors": {
":disabled": { ":disabled": {
"backgroundColor": undefined, "backgroundColor": "var(--colorNeutralBackground1)",
"borderColor": undefined, "borderColor": undefined,
}, },
"input#autopilotInput": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
},
}, },
"width": 300, "width": 300,
}, },
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
type="number" type="number"
@ -1271,7 +1531,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
} }
} }
> >
1,000,000 10,00,000
</span> </span>
</StackItem> </StackItem>
</Stack> </Stack>
@ -1282,7 +1542,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
{ {
"progressBar": [ "progressBar": [
{ {
"backgroundColor": "rgb(251, 217, 203)", "backgroundColor": "var(--colorStatusDangerBackground1)",
}, },
], ],
} }
@ -1306,7 +1566,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -1334,7 +1594,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
{ {
"selectors": { "selectors": {
"::before": { "::before": {
"backgroundColor": "rgb(200, 200, 200)", "backgroundColor": "var(--colorNeutralStroke2)",
"height": "3px", "height": "3px",
"marginTop": "-1px", "marginTop": "-1px",
}, },
@ -1351,12 +1611,35 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
</Stack> </Stack>
<StyledMessageBar <StyledMessageBar
messageBarType={3} messageBarType={3}
styles={
{
"root": {
"marginTop": "5px",
"selectors": {
"&.ms-MessageBar--severeWarning": {
"backgroundColor": "var(--colorStatusDangerBackground1)",
"border": "1px solid var(--colorStatusDangerBorder1)",
},
"&.ms-MessageBar--warning": {
"backgroundColor": "var(--colorStatusWarningBackground1)",
"border": "1px solid var(--colorStatusWarningBorder1)",
},
".ms-MessageBar-icon": {
"color": "var(--colorNeutralForeground1)",
},
".ms-MessageBar-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
}
}
> >
<Text <Text
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -1374,7 +1657,13 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
</Text> </Text>
</StyledMessageBar> </StyledMessageBar>
</Stack> </Stack>
<Text> <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Estimate your required RU/s with Estimate your required RU/s with
<StyledLinkBase <StyledLinkBase
href="https://cosmos.azure.com/capacitycalculator/" href="https://cosmos.azure.com/capacitycalculator/"
@ -1401,10 +1690,22 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
} }
} }
> >
<StyledLabelBase> <StyledLabelBase
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Storage capacity Storage capacity
</StyledLabelBase> </StyledLabelBase>
<Text> <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
>
Unlimited Unlimited
</Text> </Text>
</Stack> </Stack>
@ -1423,6 +1724,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -1444,6 +1746,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -1461,6 +1764,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1473,6 +1777,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1485,6 +1790,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"width": "33%", "width": "33%",
} }
} }
@ -1499,6 +1805,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"marginTop": 15, "marginTop": 15,
} }
@ -1531,6 +1838,7 @@ exports[`ThroughputInputAutoPilotV3Component throughput input visible 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": 15, "marginTop": 15,
} }
} }

View File

@ -11,6 +11,7 @@ exports[`ComputedPropertiesComponent renders 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginBottom": "10px", "marginBottom": "10px",
"marginLeft": "30px", "marginLeft": "30px",
} }

View File

@ -37,15 +37,47 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
".ms-ChoiceField-field.is-checked::before": { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": undefined, "borderColor": undefined,
}, },
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "var(--colorNeutralForeground1)",
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
"whiteSpace": "nowrap", "whiteSpace": "nowrap",
}, },
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel:hover": {
"color": "var(--colorNeutralForeground1)",
},
}, },
}, },
], ],
"label": {
"color": "var(--colorNeutralForeground1)",
},
"root": {
"selectors": {
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
/> />
@ -61,12 +93,23 @@ exports[`ConflictResolutionComponent Path text field displayed 1`] = `
"height": 25, "height": 25,
"selectors": { "selectors": {
":disabled": { ":disabled": {
"backgroundColor": undefined, "backgroundColor": "var(--colorNeutralBackground1)",
"borderColor": undefined, "borderColor": undefined,
}, },
"input#autopilotInput": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
},
}, },
"width": 300, "width": 300,
}, },
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
value="" value=""
@ -111,15 +154,47 @@ exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
".ms-ChoiceField-field.is-checked::before": { ".ms-ChoiceField-field.is-checked::before": {
"borderColor": "", "borderColor": "",
}, },
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "var(--colorNeutralForeground1)",
"fontFamily": undefined, "fontFamily": undefined,
"fontSize": 14, "fontSize": 14,
"padding": "2px 5px", "padding": "2px 5px",
"whiteSpace": "nowrap", "whiteSpace": "nowrap",
}, },
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel:hover": {
"color": "var(--colorNeutralForeground1)",
},
}, },
}, },
], ],
"label": {
"color": "var(--colorNeutralForeground1)",
},
"root": {
"selectors": {
".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceField-innerField": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceField:hover .ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
".ms-ChoiceFieldLabel": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
/> />
@ -135,12 +210,23 @@ exports[`ConflictResolutionComponent Sproc text field displayed 1`] = `
"height": 25, "height": 25,
"selectors": { "selectors": {
":disabled": { ":disabled": {
"backgroundColor": undefined, "backgroundColor": "var(--colorNeutralBackground1)",
"borderColor": undefined, "borderColor": undefined,
}, },
"input#autopilotInput": {
"backgroundColor": "var(--colorNeutralBackground4)",
"color": "var(--colorNeutralForeground1)",
},
}, },
"width": 300, "width": 300,
}, },
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
value="" value=""

View File

@ -26,6 +26,7 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
styles={ styles={
{ {
"root": { "root": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 16, "fontSize": 16,
"fontWeight": 600, "fontWeight": 600,
}, },
@ -54,6 +55,7 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
styles={ styles={
{ {
"root": { "root": {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
}, },
} }
@ -66,6 +68,7 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
styles={ styles={
{ {
"root": { "root": {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
}, },
} }
@ -81,8 +84,24 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
} }
} }
> >
<Text /> <Text
<Text> styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
/>
<Text
styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
>
Non-hierarchical Non-hierarchical
</Text> </Text>
</Stack> </Stack>
@ -100,7 +119,15 @@ exports[`PartitionKeyComponent renders default component and matches snapshot 1`
Learn more Learn more
</StyledLinkBase> </StyledLinkBase>
</StyledMessageBar> </StyledMessageBar>
<Text> <Text
styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
>
To change the partition key, a new destination container must be created or an existing destination container selected. Data will then be copied to the destination container. To change the partition key, a new destination container must be created or an existing destination container selected. Data will then be copied to the destination container.
</Text> </Text>
<CustomizedPrimaryButton <CustomizedPrimaryButton
@ -158,6 +185,7 @@ exports[`PartitionKeyComponent renders read-only component and matches snapshot
styles={ styles={
{ {
"root": { "root": {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
}, },
} }
@ -170,6 +198,7 @@ exports[`PartitionKeyComponent renders read-only component and matches snapshot
styles={ styles={
{ {
"root": { "root": {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
}, },
} }
@ -185,8 +214,24 @@ exports[`PartitionKeyComponent renders read-only component and matches snapshot
} }
} }
> >
<Text /> <Text
<Text> styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
/>
<Text
styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
>
Non-hierarchical Non-hierarchical
</Text> </Text>
</Stack> </Stack>

View File

@ -14,6 +14,7 @@ exports[`ToolTipLabelComponent renders 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }

View File

@ -3,13 +3,76 @@
exports[`SettingsComponent renders 1`] = ` exports[`SettingsComponent renders 1`] = `
<div <div
className="settingsV2MainContainer" className="settingsV2MainContainer"
style={
{
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"position": "relative",
}
}
> >
<div <div
className="settingsV2TabsContainer" className="settingsV2TabsContainer"
style={
{
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"padding": "20px 24px",
"position": "relative",
}
}
> >
<StyledPivot <StyledPivot
onLinkClick={[Function]} onLinkClick={[Function]}
selectedKey="ScaleTab" selectedKey="ScaleTab"
styles={
{
"itemContainer": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"link": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"selectors": {
"&:active": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"&:hover": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"&[aria-selected="true"]": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"selectors": {
"&:active": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"&:hover": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
},
},
},
},
"root": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"selectors": {
"& .ms-Pivot-link": {
"color": "var(--colorNeutralForeground1)",
},
"& .ms-Pivot-link.is-selected::before": {
"backgroundColor": "var(--colorCompoundBrandBackground)",
},
},
},
}
}
> >
<PivotItem <PivotItem
headerText="Scale" headerText="Scale"
@ -17,88 +80,101 @@ exports[`SettingsComponent renders 1`] = `
key="ScaleTab" key="ScaleTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<ScaleComponent <Stack
collection={ styles={
{ {
"analyticalStorageTtl": [Function], "root": {
"changeFeedPolicy": [Function], "backgroundColor": "var(--colorNeutralBackground1)",
"computedProperties": [Function], "color": "var(--colorNeutralForeground1)",
"conflictResolutionPolicy": [Function],
"container": Explorer {
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
}, },
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
} }
} }
isAutoPilotSelected={false} >
isFixedContainer={false} <ScaleComponent
isGlobalSecondaryIndex={true} collection={
onAutoPilotSelected={[Function]} {
onMaxAutoPilotThroughputChange={[Function]} "analyticalStorageTtl": [Function],
onScaleDiscardableChange={[Function]} "changeFeedPolicy": [Function],
onScaleSaveableChange={[Function]} "computedProperties": [Function],
onThroughputChange={[Function]} "conflictResolutionPolicy": [Function],
throughput={10000} "container": Explorer {
throughputBaseline={10000} "_isInitializingNotebooks": false,
wasAutopilotOriginallySet={false} "isFixedCollectionWithSharedThroughputSupported": [Function],
/> "isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
},
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
}
}
isAutoPilotSelected={false}
isFixedContainer={false}
isGlobalSecondaryIndex={true}
onAutoPilotSelected={[Function]}
onMaxAutoPilotThroughputChange={[Function]}
onScaleDiscardableChange={[Function]}
onScaleSaveableChange={[Function]}
onThroughputChange={[Function]}
throughput={10000}
throughputBaseline={10000}
wasAutopilotOriginallySet={false}
/>
</Stack>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Settings" headerText="Settings"
@ -106,97 +182,110 @@ exports[`SettingsComponent renders 1`] = `
key="SubSettingsTab" key="SubSettingsTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<SubSettingsComponent <Stack
changeFeedPolicy="Off" styles={
changeFeedPolicyBaseline="Off"
changeFeedPolicyVisible={false}
collection={
{ {
"analyticalStorageTtl": [Function], "root": {
"changeFeedPolicy": [Function], "backgroundColor": "var(--colorNeutralBackground1)",
"computedProperties": [Function], "color": "var(--colorNeutralForeground1)",
"conflictResolutionPolicy": [Function],
"container": Explorer {
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
}, },
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
} }
} }
displayedTtlSeconds="5" >
geospatialConfigType="Geometry" <SubSettingsComponent
geospatialConfigTypeBaseline="Geometry" changeFeedPolicy="Off"
isAnalyticalStorageEnabled={false} changeFeedPolicyBaseline="Off"
onAnalyticalStorageTtlSecondsChange={[Function]} changeFeedPolicyVisible={false}
onAnalyticalStorageTtlSelectionChange={[Function]} collection={
onChangeFeedPolicyChange={[Function]} {
onDisplayedTtlSecondsChange={[Function]} "analyticalStorageTtl": [Function],
onGeoSpatialConfigTypeChange={[Function]} "changeFeedPolicy": [Function],
onSubSettingsDiscardableChange={[Function]} "computedProperties": [Function],
onSubSettingsSaveableChange={[Function]} "conflictResolutionPolicy": [Function],
onTimeToLiveSecondsChange={[Function]} "container": Explorer {
onTtlChange={[Function]} "_isInitializingNotebooks": false,
timeToLive="on" "isFixedCollectionWithSharedThroughputSupported": [Function],
timeToLiveBaseline="on" "isTabsContentExpanded": [Function],
timeToLiveSeconds={5} "onRefreshDatabasesKeyPress": [Function],
timeToLiveSecondsBaseline={5} "onRefreshResourcesClick": [Function],
/> "phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
},
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
}
}
displayedTtlSeconds="5"
geospatialConfigType="Geometry"
geospatialConfigTypeBaseline="Geometry"
isAnalyticalStorageEnabled={false}
onAnalyticalStorageTtlSecondsChange={[Function]}
onAnalyticalStorageTtlSelectionChange={[Function]}
onChangeFeedPolicyChange={[Function]}
onDisplayedTtlSecondsChange={[Function]}
onGeoSpatialConfigTypeChange={[Function]}
onSubSettingsDiscardableChange={[Function]}
onSubSettingsSaveableChange={[Function]}
onTimeToLiveSecondsChange={[Function]}
onTtlChange={[Function]}
timeToLive="on"
timeToLiveBaseline="on"
timeToLiveSeconds={5}
timeToLiveSecondsBaseline={5}
/>
</Stack>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Container Policies" headerText="Container Policies"
@ -204,25 +293,38 @@ exports[`SettingsComponent renders 1`] = `
key="ContainerVectorPolicyTab" key="ContainerVectorPolicyTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<ContainerPolicyComponent <Stack
fullTextPolicy={{}} styles={
fullTextPolicyBaseline={{}} {
isFullTextSearchEnabled={true} "root": {
isGlobalSecondaryIndex={true} "backgroundColor": "var(--colorNeutralBackground1)",
isVectorSearchEnabled={false} "color": "var(--colorNeutralForeground1)",
onFullTextPolicyChange={[Function]} },
onFullTextPolicyDirtyChange={[Function]} }
onVectorEmbeddingPolicyChange={[Function]} }
onVectorEmbeddingPolicyDirtyChange={[Function]} >
resetShouldDiscardContainerPolicyChange={[Function]} <ContainerPolicyComponent
shouldDiscardContainerPolicies={false} fullTextPolicy={{}}
vectorEmbeddingPolicy={{}} fullTextPolicyBaseline={{}}
vectorEmbeddingPolicyBaseline={{}} isFullTextSearchEnabled={true}
/> isGlobalSecondaryIndex={true}
isVectorSearchEnabled={false}
onFullTextPolicyChange={[Function]}
onFullTextPolicyDirtyChange={[Function]}
onVectorEmbeddingPolicyChange={[Function]}
onVectorEmbeddingPolicyDirtyChange={[Function]}
resetShouldDiscardContainerPolicyChange={[Function]}
shouldDiscardContainerPolicies={false}
vectorEmbeddingPolicy={{}}
vectorEmbeddingPolicyBaseline={{}}
/>
</Stack>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Indexing Policy" headerText="Indexing Policy"
@ -230,35 +332,48 @@ exports[`SettingsComponent renders 1`] = `
key="IndexingPolicyTab" key="IndexingPolicyTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<IndexingPolicyComponent <Stack
indexingPolicyContent={ styles={
{ {
"automatic": true, "root": {
"excludedPaths": [], "backgroundColor": "var(--colorNeutralBackground1)",
"includedPaths": [], "color": "var(--colorNeutralForeground1)",
"indexingMode": "consistent", },
} }
} }
indexingPolicyContentBaseline={ >
{ <IndexingPolicyComponent
"automatic": true, indexingPolicyContent={
"excludedPaths": [], {
"includedPaths": [], "automatic": true,
"indexingMode": "consistent", "excludedPaths": [],
"includedPaths": [],
"indexingMode": "consistent",
}
} }
} indexingPolicyContentBaseline={
isVectorSearchEnabled={false} {
logIndexingPolicySuccessMessage={[Function]} "automatic": true,
onIndexingPolicyContentChange={[Function]} "excludedPaths": [],
onIndexingPolicyDirtyChange={[Function]} "includedPaths": [],
refreshIndexTransformationProgress={[Function]} "indexingMode": "consistent",
resetShouldDiscardIndexingPolicy={[Function]} }
shouldDiscardIndexingPolicy={false} }
/> isVectorSearchEnabled={false}
logIndexingPolicySuccessMessage={[Function]}
onIndexingPolicyContentChange={[Function]}
onIndexingPolicyDirtyChange={[Function]}
refreshIndexTransformationProgress={[Function]}
resetShouldDiscardIndexingPolicy={[Function]}
shouldDiscardIndexingPolicy={false}
/>
</Stack>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Partition Keys (preview)" headerText="Partition Keys (preview)"
@ -266,18 +381,90 @@ exports[`SettingsComponent renders 1`] = `
key="PartitionKeyTab" key="PartitionKeyTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<PartitionKeyComponent <Stack
collection={ styles={
{ {
"analyticalStorageTtl": [Function], "root": {
"changeFeedPolicy": [Function], "backgroundColor": "var(--colorNeutralBackground1)",
"computedProperties": [Function], "color": "var(--colorNeutralForeground1)",
"conflictResolutionPolicy": [Function], },
"container": Explorer { }
}
>
<PartitionKeyComponent
collection={
{
"analyticalStorageTtl": [Function],
"changeFeedPolicy": [Function],
"computedProperties": [Function],
"conflictResolutionPolicy": [Function],
"container": Explorer {
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
},
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
}
}
explorer={
Explorer {
"_isInitializingNotebooks": false, "_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function], "isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function], "isTabsContentExpanded": [Function],
@ -301,70 +488,11 @@ exports[`SettingsComponent renders 1`] = `
"copyNotebook": [Function], "copyNotebook": [Function],
"parameters": [Function], "parameters": [Function],
}, },
}, }
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
} }
} isReadOnly={false}
explorer={ />
Explorer { </Stack>
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
}
}
isReadOnly={false}
/>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Computed Properties" headerText="Computed Properties"
@ -372,33 +500,46 @@ exports[`SettingsComponent renders 1`] = `
key="ComputedPropertiesTab" key="ComputedPropertiesTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<ComputedPropertiesComponent <Stack
computedPropertiesContent={ styles={
[ {
{ "root": {
"name": "queryName", "backgroundColor": "var(--colorNeutralBackground1)",
"query": "query", "color": "var(--colorNeutralForeground1)",
}, },
] }
} }
computedPropertiesContentBaseline={ >
[ <ComputedPropertiesComponent
{ computedPropertiesContent={
"name": "queryName", [
"query": "query", {
}, "name": "queryName",
] "query": "query",
} },
logComputedPropertiesSuccessMessage={[Function]} ]
onComputedPropertiesContentChange={[Function]} }
onComputedPropertiesDirtyChange={[Function]} computedPropertiesContentBaseline={
resetShouldDiscardComputedProperties={[Function]} [
shouldDiscardComputedProperties={false} {
/> "name": "queryName",
"query": "query",
},
]
}
logComputedPropertiesSuccessMessage={[Function]}
onComputedPropertiesContentChange={[Function]}
onComputedPropertiesDirtyChange={[Function]}
resetShouldDiscardComputedProperties={[Function]}
shouldDiscardComputedProperties={false}
/>
</Stack>
</PivotItem> </PivotItem>
<PivotItem <PivotItem
headerText="Global Secondary Index (Preview)" headerText="Global Secondary Index (Preview)"
@ -406,18 +547,90 @@ exports[`SettingsComponent renders 1`] = `
key="GlobalSecondaryIndexTab" key="GlobalSecondaryIndexTab"
style={ style={
{ {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"marginTop": 20, "marginTop": 20,
} }
} }
> >
<GlobalSecondaryIndexComponent <Stack
collection={ styles={
{ {
"analyticalStorageTtl": [Function], "root": {
"changeFeedPolicy": [Function], "backgroundColor": "var(--colorNeutralBackground1)",
"computedProperties": [Function], "color": "var(--colorNeutralForeground1)",
"conflictResolutionPolicy": [Function], },
"container": Explorer { }
}
>
<GlobalSecondaryIndexComponent
collection={
{
"analyticalStorageTtl": [Function],
"changeFeedPolicy": [Function],
"computedProperties": [Function],
"conflictResolutionPolicy": [Function],
"container": Explorer {
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
},
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
}
}
explorer={
Explorer {
"_isInitializingNotebooks": false, "_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function], "isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function], "isTabsContentExpanded": [Function],
@ -441,69 +654,10 @@ exports[`SettingsComponent renders 1`] = `
"copyNotebook": [Function], "copyNotebook": [Function],
"parameters": [Function], "parameters": [Function],
}, },
}, }
"databaseId": "test",
"defaultTtl": [Function],
"fullTextPolicy": [Function],
"geospatialConfig": [Function],
"getDatabase": [Function],
"id": [Function],
"indexingPolicy": [Function],
"materializedViewDefinition": [Function],
"materializedViews": [Function],
"offer": [Function],
"partitionKey": {
"kind": "hash",
"paths": [],
"version": 2,
},
"partitionKeyProperties": [
"partitionKey",
],
"rawDataModel": {
"uniqueKeyPolicy": {
"uniqueKeys": [
{
"paths": [
"/id",
],
},
],
},
},
"readSettings": [Function],
"usageSizeInKB": [Function],
"vectorEmbeddingPolicy": [Function],
} }
} />
explorer={ </Stack>
Explorer {
"_isInitializingNotebooks": false,
"isFixedCollectionWithSharedThroughputSupported": [Function],
"isTabsContentExpanded": [Function],
"onRefreshDatabasesKeyPress": [Function],
"onRefreshResourcesClick": [Function],
"phoenixClient": PhoenixClient {
"armResourceId": undefined,
"retryOptions": {
"maxTimeout": 5000,
"minTimeout": 5000,
"retries": 3,
},
},
"provideFeedbackEmail": [Function],
"queriesClient": QueriesClient {
"container": [Circular],
},
"refreshNotebookList": [Function],
"resourceTree": ResourceTreeAdapter {
"container": [Circular],
"copyNotebook": [Function],
"parameters": [Function],
},
}
}
/>
</PivotItem> </PivotItem>
</StyledPivot> </StyledPivot>
</div> </div>

View File

@ -6,6 +6,7 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
} }
} }
@ -15,6 +16,7 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"marginTop": 15, "marginTop": 15,
} }
@ -50,6 +52,7 @@ exports[`SettingsUtils functions render 1`] = `
<Text <Text
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"marginTop": 15, "marginTop": 15,
} }
} }
@ -65,7 +68,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -83,7 +86,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -104,7 +107,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -116,7 +119,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -136,7 +139,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -152,7 +155,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -167,7 +170,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -181,7 +184,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -193,7 +196,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -213,7 +216,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -256,7 +259,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -272,7 +275,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }
@ -289,7 +292,7 @@ exports[`SettingsUtils functions render 1`] = `
styles={ styles={
{ {
"root": { "root": {
"color": "windowtext", "color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
}, },
} }

View File

@ -31,6 +31,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.$.1" key=".0:$.$.1"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -42,6 +43,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="css-110" className="css-110"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -724,6 +726,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.$.0" key=".0:$.$.0"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
"marginTop": -2, "marginTop": -2,
} }
@ -733,6 +736,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="css-117" className="css-117"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
"marginTop": -2, "marginTop": -2,
} }
@ -782,6 +786,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.$.0" key=".0:$.$.0"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -792,6 +797,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="css-110" className="css-110"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -1423,6 +1429,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"alignItems": "center", "alignItems": "center",
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"color": "var(--colorNeutralForeground1)",
"display": "flex", "display": "flex",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 14, "fontSize": 14,
@ -1440,6 +1447,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
"alignItems": "center", "alignItems": "center",
"backgroundColor": "transparent", "backgroundColor": "transparent",
"border": "none", "border": "none",
"color": "var(--colorNeutralForeground1)",
"display": "flex", "display": "flex",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 14, "fontSize": 14,
@ -1459,6 +1467,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.$.1" key=".0:$.$.1"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
@ -1470,6 +1479,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="css-117" className="css-117"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontFamily": "Segoe UI", "fontFamily": "Segoe UI",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
@ -1508,6 +1518,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.$.0" key=".0:$.$.0"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -1518,6 +1529,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="css-110" className="css-110"
style={ style={
{ {
"color": "var(--colorNeutralForeground1)",
"fontWeight": 600, "fontWeight": 600,
"lineHeight": "20px", "lineHeight": "20px",
} }
@ -2155,6 +2167,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
styles={ styles={
{ {
"field": { "field": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 14, "fontSize": 14,
"fontWeight": 400, "fontWeight": 400,
}, },
@ -2506,11 +2519,21 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
<Text <Text
aria-label="ruDescription" aria-label="ruDescription"
key=".0:$.$.0" key=".0:$.$.0"
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
variant="small" variant="small"
> >
<span <span
aria-label="ruDescription" aria-label="ruDescription"
className="css-110" className="css-110"
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
> >
Estimate your required RU/s with  Estimate your required RU/s with 
<StyledLinkBase <StyledLinkBase

View File

@ -123,7 +123,15 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
"alignItems": "center", "alignItems": "center",
"padding": 0, "padding": 0,
}, },
"root": {
"selectors": {
":hover .ms-Checkbox-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
"text": { "text": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
}, },
} }
@ -275,10 +283,21 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
"fontSize": 12, "fontSize": 12,
}, },
"root": { "root": {
"backgroundColor": "var(--colorNeutralBackground2)",
"borderColor": "var(--colorNeutralStroke1)",
"color": "var(--colorNeutralForeground1)",
"height": 30, "height": 30,
"padding": 0, "padding": 0,
"width": 200, "width": 200,
}, },
"rootHovered": {
"backgroundColor": "var(--colorNeutralBackground3)",
"color": "var(--colorNeutralForeground1)",
},
"rootPressed": {
"backgroundColor": "var(--colorBrandBackgroundPressed)",
"color": "var(--colorNeutralForegroundOnBrand)",
},
} }
} }
> >
@ -347,6 +366,7 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
styles={ styles={
{ {
"label": { "label": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
}, },
"root": { "root": {
@ -556,13 +576,26 @@ exports[`AddCollectionPanel should render Default properly 1`] = `
"whiteSpace": "break-spaces", "whiteSpace": "break-spaces",
"wordWrap": "break-word", "wordWrap": "break-word",
}, },
"root": {
"selectors": {
":hover .ms-Checkbox-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
"text": { "text": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
}, },
} }
} }
/> />
<Text <Text
style={
{
"color": "var(--colorNeutralForeground1)",
}
}
variant="small" variant="small"
> >
<Icon <Icon

View File

@ -78,7 +78,15 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
"alignItems": "center", "alignItems": "center",
"padding": 0, "padding": 0,
}, },
"root": {
"selectors": {
":hover .ms-Checkbox-text": {
"color": "var(--colorNeutralForeground1)",
},
},
},
"text": { "text": {
"color": "var(--colorNeutralForeground1)",
"fontSize": 12, "fontSize": 12,
}, },
} }

View File

@ -24,8 +24,16 @@ exports[`Load Query Pane should render Default properly 1`] = `
styles={ styles={
{ {
"fieldGroup": { "fieldGroup": {
"color": "var(--colorNeutralForeground1)",
"width": 300, "width": 300,
}, },
"subComponentStyles": {
"label": {
"root": {
"color": "var(--colorNeutralForeground1)",
},
},
},
} }
} }
value="" value=""

View File

@ -20,6 +20,13 @@ exports[`Save Query Pane should render Default properly 1`] = `
className="panelMainContent" className="panelMainContent"
> >
<Text <Text
styles={
{
"root": {
"color": "var(--colorNeutralForeground1)",
},
}
}
variant="small" variant="small"
> >
For compliance reasons, we save queries in a container in your Azure Cosmos account, in a separate database called “___Cosmos”. To proceed, we need to create a container in your account, estimated additional cost is $0.77 daily. For compliance reasons, we save queries in a container in your Azure Cosmos account, in a separate database called “___Cosmos”. To proceed, we need to create a container in your account, estimated additional cost is $0.77 daily.

View File

@ -19,14 +19,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Page Options Page Options
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -55,12 +55,38 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"selectors": { "selectors": {
".ms-ChoiceField": { ".ms-ChoiceField": {
"color": "inherit",
"marginTop": 0, "marginTop": 0,
}, },
".ms-ChoiceField-field": {
"color": "inherit",
},
".ms-ChoiceField-field:hover": {
"color": "inherit",
},
".ms-ChoiceField-field:hover .ms-ChoiceField-labelWrapper": {
"color": "inherit",
},
".ms-ChoiceField-field:hover span": {
"color": "inherit",
},
".ms-ChoiceField-labelWrapper": {
"color": "inherit",
},
".ms-ChoiceField-labelWrapper:hover": {
"color": "inherit",
},
".ms-ChoiceField-wrapper": {
"color": "inherit",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"paddingTop": 0, "paddingTop": 0,
}, },
".ms-ChoiceField-wrapper:hover": {
"color": "inherit",
},
".ms-ChoiceFieldGroup root-133": { ".ms-ChoiceFieldGroup root-133": {
"clear": "both", "clear": "both",
}, },
@ -75,7 +101,7 @@ exports[`Settings Pane should render Default properly 1`] = `
/> />
</div> </div>
<div <div
className="tabs ___1dfa554_0000000 fo7qwa0" className="tabs ___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="tabcontent" className="tabcontent"
@ -112,14 +138,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Query Timeout Query Timeout
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -134,6 +160,7 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"container": {}, "container": {},
"label": { "label": {
"color": "inherit",
"display": "block", "display": "block",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
@ -153,14 +180,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
RU Limit RU Limit
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -175,6 +202,7 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"container": {}, "container": {},
"label": { "label": {
"color": "inherit",
"display": "block", "display": "block",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
@ -188,7 +216,7 @@ exports[`Settings Pane should render Default properly 1`] = `
/> />
</div> </div>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<StyledSpinButton <StyledSpinButton
decrementButtonAriaLabel="Decrease value by 1000" decrementButtonAriaLabel="Decrease value by 1000"
@ -203,12 +231,22 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -224,14 +262,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Default Query Results View Default Query Results View
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -260,12 +298,38 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"selectors": { "selectors": {
".ms-ChoiceField": { ".ms-ChoiceField": {
"color": "inherit",
"marginTop": 0, "marginTop": 0,
}, },
".ms-ChoiceField-field": {
"color": "inherit",
},
".ms-ChoiceField-field:hover": {
"color": "inherit",
},
".ms-ChoiceField-field:hover .ms-ChoiceField-labelWrapper": {
"color": "inherit",
},
".ms-ChoiceField-field:hover span": {
"color": "inherit",
},
".ms-ChoiceField-labelWrapper": {
"color": "inherit",
},
".ms-ChoiceField-labelWrapper:hover": {
"color": "inherit",
},
".ms-ChoiceField-wrapper": {
"color": "inherit",
},
".ms-ChoiceField-wrapper label": { ".ms-ChoiceField-wrapper label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"paddingTop": 0, "paddingTop": 0,
}, },
".ms-ChoiceField-wrapper:hover": {
"color": "inherit",
},
".ms-ChoiceFieldGroup root-133": { ".ms-ChoiceFieldGroup root-133": {
"clear": "both", "clear": "both",
}, },
@ -286,14 +350,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Retry Settings Retry Settings
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -326,12 +390,22 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -366,12 +440,22 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -406,12 +490,22 @@ exports[`Settings Pane should render Default properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -428,14 +522,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Enable container pagination Enable container pagination
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -448,6 +542,7 @@ exports[`Settings Pane should render Default properly 1`] = `
className="padding" className="padding"
label="Enable container pagination" label="Enable container pagination"
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]}
styles={ styles={
{ {
"label": { "label": {
@ -464,14 +559,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Enable cross-partition query Enable cross-partition query
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -482,8 +577,8 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabel="Enable cross partition query" ariaLabel="Enable cross partition query"
checked={false} checked={false}
className="padding" className="padding"
label="Enable cross-partition query"
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]}
styles={ styles={
{ {
"label": { "label": {
@ -500,14 +595,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Enhanced query control Enhanced query control
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -527,8 +622,8 @@ exports[`Settings Pane should render Default properly 1`] = `
ariaLabel="EnableQueryControl" ariaLabel="EnableQueryControl"
checked={false} checked={false}
className="padding" className="padding"
label="Enable query control"
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]}
styles={ styles={
{ {
"label": { "label": {
@ -545,14 +640,14 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Max degree of parallelism Max degree of parallelism
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -570,6 +665,13 @@ exports[`Settings Pane should render Default properly 1`] = `
onValidate={[Function]} onValidate={[Function]}
role="textbox" role="textbox"
step={1} step={1}
styles={
{
"label": {
"color": "var(--colorNeutralForeground1)",
},
}
}
value="6" value="6"
/> />
</div> </div>
@ -584,6 +686,24 @@ exports[`Settings Pane should render Default properly 1`] = `
> >
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
styles={
{
"root": {
"backgroundColor": "var(--colorBrandBackground)",
"color": "var(--colorNeutralForegroundOnBrand)",
"selectors": {
":active": {
"backgroundColor": "var(--colorBrandBackgroundPressed)",
"color": "var(--colorNeutralForegroundOnBrand)",
},
":hover": {
"backgroundColor": "var(--colorBrandBackgroundHover)",
"color": "var(--colorNeutralForegroundOnBrand)",
},
},
},
}
}
> >
Clear History Clear History
</CustomizedDefaultButton> </CustomizedDefaultButton>
@ -593,7 +713,7 @@ exports[`Settings Pane should render Default properly 1`] = `
className="settingsSection" className="settingsSection"
> >
<div <div
className="settingsSectionPart" className="settingsSectionPart ___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="settingsSectionLabel" className="settingsSectionLabel"
@ -626,14 +746,14 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Retry Settings Retry Settings
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -666,12 +786,22 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -706,12 +836,22 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -746,12 +886,22 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
{ {
"arrowButtonsContainer": {}, "arrowButtonsContainer": {},
"icon": {}, "icon": {},
"input": {}, "input": {
"color": "#000000",
"selectors": {
"::placeholder": {
"color": "#000000",
},
},
},
"label": { "label": {
"color": "inherit",
"fontSize": 12, "fontSize": 12,
"fontWeight": 400, "fontWeight": 400,
}, },
"labelWrapper": {}, "labelWrapper": {
"color": "inherit",
},
"root": { "root": {
"paddingBottom": 10, "paddingBottom": 10,
}, },
@ -768,14 +918,14 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Enable container pagination Enable container pagination
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -788,6 +938,7 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
className="padding" className="padding"
label="Enable container pagination" label="Enable container pagination"
onChange={[Function]} onChange={[Function]}
onRenderLabel={[Function]}
styles={ styles={
{ {
"label": { "label": {
@ -804,14 +955,14 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
> >
<AccordionHeader> <AccordionHeader>
<div <div
className="___15c001r_0000000 fq02s40" className="___j7dlp70_0000000 fq02s40 f19n0e5"
> >
Display Gremlin query results as:  Display Gremlin query results as: 
</div> </div>
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="___10gar1i_0000000 f1fow5ox f1ugzwwg" className="___10gar1i_0000000 f1fow5ox f1ugzwwg"
@ -847,6 +998,24 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
> >
<CustomizedDefaultButton <CustomizedDefaultButton
onClick={[Function]} onClick={[Function]}
styles={
{
"root": {
"backgroundColor": "var(--colorBrandBackground)",
"color": "var(--colorNeutralForegroundOnBrand)",
"selectors": {
":active": {
"backgroundColor": "var(--colorBrandBackgroundPressed)",
"color": "var(--colorNeutralForegroundOnBrand)",
},
":hover": {
"backgroundColor": "var(--colorBrandBackgroundHover)",
"color": "var(--colorNeutralForegroundOnBrand)",
},
},
},
}
}
> >
Clear History Clear History
</CustomizedDefaultButton> </CustomizedDefaultButton>
@ -856,7 +1025,7 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
className="settingsSection" className="settingsSection"
> >
<div <div
className="settingsSectionPart" className="settingsSectionPart ___1evh9ps_0000000 fo7qwa0 f19n0e5"
> >
<div <div
className="settingsSectionLabel" className="settingsSectionLabel"

View File

@ -356,7 +356,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
value="" value=""
> >
<div <div
className="ms-TextField is-required root-116" className="ms-TextField is-required root-117"
> >
<div <div
className="ms-TextField-wrapper" className="ms-TextField-wrapper"
@ -647,7 +647,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
} }
> >
<label <label
className="ms-Label root-127" className="ms-Label root-128"
htmlFor="TextField0" htmlFor="TextField0"
id="TextFieldLabel2" id="TextFieldLabel2"
> >
@ -656,13 +656,13 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
</LabelBase> </LabelBase>
</StyledLabelBase> </StyledLabelBase>
<div <div
className="ms-TextField-fieldGroup fieldGroup-117" className="ms-TextField-fieldGroup fieldGroup-118"
> >
<input <input
aria-invalid={false} aria-invalid={false}
aria-labelledby="TextFieldLabel2" aria-labelledby="TextFieldLabel2"
autoFocus={true} autoFocus={true}
className="ms-TextField-field field-118" className="ms-TextField-field field-119"
id="TextField0" id="TextField0"
name="collectionIdConfirmation" name="collectionIdConfirmation"
onBlur={[Function]} onBlur={[Function]}
@ -2464,7 +2464,7 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
> >
<button <button
aria-label="Create" aria-label="Create"
className="ms-Button ms-Button--primary root-128" className="ms-Button ms-Button--primary root-129"
data-is-focusable={true} data-is-focusable={true}
data-test="Panel/OkButton" data-test="Panel/OkButton"
id="sidePanelOkButton" id="sidePanelOkButton"
@ -2477,14 +2477,14 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
type="submit" type="submit"
> >
<span <span
className="ms-Button-flexContainer flexContainer-129" className="ms-Button-flexContainer flexContainer-130"
data-automationid="splitbuttonprimary" data-automationid="splitbuttonprimary"
> >
<span <span
className="ms-Button-textContainer textContainer-130" className="ms-Button-textContainer textContainer-131"
> >
<span <span
className="ms-Button-label label-132" className="ms-Button-label label-133"
id="id__5" id="id__5"
key="id__5" key="id__5"
> >

View File

@ -2,6 +2,7 @@
exports[`PaneContainerComponent test should be resize if notification console is expanded 1`] = ` exports[`PaneContainerComponent test should be resize if notification console is expanded 1`] = `
<StyledPanelBase <StyledPanelBase
className="dark-theme-panel"
closeButtonAriaLabel="Close test" closeButtonAriaLabel="Close test"
customWidth="440px" customWidth="440px"
data-test="Panel:test" data-test="Panel:test"
@ -18,18 +19,42 @@ exports[`PaneContainerComponent test should be resize if notification console is
} }
styles={ styles={
{ {
"closeButton": {
"color": "var(--colorNeutralForeground1)",
},
"commands": { "commands": {
"backgroundColor": "var(--colorNeutralBackground1)",
"marginTop": 8, "marginTop": 8,
"paddingTop": 0, "paddingTop": 0,
}, },
"content": { "content": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"padding": 0, "padding": 0,
}, },
"footerInner": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"header": { "header": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"padding": "0 0 8px 34px", "padding": "0 0 8px 34px",
}, },
"main": {
"backgroundColor": "var(--colorNeutralBackground1)",
},
"navigation": { "navigation": {
"borderBottom": "1px solid #cccccc", "backgroundColor": "var(--colorNeutralBackground1)",
"borderBottom": "1px solid var(--colorNeutralStroke1)",
"color": "var(--colorNeutralForeground1)",
},
"overlay": {
"backgroundColor": "var(--overlayBackground)",
},
"root": {},
"scrollableContent": {
"backgroundColor": "var(--colorNeutralBackground1)",
}, },
} }
} }
@ -43,6 +68,7 @@ exports[`PaneContainerComponent test should render nothing if content is undefin
exports[`PaneContainerComponent test should render with panel content and header 1`] = ` exports[`PaneContainerComponent test should render with panel content and header 1`] = `
<StyledPanelBase <StyledPanelBase
className="dark-theme-panel"
closeButtonAriaLabel="Close test" closeButtonAriaLabel="Close test"
customWidth="440px" customWidth="440px"
data-test="Panel:test" data-test="Panel:test"
@ -59,18 +85,42 @@ exports[`PaneContainerComponent test should render with panel content and header
} }
styles={ styles={
{ {
"closeButton": {
"color": "var(--colorNeutralForeground1)",
},
"commands": { "commands": {
"backgroundColor": "var(--colorNeutralBackground1)",
"marginTop": 8, "marginTop": 8,
"paddingTop": 0, "paddingTop": 0,
}, },
"content": { "content": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"padding": 0, "padding": 0,
}, },
"footerInner": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
},
"header": { "header": {
"backgroundColor": "var(--colorNeutralBackground1)",
"color": "var(--colorNeutralForeground1)",
"padding": "0 0 8px 34px", "padding": "0 0 8px 34px",
}, },
"main": {
"backgroundColor": "var(--colorNeutralBackground1)",
},
"navigation": { "navigation": {
"borderBottom": "1px solid #cccccc", "backgroundColor": "var(--colorNeutralBackground1)",
"borderBottom": "1px solid var(--colorNeutralStroke1)",
"color": "var(--colorNeutralForeground1)",
},
"overlay": {
"backgroundColor": "var(--overlayBackground)",
},
"root": {},
"scrollableContent": {
"backgroundColor": "var(--colorNeutralBackground1)",
}, },
} }
} }

View File

@ -1,6 +1,6 @@
import { FitAddon } from "@xterm/addon-fit";
import { Terminal } from "@xterm/xterm";
import React, { useEffect, useRef } from "react"; import React, { useEffect, useRef } from "react";
import { Terminal } from "xterm";
import { FitAddon } from "xterm-addon-fit";
import "xterm/css/xterm.css"; import "xterm/css/xterm.css";
import { DatabaseAccount } from "../../../Contracts/DataModels"; import { DatabaseAccount } from "../../../Contracts/DataModels";
import { TerminalKind } from "../../../Contracts/ViewModels"; import { TerminalKind } from "../../../Contracts/ViewModels";