Skip to content
Snippets Groups Projects
Unverified Commit a07be4c1 authored by JinSSJ3's avatar JinSSJ3 Committed by GitHub
Browse files

Merge pull request #29 from TimmFitschen/fix-actionButton-disabled

FIX: ActionButtonItem.disabled not working #28
parents 9aebaf4c ae89b17d
No related branches found
No related tags found
No related merge requests found
......@@ -79,8 +79,15 @@ const DropzoneButtons: React.FC<DropzoneButtonsProps> = (
(actionButtonProps: ActionButtonItem, index: number) => {
const { children, label, resetStyles, className, style, onClick } =
actionButtonProps;
const {
disabled,
children,
label,
resetStyles,
className,
style,
onClick,
} = actionButtonProps;
return (
<MaterialButton
key={index}
......
......@@ -11,23 +11,24 @@ test("Validate label text must be 'Drop yor files here...'", () => {
describe("Dropzone actionButtons", () => {
test.each([
[{ uploadButton: { onClick: console.log } }, "Upload"],
[{ uploadButton: { label: undefined, onClick: console.log } }, "Upload"],
[{ uploadButton: { label: null, onClick: console.log } }, "Upload"],
[{ uploadButton: { label: "my label", onClick: console.log } }, "my label"],
[{ deleteButton: { label: null, onClick: console.log } }, "Delete"],
[
{ deleteButton: { label: "my delete label", onClick: console.log } },
"my delete label",
],
[{ uploadButton: { onClick: console.log } }, false],
[{ uploadButton: { onClick: console.log, disabled: false } }, false],
[{ uploadButton: { onClick: console.log, disabled: true } }, true],
[{ deleteButton: { onClick: console.log } }, false],
[{ deleteButton: { onClick: console.log, disabled: false } }, false],
[{ deleteButton: { onClick: console.log, disabled: true } }, true],
// abortButton and cleanButton need more interaction
])("label %s -> %s", (config, expected) => {
])("disabled %s -> %s", (config, expected) => {
const { container } = render(
<Dropzone actionButtons={{ position: "after", ...config }} />,
);
expect(
container.querySelector(".files-ui-buttons-container button").textContent,
(
container.querySelector(
".files-ui-buttons-container button",
) as HTMLInputElement
).disabled,
).toBe(expected);
});
});
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment