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); +});