diff --git a/src/js/components/tasks/retrieveMetadata/changes.tsx b/src/js/components/tasks/retrieveMetadata/changes.tsx index 4277309b2..b9f4f5f74 100644 --- a/src/js/components/tasks/retrieveMetadata/changes.tsx +++ b/src/js/components/tasks/retrieveMetadata/changes.tsx @@ -4,7 +4,7 @@ import Checkbox from '@salesforce/design-system-react/components/checkbox'; import Icon from '@salesforce/design-system-react/components/icon'; import Tooltip from '@salesforce/design-system-react/components/tooltip'; import classNames from 'classnames'; -import React, { ChangeEvent, useState } from 'react'; +import React, { ChangeEvent, RefObject, useEffect, useState } from 'react'; import { useTranslation } from 'react-i18next'; import { @@ -208,6 +208,14 @@ const ChangesForm = ({ updateChecked(ignoredChanges, checked); }; + interface CheckboxRefType { + input?: HTMLElement | null; + } + const checkboxRef: RefObject = React.createRef(); + useEffect(() => { + checkboxRef.current?.input?.focus(); + }, [checkboxRef]); + return (
({totalChanges}) diff --git a/test/js/components/tasks/retrieveMetadata/index.test.jsx b/test/js/components/tasks/retrieveMetadata/index.test.jsx index dabe81b73..24d8b7be5 100644 --- a/test/js/components/tasks/retrieveMetadata/index.test.jsx +++ b/test/js/components/tasks/retrieveMetadata/index.test.jsx @@ -115,6 +115,7 @@ describe('', () => { fireEvent.click(getByText('Save & Next')); const selectAll = getByLabelText('All Changes'); + expect(selectAll).toHaveFocus(); fireEvent.click(selectAll); // Click forward to the commit-message modal: fireEvent.click(getByText('Save & Next')); @@ -124,7 +125,7 @@ describe('', () => { fireEvent.change(commitInput, { target: { value: 'My Commit' } }); fireEvent.click(submit); - expect.assertions(2); + expect.assertions(3); await findByText('Retrieving Selected Changes…'); expect(createObject).toHaveBeenCalledTimes(1);