0Ry5/n39librarian
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity

feat(BookModal): update tests

Browse source
This commit is contained in:
0ry5 2025-01-17 15:14:56 +01:00
parent b25c54915f
commit 6548250178
2 changed files with 32 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
frontend/src/shared/components/modals/__tests__/BookModal.test.tsx
View file

@ -1,29 +1,44 @@
import { render } from "@testing-library/react";
import { BookModal } from "../BookModal";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
describe("BookModal", () => {
global.fetch = jest.fn(() =>
Promise.resolve({
json: () => Promise.resolve({ test: 100 }),
})
) as jest.Mock;
const queryClient = new QueryClient();
it("renders without a book", () => {
const view = render(<BookModal open={true} onClose={() => undefined} />);
const view = render(
<QueryClientProvider client={queryClient}>
<BookModal open={true} onClose={() => undefined} />
</QueryClientProvider>
);
expect(view.baseElement).toMatchSnapshot();
});
it("sets book as default value", () => {
const view = render(
<BookModal
open={true}
onClose={() => undefined}
book={{
id: 1,
uuid: "mockedbook",
isbn: "123",
title: "mockedbook",
published: 2024,
lastCheckoutDate: null,
checkoutBy: null,
shelf: "AVAILABLE",
contact: null,
}}
/>
<QueryClientProvider client={queryClient}>
<BookModal
open={true}
onClose={() => undefined}
book={{
id: 1,
uuid: "mockedbook",
isbn: "123",
title: "mockedbook",
published: 2024,
lastCheckoutDate: null,
checkoutBy: null,
shelf: "AVAILABLE",
contact: null,
}}
/>
</QueryClientProvider>
);
expect(view.baseElement).toMatchSnapshot();
});

52
frontend/src/shared/components/modals/__tests__/__snapshots__/BookModal.test.tsx.snap
View file

@ -199,35 +199,10 @@ exports[`BookModal renders without a book 1`] = `
<div
class="col"
>
<select
class="form-select"
name="shelf"
>
<option
value="AVAILABLE"
>
available
</option>
<option
value="FNORD1"
>
fnord1
</option>
<option
value="FNORD2"
>
fnord2
</option>
<option
value="SHARING"
>
sharing
</option>
</select>
<div
class="invalid-feedback"
>
Shelf is required
Target shelf is required
</div>
</div>
</div>
@ -445,31 +420,6 @@ exports[`BookModal sets book as default value 1`] = `
<div
class="col"
>
<select
class="form-select"
name="shelf"
>
<option
value="AVAILABLE"
>
available
</option>
<option
value="FNORD1"
>
fnord1
</option>
<option
value="FNORD2"
>
fnord2
</option>
<option
value="SHARING"
>
sharing
</option>
</select>
<div
class="invalid-feedback"
/>