From cb266e170418b49dbe09ea525dd169c659c2411d Mon Sep 17 00:00:00 2001
From: Sugui <anaisusg@gmail.com>
Date: Sun, 3 Mar 2024 12:33:28 +0100
Subject: [PATCH] Added test for renewing image when any button is clicked

---
 test/ImageModerator.test.tsx      |  8 --------
 test/unit/ImageModerator.test.tsx | 24 ++++++++++++++++++++++++
 2 files changed, 24 insertions(+), 8 deletions(-)
 delete mode 100644 test/ImageModerator.test.tsx
 create mode 100644 test/unit/ImageModerator.test.tsx

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(<ImageModerator apiEndpoint='"https://gelbooru.com/index.php?page=dapi&s=post&q=index&limit=1&json=1"' imageUrlProperty='post[0]' />);
-});
\ 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(<ImageModerator apiEndpoint='"https://gelbooru.com/index.php?page=dapi&s=post&q=index&limit=1&json=1"' imageUrlProperty='post[0]' />);
+});
+
+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);
+});