diff --git a/plugins/search/src/components/SearchContext/SearchContext.test.tsx b/plugins/search/src/components/SearchContext/SearchContext.test.tsx
index c45d74eade..1b79e62698 100644
--- a/plugins/search/src/components/SearchContext/SearchContext.test.tsx
+++ b/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 });
});
diff --git a/plugins/search/src/components/SearchPageNext/SearchPageNext.test.tsx b/plugins/search/src/components/SearchPageNext/SearchPageNext.test.tsx
index f00772f1c5..5890f8cf41 100644
--- a/plugins/search/src/components/SearchPageNext/SearchPageNext.test.tsx
+++ b/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';
diff --git a/plugins/search/src/components/SearchResultNext/SearchResultNext.test.tsx b/plugins/search/src/components/SearchResultNext/SearchResultNext.test.tsx
new file mode 100644
index 0000000000..98fc285265
--- /dev/null
+++ b/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(
+ {() => <>>},
+ );
+
+ 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(
+ {() => <>>},
+ );
+
+ 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(
+ {() => <>>},
+ );
+
+ 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(
+
+ {({ results }) => {
+ expect(results).toEqual([]);
+ return <>>;
+ }}
+ ,
+ );
+ });
+});