|
@@ -21,15 +21,17 @@ interface ActionButtonProps {
|
|
|
icon: React.ReactNode;
|
|
|
tooltip: React.ReactNode;
|
|
|
onClick?: () => void;
|
|
|
+ 'data-testid'?: string;
|
|
|
}
|
|
|
|
|
|
const ActionButton: React.FC<ActionButtonProps> = ({
|
|
|
icon,
|
|
|
tooltip,
|
|
|
onClick,
|
|
|
+ 'data-testid': dataTestId,
|
|
|
}) => (
|
|
|
<Tooltip title={tooltip}>
|
|
|
- <Button icon={icon} onClick={onClick} style={{ width: '2.5rem' }} />
|
|
|
+ <Button icon={icon} onClick={onClick} style={{ width: '2.5rem' }} data-testid={dataTestId} />
|
|
|
</Tooltip>
|
|
|
);
|
|
|
|
|
@@ -102,7 +104,13 @@ const ActionPanel: React.FC = () => {
|
|
|
content: `确定要删除选中的 ${selectedIds.length} 个项目吗?此操作不可撤销。`,
|
|
|
okText: '确认删除',
|
|
|
cancelText: '取消',
|
|
|
- okButtonProps: { danger: true },
|
|
|
+ okButtonProps: {
|
|
|
+ danger: true,
|
|
|
+ 'data-testid': 'modal-confirm-delete'
|
|
|
+ },
|
|
|
+ cancelButtonProps: {
|
|
|
+ 'data-testid': 'modal-cancel-delete'
|
|
|
+ },
|
|
|
centered: true,
|
|
|
onOk: () => {
|
|
|
const delThunk = getDeleteThunk();
|
|
@@ -267,8 +275,8 @@ const ActionPanel: React.FC = () => {
|
|
|
}
|
|
|
onClick={() => showNotImplemented('')}
|
|
|
/>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<ActionButton
|
|
|
icon={
|
|
|
<Icon
|
|
@@ -288,7 +296,7 @@ const ActionPanel: React.FC = () => {
|
|
|
}
|
|
|
onClick={() => showNotImplemented('')}
|
|
|
/>
|
|
|
-
|
|
|
+
|
|
|
<ActionButton
|
|
|
icon={
|
|
|
<Icon
|