Update tests

src/test/components/imprint.spec.tsx

@@ -27,13 +27,12 @@ const props: IImprintProps = {
 
 describe("imprint.tsx", () => {
   beforeEach(() => {
-    delete global.window.location;
-    global.window = Object.create(window);
-    global.window.location = {
-      port: "123",
-      protocol: "http:",
-      hostname: "localhost",
-      href: "test",
+    // @ts-ignore
+    delete window.location;
+
+    window.location = {
+      ...location,
+      reload: jest.fn(),
     };
   });
 

src/test/components/searchBar.spec.tsx

@@ -2,10 +2,12 @@ import { fireEvent, render } from "@testing-library/react";
 import SearchBar, {
   handleQueryWithProvider,
   ISearchProviderProps,
-  ISearchBarProps,
+  ISearchProps,
 } from "../../components/searchBar";
 
-const providers: Array<ISearchProviderProps> = [
+const props: ISearchProps = {
+  defaultProvider: "https://test.com?q=",
+  providers: [
     {
       name: "Allmusic",
       url: "https://www.allmusic.com/search/all/",
@@ -21,10 +23,11 @@ const providers: Array<ISearchProviderProps> = [
       url: "https://duckduckgo.com/?q=",
       prefix: "/d",
     },
-];
+  ],
+};
 
 const setup = () => {
-  const searchBar = render(<SearchBar providers={providers} />);
+  const searchBar = render(<SearchBar search={props} />);
   const input = searchBar.getByTestId("search-input");
   const clearButton = searchBar.getByTestId("search-clear");
   const submitButton = searchBar.getByTestId("search-submit");
@@ -37,37 +40,44 @@ const setup = () => {
   };
 };
 
+const location: Location = window.location;
+
 describe("searchBar.tsx", () => {
   beforeEach(() => {
-    delete global.window.location;
-    global.window = Object.create(window);
-    global.window.location = {
-      port: "123",
-      protocol: "http:",
-      hostname: "localhost",
+    // @ts-ignore
+    delete window.location;
+
+    window.location = {
+      ...location,
+      reload: jest.fn(),
     };
   });
 
   it("Tests SearchBar rendering", () => {
-    const { asFragment } = render(<SearchBar providers={providers} />);
+    const { asFragment } = render(<SearchBar search={props} />);
     expect(asFragment).toMatchSnapshot();
   });
 
   it("Tests handleQueryWithProvider", () => {
-    providers.forEach((provider: ISearchProviderProps) => {
-      handleQueryWithProvider(providers, provider.prefix + " test");
+    props.providers?.forEach((provider: ISearchProviderProps) => {
+      handleQueryWithProvider(props, provider.prefix + " test");
       expect(window.location.href).toEqual(provider.url + "test");
     });
   });
 
   it("Tests handleQueryWithProvider default", () => {
-    handleQueryWithProvider(providers, "test");
-    expect(window.location.href).toEqual("https://google.com/search?q=test");
+    handleQueryWithProvider(props, "test");
+    expect(window.location.href).toEqual(props.defaultProvider + "test");
   });
 
   it("Tests handleQueryWithProvider without providers", () => {
-    handleQueryWithProvider(undefined, "test");
-    expect(window.location.href).toEqual("https://google.com/search?q=test");
+    const test: ISearchProps = {
+      defaultProvider: "https://test.com?q=",
+      providers: undefined,
+    };
+
+    handleQueryWithProvider(test, "test");
+    expect(window.location.href).toEqual(test.defaultProvider + "test");
   });
 
   it("Tests SearchBar component with default search", () => {
@@ -75,7 +85,7 @@ describe("searchBar.tsx", () => {
     fireEvent.change(input, { target: { value: "test" } });
     fireEvent.click(submitButton);
 
-    expect(window.location.href).toEqual("https://google.com/search?q=test");
+    expect(window.location.href).toEqual(props.defaultProvider + "test");
   });
 
   it("Tests SearchBar component with other search", () => {
@@ -96,6 +106,6 @@ describe("searchBar.tsx", () => {
     fireEvent.click(clearButton);
     fireEvent.click(submitButton);
 
-    expect(window.location.href).toEqual("https://google.com/search?q=");
+    expect(window.location.href).toEqual(props.defaultProvider);
   });
 });

src/test/components/settings.spec.tsx

@@ -9,7 +9,7 @@ import Settings, {
   SectionHeadline,
   SelectorStyle,
 } from "../../components/settings";
-import { ISearchProviderProps } from "../../components/searchBar";
+import { ISearchProps } from "../../components/searchBar";
 import { IThemeProps } from "../../lib/theme";
 
 const themes: Array<IThemeProps> = [
@@ -29,7 +29,9 @@ const themes: Array<IThemeProps> = [
   },
 ];
 
-const providers: Array<ISearchProviderProps> = [
+const search: ISearchProps = {
+  defaultProvider: "https://test.com?q=",
+  providers: [
     {
       name: "Allmusic",
       url: "https://www.allmusic.com/search/all/",
@@ -45,24 +47,25 @@ const providers: Array<ISearchProviderProps> = [
       url: "https://duckduckgo.com/?q=",
       prefix: "/d",
     },
-];
+  ],
+};
 
 const propsList = [
   {
     themes: themes,
-    providers: providers,
+    search: search,
   },
   {
     themes: themes,
-    providers: undefined,
+    search: undefined,
   },
   {
     themes: undefined,
-    providers: providers,
+    search: search,
   },
   {
     themes: undefined,
-    providers: undefined,
+    search: undefined,
   },
 ];
 
@@ -115,7 +118,7 @@ describe("settings.tsx", () => {
   it("Tests settings rendering", () => {
     propsList.forEach((props) => {
       const settings = render(
-        <Settings themes={props.themes} providers={props.providers} />,
+        <Settings themes={props.themes} search={props.search} />,
       );
 
       expect(settings.asFragment).toMatchSnapshot();
@@ -125,10 +128,7 @@ describe("settings.tsx", () => {
   // TODO: Finish this test
   it("Tests theme setting", () => {
     const settings = render(
-      <Settings
-        themes={propsList[0].themes}
-        providers={propsList[0].providers}
-      />,
+      <Settings themes={propsList[0].themes} search={propsList[0].search} />,
     );
 
     const toggleButton = settings.getByTestId("toggle-button");