test(plugins/search): complete SearchResultNext coverage

Signed-off-by: Camila Belo <camilaibs@gmail.com>
Signed-off-by: Eric Peterson <ericpeterson@spotify.com>

plugins/search/src/components/SearchContext/SearchContext.test.tsx

@@ -44,7 +44,7 @@ describe('SearchContext', () => {
   };
 
   beforeEach(() => {
-    _alphaPerformSearch.mockResolvedValue([]);
+    _alphaPerformSearch.mockResolvedValue({});
     (useApi as jest.Mock).mockReturnValue({ _alphaPerformSearch });
   });
 

plugins/search/src/components/SearchPageNext/SearchPageNext.test.tsx

@@ -16,7 +16,6 @@
 
 import React from 'react';
 import { renderInTestApp } from '@backstage/test-utils';
-import { render, screen, waitFor } from '@testing-library/react';
 import { useLocation, Outlet } from 'react-router';
 
 import { useSearch, SearchContextProvider } from '../SearchContext';

plugins/search/src/components/SearchResultNext/SearchResultNext.test.tsx

@@ -0,0 +1,92 @@
+/*
+ * Copyright 2021 Spotify AB
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from 'react';
+import { render, waitFor } from '@testing-library/react';
+
+import { SearchResultNext } from './SearchResultNext';
+import { useSearch } from '../SearchContext';
+
+jest.mock('../SearchContext', () => ({
+  ...jest.requireActual('../SearchContext'),
+  useSearch: jest.fn().mockReturnValue({
+    result: {},
+  }),
+}));
+
+describe('SearchResultNext', () => {
+  it('Progress rendered on Loading state', async () => {
+    (useSearch as jest.Mock).mockReturnValueOnce({
+      result: { loading: true },
+    });
+
+    const { getByRole } = render(
+      <SearchResultNext>{() => <></>}</SearchResultNext>,
+    );
+
+    await waitFor(() => {
+      expect(getByRole('progressbar')).toBeInTheDocument();
+    });
+  });
+
+  it('Alert rendered on Error state', async () => {
+    const error = 'error';
+    (useSearch as jest.Mock).mockReturnValueOnce({
+      result: { loading: false, error },
+    });
+
+    const { getByRole } = render(
+      <SearchResultNext>{() => <></>}</SearchResultNext>,
+    );
+
+    await waitFor(() => {
+      expect(getByRole('alert')).toHaveTextContent(
+        `Error encountered while fetching search results. ${error}`,
+      );
+    });
+  });
+
+  it('On empty result value state', async () => {
+    (useSearch as jest.Mock).mockReturnValueOnce({
+      result: { loading: false, error: '', value: undefined },
+    });
+
+    const { getByRole } = render(
+      <SearchResultNext>{() => <></>}</SearchResultNext>,
+    );
+
+    await waitFor(() => {
+      expect(
+        getByRole('heading', { name: 'Sorry, no results were found' }),
+      ).toBeInTheDocument();
+    });
+  });
+
+  it('Calls children with results set to result.value', () => {
+    (useSearch as jest.Mock).mockReturnValueOnce({
+      result: { loading: false, error: '', value: { results: [] } },
+    });
+
+    render(
+      <SearchResultNext>
+        {({ results }) => {
+          expect(results).toEqual([]);
+          return <></>;
+        }}
+      </SearchResultNext>,
+    );
+  });
+});