Merge pull request #1205 from ita-social-projects/feature/issue-1002-fix

Feature/issue 1002 fix

Author: yaakymiv

src/features/AdminPage/NewsPage/News.component.spec.tsx

@@ -1,18 +1,22 @@
 import { render, screen } from "@testing-library/react";
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";
 import Newss from "./News.component";
 import { MemoryRouter } from "react-router-dom";
 
 jest.mock("@stores/root-store", () => ({
   __esModule: true,
   default: () => ({
     newsStore: {
+      fetchSortedNews: jest.fn().mockResolvedValue([]),
       fetchNewsAllSortedByCreationDate: jest.fn().mockResolvedValue([]),
       NewsMap: new Map(),
       getNewsArray: [],
       deleteNews: jest.fn(),
       setInternalMap: jest.fn(),
     },
+    imagesStore: {
+      fetchImages: jest.fn(),
+    },
   }),
   useModalContext: jest.fn(() => ({
     modalStore: {
@@ -49,9 +53,17 @@ jest.mock("antd/es/table", () => ({ columns, dataSource }: any) => {
           <tr key={news.id}>
             {columns.map((column: any) => (
               <td key={`${news.id}-${column.key}`}>
-                {column.render
-                  ? column.render(news[column.dataIndex], news, 0)
-                  : news[column.dataIndex]}
+                {column.dataIndex === "image" ? (
+                  <img
+                    className="partners-table-logo"
+                    src={`data:${news.image.mimeType};base64,${news.image.base64}`}
+                    alt={news.image.alt}
+                  />
+                ) : column.render ? (
+                  column.render(news[column.dataIndex], news, 0)
+                ) : (
+                  news[column.dataIndex]
+                )}
               </td>
             ))}
           </tr>
@@ -73,12 +85,11 @@ describe("News", () => {
     const createNewsButton = screen.getByText("Створити новину");
 
     const titleCell = screen.getByText("Mock News 1").closest("td");
-    const imageCell = screen.getByRole("img", { name: /Mock News 1 Image/i }).closest("td");
+    const imageCell = screen.getByAltText("Mock News 1 Image");
     const creationDateCell = screen.getByText("2022-01-01").closest("td");
 
     expect(createNewsButton).toBeInTheDocument();
     expect(columnHeaders).toHaveLength(4);
-
     expect(titleCell).toBeInTheDocument();
     expect(imageCell).toBeInTheDocument();
     expect(creationDateCell).toBeInTheDocument();

src/features/AdminPage/NewsPage/NewsModal/NewsModal.component.spec.tsx

@@ -174,6 +174,7 @@ describe("NewsModal", () => {
 
     const newsToEdit = {
       id: 1,
+      imageId: 1,
       title: "Initial Title",
       url: "initial-url",
       text: "Initial Text",