fix: Delete modal button with lowercase text (#30060)

(cherry picked from commit cd6b8b2)

superset-frontend/src/components/ConfirmStatusChange/ConfirmStatusChange.test.jsx

@@ -37,27 +37,32 @@ describe('ConfirmStatusChange', () => {
         </>
       )}
     </ConfirmStatusChange>,
-    {
-      wrappingComponent: ThemeProvider,
-      wrappingComponentProps: { theme: supersetTheme },
-    },
   );
 
-  it('opens a confirm modal', () => {
-    act(() => {
-      wrapper.find('#btn1').first().props().onClick('foo');
-    });
+  fireEvent.click(getByTestId('btn1'));
 
-    wrapper.update();
+  expect(getByTestId(`${mockedProps.title}-modal`)).toBeInTheDocument();
+});
+
+test('calls the function on confirm', async () => {
+  const { getByTestId, getByRole } = render(
+    <ConfirmStatusChange {...mockedProps}>
+      {confirm => (
+        <>
+          <Button data-test="btn1" onClick={() => confirm('foo')} />
+        </>
+      )}
+    </ConfirmStatusChange>,
+  );
+
+  fireEvent.click(getByTestId('btn1'));
 
-    expect(wrapper.find(Modal)).toExist();
-  });
+  const confirmInput = getByTestId('delete-modal-input');
+  fireEvent.change(confirmInput, { target: { value: 'DELETE' } });
 
-  it('calls the function on confirm', () => {
-    act(() => {
-      wrapper.find(Button).last().props().onClick();
-    });
+  const confirmButton = getByRole('button', { name: 'Delete' });
+  fireEvent.click(confirmButton);
 
-    expect(mockedProps.onConfirm).toHaveBeenCalledWith('foo');
-  });
+  await waitFor(() => expect(mockedProps.onConfirm).toHaveBeenCalledTimes(1));
+  expect(mockedProps.onConfirm).toHaveBeenCalledWith('foo');
 });

superset-frontend/src/components/DeleteModal/DeleteModal.test.tsx

@@ -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

superset-frontend/src/components/DeleteModal/index.tsx

@@ -81,7 +81,7 @@ export default function DeleteModal({
       disablePrimaryButton={disableChange}
       onHide={hide}
       onHandledPrimaryAction={confirm}
-      primaryButtonName={t('delete')}
+      primaryButtonName={t('Delete')}
       primaryButtonType="danger"
       show={open}
       title={title}