random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-04-22 01:24:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix for defect 1703851&1703931 (#1379)

Browse Source
This commit is contained in:
MokireddySampath 2023-02-01 22:20:03 +05:30 committed by GitHub
parent 9184684e75
commit 7dbccff41d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/Explorer/Controls/ThroughputInput/ThroughputInput.tsx
View File

@ -186,6 +186,7 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
<Stack horizontal verticalAlign="center"> <Stack horizontal verticalAlign="center">
<input <input
id="Autoscale-input"
className="throughputInputRadioBtn" className="throughputInputRadioBtn"
aria-label="Autoscale mode" aria-label="Autoscale mode"
aria-required={true} aria-required={true}
@ -195,9 +196,12 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
tabIndex={0} tabIndex={0}
onChange={(e) => handleOnChangeMode(e, "Autoscale")} onChange={(e) => handleOnChangeMode(e, "Autoscale")}
/> />
<span className="throughputInputRadioBtnLabel">Autoscale</span> <label htmlFor="Autoscale-input" className="throughputInputRadioBtnLabel">
Autoscale
</label>
<input <input
id="Manual-input"
className="throughputInputRadioBtn" className="throughputInputRadioBtn"
aria-label="Manual mode" aria-label="Manual mode"
checked={!isAutoscaleSelected} checked={!isAutoscaleSelected}
@ -207,14 +211,20 @@ export const ThroughputInput: FunctionComponent<ThroughputInputProps> = ({
tabIndex={0} tabIndex={0}
onChange={(e) => handleOnChangeMode(e, "Manual")} onChange={(e) => handleOnChangeMode(e, "Manual")}
/> />
<span className="throughputInputRadioBtnLabel">Manual</span> <label className="throughputInputRadioBtnLabel" htmlFor="Manual-input">
Manual
</label>
</Stack> </Stack>
{isAutoscaleSelected && ( {isAutoscaleSelected && (
<Stack className="throughputInputSpacing"> <Stack className="throughputInputSpacing">
<Text variant="small" aria-label="ruDescription"> <Text variant="small" aria-label="capacity calculator of azure cosmos db">
Estimate your required RU/s with{" "} Estimate your required RU/s with{" "}
<Link target="_blank" href="https://cosmos.azure.com/capacitycalculator/" aria-label="ruDescription"> <Link
target="_blank"
href="https://cosmos.azure.com/capacitycalculator/"
aria-label="capacity calculator of azure cosmos db"
>
capacity calculator capacity calculator
</Link> </Link>
. .

22
src/Explorer/Controls/ThroughputInput/__snapshots__/ThroughputInput.test.tsx.snap
View File

@ -659,35 +659,39 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
aria-required={true} aria-required={true}
checked={true} checked={true}
className="throughputInputRadioBtn" className="throughputInputRadioBtn"
id="Autoscale-input"
key=".0:$.0" key=".0:$.0"
onChange={[Function]} onChange={[Function]}
role="radio" role="radio"
tabIndex={0} tabIndex={0}
type="radio" type="radio"
/> />
<span <label
className="throughputInputRadioBtnLabel" className="throughputInputRadioBtnLabel"
htmlFor="Autoscale-input"
key=".0:$.1" key=".0:$.1"
> >
Autoscale Autoscale
</span> </label>
<input <input
aria-label="Manual mode" aria-label="Manual mode"
aria-required={true} aria-required={true}
checked={false} checked={false}
className="throughputInputRadioBtn" className="throughputInputRadioBtn"
id="Manual-input"
key=".0:$.2" key=".0:$.2"
onChange={[Function]} onChange={[Function]}
role="radio" role="radio"
tabIndex={0} tabIndex={0}
type="radio" type="radio"
/> />
<span <label
className="throughputInputRadioBtnLabel" className="throughputInputRadioBtnLabel"
htmlFor="Manual-input"
key=".0:$.3" key=".0:$.3"
> >
Manual Manual
</span> </label>
</div> </div>
</Stack> </Stack>
<Stack <Stack
@ -697,23 +701,23 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
className="ms-Stack throughputInputSpacing css-59" className="ms-Stack throughputInputSpacing css-59"
> >
<Text <Text
aria-label="ruDescription" aria-label="capacity calculator of azure cosmos db"
key=".0:$.0" key=".0:$.0"
variant="small" variant="small"
> >
<span <span
aria-label="ruDescription" aria-label="capacity calculator of azure cosmos db"
className="css-54" className="css-54"
> >
Estimate your required RU/s with Estimate your required RU/s with
<StyledLinkBase <StyledLinkBase
aria-label="ruDescription" aria-label="capacity calculator of azure cosmos db"
href="https://cosmos.azure.com/capacitycalculator/" href="https://cosmos.azure.com/capacitycalculator/"
target="_blank" target="_blank"
> >
<LinkBase <LinkBase
aria-label="ruDescription" aria-label="capacity calculator of azure cosmos db"
href="https://cosmos.azure.com/capacitycalculator/" href="https://cosmos.azure.com/capacitycalculator/"
styles={[Function]} styles={[Function]}
target="_blank" target="_blank"
@ -992,7 +996,7 @@ exports[`ThroughputInput Pane should render Default properly 1`] = `
} }
> >
<a <a
aria-label="ruDescription" aria-label="capacity calculator of azure cosmos db"
className="ms-Link root-60" className="ms-Link root-60"
href="https://cosmos.azure.com/capacitycalculator/" href="https://cosmos.azure.com/capacitycalculator/"
onClick={[Function]} onClick={[Function]}