This commit is contained in:
Steve Faulkner
2021-05-05 19:00:23 -05:00
parent 3d4a24b2fd
commit 33048b2c98
4 changed files with 94 additions and 48 deletions

View File

@@ -16,7 +16,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
horizontal={true}
>
<div
className="ms-Stack css-121"
className="ms-Stack css-53"
>
<span
className="mandatoryStar"
@@ -35,7 +35,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
variant="small"
>
<span
className="css-122"
className="css-54"
style={
Object {
"fontWeight": 600,
@@ -1408,7 +1408,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
>
<button
aria-label="Info"
className="ms-Button ms-Button--icon root-123"
className="ms-Button ms-Button--icon root-55"
data-is-focusable={true}
id="iconButton1"
onClick={[Function]}
@@ -1420,16 +1420,16 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-124"
className="ms-Button-flexContainer flexContainer-56"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-126"
className="ms-Button-icon icon-58"
iconName="Info"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-131 ms-Button-icon icon-126"
className="ms-Icon root-37 css-63 ms-Button-icon icon-58"
data-icon-name="Info"
style={
Object {
@@ -1458,7 +1458,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
verticalAlign="center"
>
<div
className="ms-Stack css-132"
className="ms-Stack css-64"
>
<StyledChoiceGroup
aria-label="mode"
@@ -1771,7 +1771,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
>
<div
aria-label="mode"
className="ms-ChoiceFieldGroup root-133"
className="ms-ChoiceFieldGroup root-65"
>
<div
role="radiogroup"
@@ -2079,14 +2079,14 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}
>
<div
className="ms-ChoiceField root-134"
className="ms-ChoiceField root-66"
>
<div
className="ms-ChoiceField-wrapper"
>
<input
checked={true}
className="ms-ChoiceField-input input-135"
className="ms-ChoiceField-input input-67"
id="ChoiceGroup6-true"
name="ChoiceGroup6"
onBlur={[Function]}
@@ -2095,7 +2095,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
type="radio"
/>
<label
className="ms-ChoiceField-field is-checked field-136"
className="ms-ChoiceField-field is-checked field-68"
htmlFor="ChoiceGroup6-true"
>
<span
@@ -2409,14 +2409,14 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}
>
<div
className="ms-ChoiceField root-134"
className="ms-ChoiceField root-66"
>
<div
className="ms-ChoiceField-wrapper"
>
<input
checked={false}
className="ms-ChoiceField-input input-135"
className="ms-ChoiceField-input input-67"
id="ChoiceGroup6-false"
name="ChoiceGroup6"
onBlur={[Function]}
@@ -2425,7 +2425,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
type="radio"
/>
<label
className="ms-ChoiceField-field field-141"
className="ms-ChoiceField-field field-73"
htmlFor="ChoiceGroup6-false"
>
<span
@@ -2450,7 +2450,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="throughputInputSpacing"
>
<div
className="ms-Stack throughputInputSpacing css-144"
className="ms-Stack throughputInputSpacing css-76"
>
<Text
data-testid="ruDescription"
@@ -2458,7 +2458,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
variant="small"
>
<span
className="css-122"
className="css-54"
data-testid="ruDescription"
>
Estimate your required RU/s with 
@@ -2747,7 +2747,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
}
>
<a
className="ms-Link root-145"
className="ms-Link root-77"
data-testid="ruDescription"
href="https://cosmos.azure.com/capacitycalculator/"
onClick={[Function]}
@@ -2765,7 +2765,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
key=".0:$.1"
>
<div
className="ms-Stack css-121"
className="ms-Stack css-53"
>
<Text
data-testid="maxRUDescription"
@@ -2779,7 +2779,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
variant="small"
>
<span
className="css-122"
className="css-54"
data-testid="maxRUDescription"
style={
Object {
@@ -4154,7 +4154,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
>
<button
aria-label="Info"
className="ms-Button ms-Button--icon root-123"
className="ms-Button ms-Button--icon root-55"
data-is-focusable={true}
id="iconButton9"
onClick={[Function]}
@@ -4166,16 +4166,16 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-124"
className="ms-Button-flexContainer flexContainer-56"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-126"
className="ms-Button-icon icon-58"
iconName="Info"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-131 ms-Button-icon icon-126"
className="ms-Icon root-37 css-63 ms-Button-icon icon-58"
data-icon-name="Info"
style={
Object {
@@ -4509,17 +4509,17 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
value="4000"
>
<div
className="ms-TextField is-required root-147"
className="ms-TextField is-required root-79"
>
<div
className="ms-TextField-wrapper"
>
<div
className="ms-TextField-fieldGroup fieldGroup-148"
className="ms-TextField-fieldGroup fieldGroup-80"
>
<input
aria-invalid={false}
className="ms-TextField-field field-149"
className="ms-TextField-field field-81"
id="TextField14"
min={4000}
onBlur={[Function]}
@@ -4541,7 +4541,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
variant="small"
>
<span
className="css-122"
className="css-54"
>
Your
container

View File

@@ -89,7 +89,6 @@ exports[`AddDatabasePane Pane should render Default properly 1`] = `
},
}
}
tabIndex={0}
title="Provision shared throughput"
/>

View File

@@ -509,7 +509,6 @@ exports[`Load Query Pane should render Default properly 1`] = `
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"pointerEvents": "none",
"selectors": Object {
":focus": Object {
"outline": 0,
@@ -772,6 +771,35 @@ exports[`Load Query Pane should render Default properly 1`] = `
},
},
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
"border": "1px solid #ffffff",
"bottom": 3,
"content": "\\"\\"",
"left": 3,
"outline": "1px solid #605e5c",
"position": "absolute",
"right": 3,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
"border": "none",
"bottom": -2,
"left": -2,
"right": -2,
"top": -2,
},
},
"top": 3,
"zIndex": 1,
},
"::-moz-focus-inner": Object {
"border": "0",
},
},
},
"textContainer": Object {
"display": "block",
"flexGrow": 1,
@@ -1057,7 +1085,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
>
<button
aria-label="Close pane"
className="ms-Button ms-Button--icon closePaneBtn root-40"
className="ms-Button ms-Button--icon closePaneBtn root-53"
data-is-focusable={true}
data-testid="closePaneBtn"
onClick={[Function]}
@@ -1071,18 +1099,17 @@ exports[`Load Query Pane should render Default properly 1`] = `
type="button"
>
<span
className="ms-Button-flexContainer flexContainer-41"
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<Component
className="ms-Button-icon icon-43"
className="ms-Button-icon icon-56"
iconName="Cancel"
>
<i
aria-hidden={true}
className="ms-Icon root-37 css-48 ms-Button-icon icon-43"
className="ms-Icon root-37 css-61 ms-Button-icon icon-56"
data-icon-name="Cancel"
role="presentation"
style={
Object {
"fontFamily": "\\"FabricMDL2Icons\\"",
@@ -2154,7 +2181,6 @@ exports[`Load Query Pane should render Default properly 1`] = `
"borderColor": "#f3f2f1",
"color": "#a19f9d",
"cursor": "default",
"pointerEvents": "none",
"selectors": Object {
":focus": Object {
"outline": 0,
@@ -2501,6 +2527,35 @@ exports[`Load Query Pane should render Default properly 1`] = `
},
},
},
"splitButtonMenuFocused": Object {
"outline": "transparent",
"position": "relative",
"selectors": Object {
".ms-Fabric--isFocusVisible &:focus:after": Object {
"border": "1px solid #ffffff",
"bottom": 3,
"content": "\\"\\"",
"left": 3,
"outline": "1px solid #605e5c",
"position": "absolute",
"right": 3,
"selectors": Object {
"@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
"border": "none",
"bottom": -2,
"left": -2,
"right": -2,
"top": -2,
},
},
"top": 3,
"zIndex": 1,
},
"::-moz-focus-inner": Object {
"border": "0",
},
},
},
"splitButtonMenuIcon": Object {
"color": "#ffffff",
},
@@ -2797,7 +2852,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
>
<button
aria-label="Load"
className="ms-Button ms-Button--primary root-49"
className="ms-Button ms-Button--primary root-62"
data-is-focusable={true}
data-testid="submit"
id="sidePanelOkButton"
@@ -2810,14 +2865,14 @@ exports[`Load Query Pane should render Default properly 1`] = `
type="submit"
>
<span
className="ms-Button-flexContainer flexContainer-41"
className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary"
>
<span
className="ms-Button-textContainer textContainer-42"
className="ms-Button-textContainer textContainer-55"
>
<span
className="ms-Button-label label-50"
className="ms-Button-label label-63"
id="id__3"
key="id__3"
>

View File

@@ -1596,12 +1596,8 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
variant="small"
>
<span
<<<<<<< HEAD
className="panelWarningErrorMessage css-143"
data-testid="panelmessage"
=======
className="panelWarningErrorMessage css-205"
>>>>>>> master
data-testid="panelmessage"
>
Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
</span>
@@ -4011,12 +4007,8 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
variantClassName="ms-Button--primary"
>
<button
<<<<<<< HEAD
aria-label="OK"
className="ms-Button ms-Button--primary root-156"
=======
className="ms-Button ms-Button--primary root-218"
>>>>>>> master
data-is-focusable={true}
data-testid="submit"
id="sidePanelOkButton"