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

View File

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

View File

@@ -509,7 +509,6 @@ exports[`Load Query Pane should render Default properly 1`] = `
"borderColor": "#f3f2f1", "borderColor": "#f3f2f1",
"color": "#a19f9d", "color": "#a19f9d",
"cursor": "default", "cursor": "default",
"pointerEvents": "none",
"selectors": Object { "selectors": Object {
":focus": Object { ":focus": Object {
"outline": 0, "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 { "textContainer": Object {
"display": "block", "display": "block",
"flexGrow": 1, "flexGrow": 1,
@@ -1057,7 +1085,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
> >
<button <button
aria-label="Close pane" 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-is-focusable={true}
data-testid="closePaneBtn" data-testid="closePaneBtn"
onClick={[Function]} onClick={[Function]}
@@ -1071,18 +1099,17 @@ exports[`Load Query Pane should render Default properly 1`] = `
type="button" type="button"
> >
<span <span
className="ms-Button-flexContainer flexContainer-41" className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary" data-automationid="splitbuttonprimary"
> >
<Component <Component
className="ms-Button-icon icon-43" className="ms-Button-icon icon-56"
iconName="Cancel" iconName="Cancel"
> >
<i <i
aria-hidden={true} 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" data-icon-name="Cancel"
role="presentation"
style={ style={
Object { Object {
"fontFamily": "\\"FabricMDL2Icons\\"", "fontFamily": "\\"FabricMDL2Icons\\"",
@@ -2154,7 +2181,6 @@ exports[`Load Query Pane should render Default properly 1`] = `
"borderColor": "#f3f2f1", "borderColor": "#f3f2f1",
"color": "#a19f9d", "color": "#a19f9d",
"cursor": "default", "cursor": "default",
"pointerEvents": "none",
"selectors": Object { "selectors": Object {
":focus": Object { ":focus": Object {
"outline": 0, "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 { "splitButtonMenuIcon": Object {
"color": "#ffffff", "color": "#ffffff",
}, },
@@ -2797,7 +2852,7 @@ exports[`Load Query Pane should render Default properly 1`] = `
> >
<button <button
aria-label="Load" aria-label="Load"
className="ms-Button ms-Button--primary root-49" className="ms-Button ms-Button--primary root-62"
data-is-focusable={true} data-is-focusable={true}
data-testid="submit" data-testid="submit"
id="sidePanelOkButton" id="sidePanelOkButton"
@@ -2810,14 +2865,14 @@ exports[`Load Query Pane should render Default properly 1`] = `
type="submit" type="submit"
> >
<span <span
className="ms-Button-flexContainer flexContainer-41" className="ms-Button-flexContainer flexContainer-54"
data-automationid="splitbuttonprimary" data-automationid="splitbuttonprimary"
> >
<span <span
className="ms-Button-textContainer textContainer-42" className="ms-Button-textContainer textContainer-55"
> >
<span <span
className="ms-Button-label label-50" className="ms-Button-label label-63"
id="id__3" id="id__3"
key="id__3" key="id__3"
> >

View File

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