diff --git a/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.test.tsx b/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.test.tsx index 40496a66af..f0d92d86ba 100644 --- a/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.test.tsx +++ b/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.test.tsx @@ -20,7 +20,13 @@ import { scaffolderApiRef, } from '@backstage/plugin-scaffolder-react'; import { BitbucketRepoBranchPicker } from './BitbucketRepoBranchPicker'; -import { act, fireEvent, render, waitFor } from '@testing-library/react'; +import { + act, + fireEvent, + render, + waitFor, + screen, +} from '@testing-library/react'; import { TestApiProvider } from '@backstage/test-utils'; import userEvent from '@testing-library/user-event'; @@ -44,6 +50,25 @@ describe('BitbucketRepoBranchPicker', () => { expect(getByRole('textbox')).toHaveValue('main'); }); + it('input field disabled', () => { + render( + + + , + ); + + const input = screen.getByRole('textbox'); + + // Expect input to be disabled + expect(input).toBeDisabled(); + expect(input).toHaveValue('main'); + }); + it('calls onChange when the input field changes', () => { const onChange = jest.fn(); diff --git a/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.tsx b/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.tsx index 5777f95ed2..0e37c10567 100644 --- a/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.tsx +++ b/plugins/scaffolder/src/components/fields/RepoBranchPicker/BitbucketRepoBranchPicker.tsx @@ -36,6 +36,7 @@ export const BitbucketRepoBranchPicker = ({ state, rawErrors, accessToken, + isDisabled, required, }: BaseRepoBranchPickerProps<{ accessToken?: string; @@ -86,9 +87,15 @@ export const BitbucketRepoBranchPicker = ({ onChange={(_, newValue) => { onChange({ branch: newValue || '' }); }} + disabled={isDisabled} options={availableBranches} renderInput={params => ( - + )} freeSolo autoSelect