@databiosphere/findable-ui 10.2.0 → 11.0.0

package/tests/azulFileDownload.test.tsx

@@ -0,0 +1,86 @@
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import React from "react";
+import { AzulFileDownload } from "../src/components/Index/components/AzulFileDownload/azulFileDownload";
+import {
+  AZUL_FILE_DOWNLOAD_TEST_ID,
+  AZUL_FILE_REQUEST_DOWNLOAD_PENDING_TEST_ID,
+  AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID,
+} from "../src/components/Index/components/AzulFileDownload/common/constants";
+import { useFileLocation } from "../src/hooks/useFileLocation";
+import { getAnchorEl, getButtonById } from "../src/utils/tests";
+
+jest.mock("../src/hooks/useFileLocation");
+
+describe("AzulFileDownload", () => {
+  const FILE_URL = "https://example.com/storage/file";
+  const MOCK_RUN = jest.fn();
+  const URL = "https://example.com/repository/file";
+  beforeEach(() => {
+    (useFileLocation as jest.Mock).mockReturnValue({
+      fileUrl: undefined,
+      isLoading: false,
+      run: MOCK_RUN,
+    });
+  });
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+  describe("download button", () => {
+    test("should render the download button", () => {
+      render(<AzulFileDownload url={URL} />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      expect(buttonEl).not.toBeNull();
+    });
+    test("should disable the download button if URL is undefined", () => {
+      render(<AzulFileDownload />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      expect(buttonEl.disabled).toBe(true);
+    });
+    test("should enable the download button if a URL is provided", () => {
+      render(<AzulFileDownload url={URL} />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      expect(buttonEl.disabled).toBe(false);
+    });
+  });
+  describe("download functionality", () => {
+    test("should call the run function when the button is clicked", () => {
+      render(<AzulFileDownload url={URL} />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      fireEvent.click(buttonEl);
+      expect(MOCK_RUN).toHaveBeenCalled();
+    });
+    test("should show loading icon when downloading is in progress", async () => {
+      (useFileLocation as jest.Mock).mockReturnValue({
+        fileUrl: undefined,
+        isLoading: false,
+        run: MOCK_RUN,
+      });
+      render(<AzulFileDownload url={URL} />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      fireEvent.click(buttonEl);
+      await waitFor(() => {
+        const pendingEl = getButtonById(
+          AZUL_FILE_REQUEST_DOWNLOAD_PENDING_TEST_ID
+        );
+        expect(pendingEl).not.toBeNull();
+      });
+      expect(
+        screen.queryByTestId(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID)
+      ).toBeNull();
+    });
+    test("should initiate download when fileUrl is available", () => {
+      (useFileLocation as jest.Mock).mockReturnValue({
+        fileUrl: FILE_URL,
+        isLoading: false,
+        run: MOCK_RUN,
+      });
+      render(<AzulFileDownload url={URL} />);
+      const buttonEl = getButtonById(AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID);
+      const anchorEl = getAnchorEl(AZUL_FILE_DOWNLOAD_TEST_ID);
+      fireEvent.click(buttonEl);
+      expect(anchorEl.download).not.toBeNull();
+      expect(anchorEl.href).toBe(FILE_URL);
+      expect(screen.queryByTestId(AZUL_FILE_DOWNLOAD_TEST_ID)).not.toBeNull();
+    });
+  });
+});

package/tests/useFileLocation.test.ts

@@ -0,0 +1,32 @@
+import { buildFetchFileUrl } from "../src/hooks/useFileLocation";
+
+const URL_INVALID = "invalidUrl";
+const URL_WITH_FETCH_PREPEND = "https://example.com/fetch/repository/file";
+const URL_WITHOUT_FETCH_PREPEND = "https://example.com/repository/file";
+
+jest.mock("../src/hooks/useRequestFileLocation");
+
+describe("useFileLocation", () => {
+  describe("build file URL", () => {
+    describe("buildFetchFileUrl", () => {
+      test("url is undefined", () => {
+        expect(buildFetchFileUrl()).toBeUndefined();
+      });
+      test("url is invalid", () => {
+        expect(() => buildFetchFileUrl(URL_INVALID)).toThrowError(
+          `Invalid file URL: ${URL_INVALID}`
+        );
+      });
+      test("url with 'fetch' prepended in path", () => {
+        expect(buildFetchFileUrl(URL_WITH_FETCH_PREPEND)).toEqual(
+          URL_WITH_FETCH_PREPEND
+        );
+      });
+      test("url without 'fetch' prepended in path", () => {
+        expect(buildFetchFileUrl(URL_WITHOUT_FETCH_PREPEND)).toEqual(
+          URL_WITH_FETCH_PREPEND
+        );
+      });
+    });
+  });
+});

package/tsconfig.json

@@ -15,7 +15,10 @@
     "baseUrl": "./src",
     "rootDir": "./src",
     "outDir": "lib",
-    "declaration": true
+    "declaration": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "types/*.d.ts"],
   "exclude": ["node_modules"]