diff --git a/test/ImageModerator.test.tsx b/test/ImageModerator.test.tsx
deleted file mode 100644
index c8badd0..0000000
--- a/test/ImageModerator.test.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react";
-import { describe, it } from "bun:test";
-import ImageModerator from '../src/components/ImageModerator/ImageModerator';
-
-it("should render without crashing", () => {
- render();
-});
\ No newline at end of file
diff --git a/test/unit/ImageModerator.test.tsx b/test/unit/ImageModerator.test.tsx
new file mode 100644
index 0000000..f281c74
--- /dev/null
+++ b/test/unit/ImageModerator.test.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "bun:test";
+import ImageModerator from '../../src/components/ImageModerator/ImageModerator';
+
+it("should render into the document", () => {
+ render();
+});
+
+it("should show a new image when accept button is clicked", () => {
+ const acceptButton = screen.getByText("Accept");
+ const imgElement = screen.getByRole("img");
+ const imgElementSrcBefore = imgElement.getAttribute("src");
+ acceptButton.click()
+ expect(imgElement.getAttribute("src")).not.toEqual(imgElementSrcBefore);
+});
+
+it("should show a new image when discard button is clicked", () => {
+ const discardButton = screen.getByText("Discard");
+ const imgElement = screen.getByRole("img");
+ const imgElementSrcBefore = imgElement.getAttribute("src");
+ discardButton.click()
+ expect(imgElement.getAttribute("src")).not.toEqual(imgElementSrcBefore);
+});