{planet.name}
diff --git a/src/PlanetFetch.ts b/src/PlanetFetch.ts
new file mode 100644
index 0000000..eae43a2
--- /dev/null
+++ b/src/PlanetFetch.ts
@@ -0,0 +1,85 @@
+interface Planet {
+ uid?: string;
+ name?: string;
+ properties: PlanetProperties;
+}
+
+interface PlanetProperties {
+ name?: string;
+ diameter: string;
+ rotation_period: string;
+ orbital_period: string;
+ population: string;
+ climate: string;
+ terrain: string;
+}
+
+interface PlanetsListItem {
+ uid: string;
+ name: string;
+ url: string;
+}
+
+interface PlanetsListResponse {
+ results: PlanetsListItem[];
+}
+
+interface PlanetDetailsResponse {
+ result: {
+ properties: PlanetProperties;
+ uid: string;
+ };
+}
+
+interface PlanetDetailsResponseSearch {
+ result: [];
+}
+
+async function fetchData(searchQuery: string): Promise {
+ const response = await fetch(searchQuery);
+ if (!response.ok) {
+ throw new Error("Error in request");
+ }
+ return response.json();
+}
+
+const ArrayToPlanet = (data: {
+ uid: string;
+ properties: PlanetProperties;
+}): Planet => {
+ return {
+ uid: data.uid,
+ name: data.properties.name,
+ properties: {
+ name: data.properties.name,
+ diameter: data.properties.diameter,
+ rotation_period: data.properties.rotation_period,
+ orbital_period: data.properties.orbital_period,
+ population: data.properties.population,
+ climate: data.properties.climate,
+ terrain: data.properties.terrain,
+ },
+ };
+};
+
+export const PlanetApi = {
+ async fetchPlanets(searchQuery: string = "") {
+ const apiUrl: string = "https://swapi.tech/api/planets";
+ let url: string;
+ let planets: Planet[] = [];
+ if (searchQuery) {
+ url = apiUrl + "?name=" + encodeURIComponent(searchQuery.trim());
+ const listData = await fetchData(url);
+ planets = listData.result.map((planet) => ArrayToPlanet(planet));
+ } else {
+ const listData = await fetchData(apiUrl);
+ const planetsDetails = await Promise.all(
+ listData.results.map((item) =>
+ fetchData(item.url),
+ ),
+ );
+ planets = planetsDetails.map((detail) => ArrayToPlanet(detail.result));
+ }
+ return planets;
+ },
+};
diff --git a/src/__tests__/App_test1.test.tsx b/src/__tests__/App_test1.test.tsx
new file mode 100644
index 0000000..3d78b5d
--- /dev/null
+++ b/src/__tests__/App_test1.test.tsx
@@ -0,0 +1,15 @@
+import { screen, render } from "@testing-library/react";
+import App from "../App";
+
+describe("App tests render", () => {
+ test("should render the title", () => {
+ render(
+ ,
+ );
+
+ const errorButton = screen.getByRole("button", { name: /Error/ });
+ await userEvent.click(errorButton);
+
+ expect(screen.getByText(/Test error/)).toBeInTheDocument();
+ expect(ErrorSpy).toHaveBeenCalled();
+
+ const errorCalls = ErrorSpy.mock.calls;
+ expect(errorCalls[0][1].toString()).toContain("Error: Test error");
+ ErrorSpy.mockRestore();
+ });
+
+ it("should click reboot button", async () => {
+ render(
+
+ ,
+ );
+
+ const errorButton = screen.getByRole("button", { name: /Error/ });
+ await userEvent.click(errorButton);
+
+ const rebootButton = screen.getByRole("button", { name: /Reboot/ });
+ await userEvent.click(rebootButton);
+
+ expect(screen.queryByText(/Test error/)).not.toBeInTheDocument();
+ expect(screen.getByRole("button", { name: /Error/ })).toBeInTheDocument();
+ });
+});
diff --git "a/src/__tests__/Search_\320\241omponent_Tests.test.tsx" "b/src/__tests__/Search_\320\241omponent_Tests.test.tsx"
new file mode 100644
index 0000000..d200a63
--- /dev/null
+++ "b/src/__tests__/Search_\320\241omponent_Tests.test.tsx"
@@ -0,0 +1,91 @@
+import { describe, test, expect, vi, beforeEach } from "vitest";
+import { render, screen } from "@testing-library/react";
+import App from "../App";
+import userEvent from "@testing-library/user-event";
+describe("Search Component Tests", () => {
+ const localStorageMock = {
+ getItem: vi.fn(),
+ setItem: vi.fn(),
+ };
+
+ beforeEach(() => {
+ vi.stubGlobal("localStorage", localStorageMock);
+ });
+
+ test("should render Input and Button elements", () => {
+ render(