@scality/data-browser-library 1.0.0-preview.13 → 1.0.0-preview.16

package/dist/components/__tests__/MetadataSearch.test.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
-import { MemoryRouter } from "react-router-dom";
-import { createQueryWrapper } from "../../test/testUtils.js";
+import { MemoryRouter } from "react-router";
+import { createTestWrapper } from "../../test/testUtils.js";
 import { MetadataSearch } from "../search/MetadataSearch.js";
 const renderMetadataSearch = (props = {}, initialEntries = [
-    "/bucket/test-bucket"
+    '/bucket/test-bucket'
 ])=>{
-    const QueryWrapper = createQueryWrapper();
-    return render(/*#__PURE__*/ jsx(QueryWrapper, {
+    const TestWrapper = createTestWrapper();
+    return render(/*#__PURE__*/ jsx(TestWrapper, {
         children: /*#__PURE__*/ jsx(MemoryRouter, {
             initialEntries: initialEntries,
             children: /*#__PURE__*/ jsx(MetadataSearch, {
@@ -18,50 +18,50 @@ const renderMetadataSearch = (props = {}, initialEntries = [
         })
     }));
 };
-describe("MetadataSearch", ()=>{
+describe('MetadataSearch', ()=>{
     const getInput = ()=>screen.getByPlaceholderText(/Metadata Search/i);
-    it("renders search input with placeholder", ()=>{
+    it('renders search input with placeholder', ()=>{
         renderMetadataSearch();
         expect(getInput()).toBeInTheDocument();
         expect(screen.getByPlaceholderText(/Metadata Search/i)).toBeInTheDocument();
     });
-    it("renders search button", ()=>{
+    it('renders search button', ()=>{
         renderMetadataSearch();
-        expect(screen.getByRole("button", {
+        expect(screen.getByRole('button', {
             name: /execute metadata search/i
         })).toBeInTheDocument();
     });
-    it("search button is disabled when input is empty", ()=>{
+    it('search button is disabled when input is empty', ()=>{
         renderMetadataSearch();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
         expect(searchButton).toBeDisabled();
     });
-    it("search button is enabled when input has text", async ()=>{
+    it('search button is enabled when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
-        await user_event.type(input, "test query");
+        await user_event.type(input, 'test query');
         expect(searchButton).toBeEnabled();
     });
-    it("shows search icon by default", ()=>{
+    it('shows search icon by default', ()=>{
         renderMetadataSearch();
         const input = getInput();
         const searchIcon = input.parentElement?.querySelector('[aria-label*="Search"]');
         expect(searchIcon).toBeInTheDocument();
     });
-    it("shows check icon when metadata search is active", ()=>{
+    it('shows check icon when metadata search is active', ()=>{
         renderMetadataSearch({}, [
-            "/bucket/test-bucket?metadatasearch=test"
+            '/bucket/test-bucket?metadatasearch=test'
         ]);
         const input = getInput();
         const checkIcon = input.parentElement?.querySelector('[aria-label*="Check"]');
         expect(checkIcon).toBeInTheDocument();
     });
-    it("shows error icon when error prop is true", ()=>{
+    it('shows error icon when error prop is true', ()=>{
         renderMetadataSearch({
             isError: true
         });
@@ -69,133 +69,133 @@ describe("MetadataSearch", ()=>{
         const errorIcon = input.parentElement?.querySelector('[aria-label*="Close"]');
         expect(errorIcon).toBeInTheDocument();
     });
-    it("populates input with existing search query from URL", ()=>{
+    it('populates input with existing search query from URL', ()=>{
         renderMetadataSearch({}, [
-            "/bucket/test-bucket?metadatasearch=existing+query"
+            '/bucket/test-bucket?metadatasearch=existing+query'
         ]);
         const input = getInput();
-        expect(input).toHaveValue("existing query");
+        expect(input).toHaveValue('existing query');
     });
-    it("shows reset button when input has text", async ()=>{
+    it('shows reset button when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test query");
-        expect(screen.getByRole("button", {
+        await user_event.type(input, 'test query');
+        expect(screen.getByRole('button', {
             name: /clear search input/i
         })).toBeInTheDocument();
     });
-    it("clears input when reset button is clicked", async ()=>{
+    it('clears input when reset button is clicked', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test query");
-        const resetButton = screen.getByRole("button", {
+        await user_event.type(input, 'test query');
+        const resetButton = screen.getByRole('button', {
             name: /clear search input/i
         });
         fireEvent.click(resetButton);
-        expect(input).toHaveValue("");
+        expect(input).toHaveValue('');
     });
-    it("shows hints when input is clicked and empty", async ()=>{
+    it('shows hints when input is clicked and empty', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
     });
-    it("does not show hints when input has text", async ()=>{
+    it('does not show hints when input has text', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "test");
+        await user_event.type(input, 'test');
         fireEvent.click(input);
-        expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+        expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
     });
-    it("hides hints when clicking outside", async ()=>{
+    it('hides hints when clicking outside', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
         fireEvent.mouseDown(document.body);
         await waitFor(()=>{
-            expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+            expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
         });
     });
-    it("displays search hint examples", async ()=>{
+    it('displays search hint examples', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
             expect(screen.getByText('files with extension ".pdf"')).toBeInTheDocument();
-            expect(screen.getByText("files bigger than 1MB")).toBeInTheDocument();
-            expect(screen.getByText("files tagged with color blue")).toBeInTheDocument();
+            expect(screen.getByText('files bigger than 1MB')).toBeInTheDocument();
+            expect(screen.getByText('files tagged with color blue')).toBeInTheDocument();
         });
     });
-    it("applies hint to input when hint is clicked", async ()=>{
+    it('applies hint to input when hint is clicked', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
         const pdfHint = screen.getByText('files with extension ".pdf"');
         fireEvent.click(pdfHint);
-        expect(input).toHaveValue("key like /pdf$/");
-        expect(screen.queryByText("Suggestions")).not.toBeInTheDocument();
+        expect(input).toHaveValue('key like /pdf$/');
+        expect(screen.queryByText('Suggestions')).not.toBeInTheDocument();
     });
-    it("focuses input after hint is selected", async ()=>{
+    it('focuses input after hint is selected', async ()=>{
         renderMetadataSearch();
         const input = getInput();
         fireEvent.click(input);
         await waitFor(()=>{
-            expect(screen.getByText("Suggestions")).toBeInTheDocument();
+            expect(screen.getByText('Suggestions')).toBeInTheDocument();
         });
-        const hint = screen.getByText("files bigger than 1MB");
+        const hint = screen.getByText('files bigger than 1MB');
         fireEvent.click(hint);
         expect(input).toHaveFocus();
     });
-    it("submits search when form is submitted", async ()=>{
+    it('submits search when form is submitted', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        const searchButton = screen.getByRole("button", {
+        const searchButton = screen.getByRole('button', {
             name: /execute metadata search/i
         });
-        await user_event.type(input, "content-type=application/pdf");
+        await user_event.type(input, 'content-type=application/pdf');
         fireEvent.click(searchButton);
-        expect(input).toHaveValue("content-type=application/pdf");
+        expect(input).toHaveValue('content-type=application/pdf');
     });
-    it("submits search when Enter key is pressed", async ()=>{
+    it('submits search when Enter key is pressed', async ()=>{
         renderMetadataSearch();
         const input = getInput();
-        await user_event.type(input, "key like /test$/");
-        fireEvent.submit(input.closest("form"));
-        expect(input).toHaveValue("key like /test$/");
+        await user_event.type(input, 'key like /test$/');
+        fireEvent.submit(input.closest('form'));
+        expect(input).toHaveValue('key like /test$/');
     });
-    it("is hidden when prefix points to a file", ()=>{
+    it('is hidden when prefix points to a file', ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/file.txt"
+            '/bucket/test-bucket?prefix=folder/file.txt'
         ]);
-        const form = container.querySelector("form");
+        const form = container.querySelector('form');
         expect(form).toHaveStyle({
-            visibility: "hidden"
+            visibility: 'hidden'
         });
     });
-    it("is hidden when prefix is a folder", ()=>{
+    it('is hidden when prefix is a folder', ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/"
+            '/bucket/test-bucket?prefix=folder/'
         ]);
-        const form = container.querySelector("form");
+        const form = container.querySelector('form');
         expect(form).toHaveStyle({
-            visibility: "hidden"
+            visibility: 'hidden'
         });
     });
-    it("prevents search submission when prefix points to a file", async ()=>{
+    it('prevents search submission when prefix points to a file', async ()=>{
         const { container } = renderMetadataSearch({}, [
-            "/bucket/test-bucket?prefix=folder/file.txt"
+            '/bucket/test-bucket?prefix=folder/file.txt'
         ]);
         const input = getInput();
         const searchButton = container.querySelector('button[type="submit"]');
-        await user_event.type(input, "test query");
+        await user_event.type(input, 'test query');
         expect(searchButton).toBeDisabled();
     });
 });