diff --git a/ui/features/outcome_management/react/CreateOutcomeModal.js b/ui/features/outcome_management/react/CreateOutcomeModal.js index ba3e38d66c1..e281059fc5e 100644 --- a/ui/features/outcome_management/react/CreateOutcomeModal.js +++ b/ui/features/outcome_management/react/CreateOutcomeModal.js @@ -277,7 +277,11 @@ const CreateOutcomeModal = ({isOpen, onCloseHandler, onSuccess, starterGroupId}) canManage /> -
+ - {attributesEditable.calculationMethod &&
} + {attributesEditable.calculationMethod && ( + + )} { type: 'success' }) }) + + it('displays horizontal divider between ratings and calculation method which is hidden from screen readers', async () => { + const {getByTestId} = renderWithProvider({ + env: { + contextType: 'Account', + contextId: '1', + individualOutcomeRatingAndCalculationFF: true + } + }) + expect(getByTestId('outcome-edit-modal-horizontal-divider')).toBeInTheDocument() + }) }) describe('when feature flag disabled', () => { diff --git a/ui/features/outcome_management/react/__tests__/CreateOutcomeModal.test.js b/ui/features/outcome_management/react/__tests__/CreateOutcomeModal.test.js index 418f80c4237..bfbd9da2697 100644 --- a/ui/features/outcome_management/react/__tests__/CreateOutcomeModal.test.js +++ b/ui/features/outcome_management/react/__tests__/CreateOutcomeModal.test.js @@ -520,6 +520,14 @@ describe('CreateOutcomeModal', () => { }) }) }) + + it('displays horizontal divider between ratings and calculation method which is hidden from screen readers', async () => { + const {getByTestId} = render(, { + individualOutcomeRatingAndCalculationFF: true + }) + await act(async () => jest.runOnlyPendingTimers()) + expect(getByTestId('outcome-create-modal-horizontal-divider')).toBeInTheDocument() + }) }) describe('when feature flag disabled', () => {