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

Merge pull request #27 from TimmFitschen/master

FIX: ActionButtonItem.label not working #26
parents 3d221fe4 79cad360
No related branches found
No related tags found
No related merge requests found
...@@ -37,28 +37,28 @@ const DropzoneButtons: React.FC<DropzoneButtonsProps> = ( ...@@ -37,28 +37,28 @@ const DropzoneButtons: React.FC<DropzoneButtonsProps> = (
cleanButton cleanButton
? { ? {
...cleanButton, ...cleanButton,
label: "Clean", label: cleanButton.label || "Clean",
onClick: cleanButton.onClick || onClean, onClick: cleanButton.onClick || onClean,
} }
: undefined, : undefined,
deleteButton deleteButton
? { ? {
...deleteButton, ...deleteButton,
label: "Delete", label: deleteButton.label || "Delete",
onClick: deleteButton.onClick || onDelete, onClick: deleteButton.onClick || onDelete,
} }
: undefined, : undefined,
uploadButton uploadButton
? { ? {
...uploadButton, ...uploadButton,
label: "Upload", label: uploadButton.label || "Upload",
onClick: uploadButton.onClick || onUpload, onClick: uploadButton.onClick || onUpload,
} }
: undefined, : undefined,
abortButton abortButton
? { ? {
...abortButton, ...abortButton,
label: "Abort", label: abortButton.label || "Abort",
onClick: abortButton.onClick || onAbort, onClick: abortButton.onClick || onAbort,
} }
: undefined, : undefined,
......
...@@ -8,3 +8,26 @@ test("Validate label text must be 'Drop yor files here...'", () => { ...@@ -8,3 +8,26 @@ test("Validate label text must be 'Drop yor files here...'", () => {
render(<Dropzone> Drop yor files here...</Dropzone>); render(<Dropzone> Drop yor files here...</Dropzone>);
expect(screen.getByText("Drop yor files here...")).toBeInTheDocument(); expect(screen.getByText("Drop yor files here...")).toBeInTheDocument();
}); });
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",
],
// abortButton and cleanButton need more interaction
])("label %s -> %s", (config, expected) => {
const { container } = render(
<Dropzone actionButtons={{ position: "after", ...config }} />,
);
expect(
container.querySelector(".files-ui-buttons-container button").textContent,
).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