fix: Delete modal button with lowercase text (#30060)
This commit is contained in:
parent
1f2f66bcb0
commit
cd6b8b2f6d
|
|
@ -58,7 +58,7 @@ test('calls the function on confirm', async () => {
|
|||
const confirmInput = getByTestId('delete-modal-input');
|
||||
fireEvent.change(confirmInput, { target: { value: 'DELETE' } });
|
||||
|
||||
const confirmButton = getByRole('button', { name: 'delete' });
|
||||
const confirmButton = getByRole('button', { name: 'Delete' });
|
||||
fireEvent.click(confirmButton);
|
||||
|
||||
await waitFor(() => expect(mockedProps.onConfirm).toHaveBeenCalledTimes(1));
|
||||
|
|
|
|||
|
|
@ -77,12 +77,12 @@ test('Calling "onConfirm" only after typing "delete" in the input', () => {
|
|||
expect(props.onConfirm).toBeCalledTimes(0);
|
||||
|
||||
// do not execute "onConfirm" if you have not typed "delete"
|
||||
userEvent.click(screen.getByText('delete'));
|
||||
userEvent.click(screen.getByText('Delete'));
|
||||
expect(props.onConfirm).toBeCalledTimes(0);
|
||||
|
||||
// execute "onConfirm" if you have typed "delete"
|
||||
userEvent.type(screen.getByTestId('delete-modal-input'), 'delete');
|
||||
userEvent.click(screen.getByText('delete'));
|
||||
userEvent.click(screen.getByText('Delete'));
|
||||
expect(props.onConfirm).toBeCalledTimes(1);
|
||||
|
||||
// confirm input has been cleared
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ export default function DeleteModal({
|
|||
disablePrimaryButton={disableChange}
|
||||
onHide={hide}
|
||||
onHandledPrimaryAction={confirm}
|
||||
primaryButtonName={t('delete')}
|
||||
primaryButtonName={t('Delete')}
|
||||
primaryButtonType="danger"
|
||||
show={open}
|
||||
title={title}
|
||||
|
|
|
|||
Loading…
Reference in New Issue