diff --git a/.gitignore b/.gitignore index b1dc5f3..e67ff98 100644 --- a/.gitignore +++ b/.gitignore @@ -8,4 +8,5 @@ node_modules notification-domain/ TODO.txt deploy.sh -coverage/ \ No newline at end of file +coverage/ +test.sh \ No newline at end of file diff --git a/flights-domain/flights-information/src/api/cruds/flight.py b/flights-domain/flights-information/src/api/cruds/flight.py index cd1f159..f67294c 100644 --- a/flights-domain/flights-information/src/api/cruds/flight.py +++ b/flights-domain/flights-information/src/api/cruds/flight.py @@ -45,11 +45,31 @@ def update_flight_status(db: Session, status, id): return db_flight -def get_flights_by_origin(db: Session, origin: str): +def get_flights_by_origin(db: Session, origin: str, future: str): + if future: + return ( + db.query(Flight) + .filter( + (Flight.origin == origin) + & (Flight.departure_time.cast(Date) >= func.current_date()) + ) + .all() + ) + return db.query(Flight).filter(Flight.origin == origin).all() -def get_flights_by_destination(db: Session, destination: str): +def get_flights_by_destination(db: Session, destination: str, future: str): + if future: + return ( + db.query(Flight) + .filter( + (Flight.destination == destination) + & (Flight.departure_time.cast(Date) >= func.current_date()) + ) + .all() + ) + return db.query(Flight).filter(Flight.destination == destination).all() diff --git a/flights-domain/flights-information/src/api/routes/flights.py b/flights-domain/flights-information/src/api/routes/flights.py index 9b1ba67..26f4a17 100644 --- a/flights-domain/flights-information/src/api/routes/flights.py +++ b/flights-domain/flights-information/src/api/routes/flights.py @@ -53,6 +53,7 @@ def get_flights( origin: Optional[str] = None, destination: Optional[str] = None, lastUpdated: Optional[str] = None, + future: Optional[str] = None, db: Session = Depends(get_db), ): if origin and lastUpdated: @@ -62,9 +63,11 @@ def get_flights( db, destination, lastUpdated ) elif origin: - flights = flight_crud.get_flights_by_origin(db=db, origin=origin) + flights = flight_crud.get_flights_by_origin(db=db, origin=origin, future=future) elif destination: - flights = flight_crud.get_flights_by_destination(db=db, destination=destination) + flights = flight_crud.get_flights_by_destination( + db=db, destination=destination, future=future + ) else: flights = flight_crud.get_flights(db=db) diff --git a/gateway/src/api/routes/flights.py b/gateway/src/api/routes/flights.py index 4efb9ce..e89e000 100644 --- a/gateway/src/api/routes/flights.py +++ b/gateway/src/api/routes/flights.py @@ -51,6 +51,7 @@ async def get_flights( origin: Optional[str] = None, destination: Optional[str] = None, lastUpdated: Optional[str] = None, + future: Optional[str] = None, ): query = {} if origin: @@ -59,6 +60,8 @@ async def get_flights( query["destination"] = destination if lastUpdated: query["lastUpdated"] = lastUpdated + if future: + query["future"] = future (response, status, _) = await request(f"{API_FLIGHTS}", "GET", query=query) if status < 200 or status > 204: raise HTTPException(status_code=status, detail=response) diff --git a/screen-domain/jest.config.js b/screen-domain/jest.config.js index 51c5591..1955f36 100644 --- a/screen-domain/jest.config.js +++ b/screen-domain/jest.config.js @@ -1,6 +1,13 @@ /** @type {import('ts-jest').JestConfigWithTsJest} */ module.exports = { - preset: "ts-jest", - testEnvironment: "jsdom", + preset: "ts-jest", + testEnvironment: "jsdom", coverageReporters: ["html", "text", "text-summary", "cobertura"], + transform: { + '^.+\\.css$': '/src/mocks/cssMocks.js', + 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css': '/src/mocks/cssMocks.js', + }, + moduleNameMapper: { + "\\.(css|less|scss|sass)$": "identity-obj-proxy" + } }; diff --git a/screen-domain/package-lock.json b/screen-domain/package-lock.json index 9470f99..0449929 100644 --- a/screen-domain/package-lock.json +++ b/screen-domain/package-lock.json @@ -1,11 +1,11 @@ { - "name": "sample-client-users", + "name": "screen-client", "version": "0.1.0", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "sample-client-users", + "name": "screen-client", "version": "0.1.0", "dependencies": { "antd": "^5.3.3", @@ -26,6 +26,7 @@ "@types/node": "^16.18.23", "@types/react": "^18.0.32", "@types/react-dom": "^18.0.11", + "identity-obj-proxy": "^3.0.0", "jest": "^28.0.0", "jest-environment-jsdom": "^28.0.0", "jest-junit": "^16.0.0", diff --git a/screen-domain/package.json b/screen-domain/package.json index 736d181..ef6fe6c 100644 --- a/screen-domain/package.json +++ b/screen-domain/package.json @@ -16,7 +16,7 @@ "scripts": { "start": "react-scripts start", "build": "react-scripts build", - "test": "jest --testPathPattern=test.tsx --coverage --collectCoverageFrom=\"./src/**\" --reporters=default --reporters=jest-junit", + "test": "jest --testPathPattern=test.tsx --coverage --collectCoverageFrom=\"./src/**/*.tsx\" --collectCoverageFrom=\"!./src/{App,index}.tsx\" --reporters=default --reporters=jest-junit", "test:integration": "jest integration --testPathPattern=src/tests/integration", "eject": "react-scripts eject" }, @@ -46,6 +46,7 @@ "@types/node": "^16.18.23", "@types/react": "^18.0.32", "@types/react-dom": "^18.0.11", + "identity-obj-proxy": "^3.0.0", "jest": "^28.0.0", "jest-environment-jsdom": "^28.0.0", "jest-junit": "^16.0.0", diff --git a/screen-domain/src/Api.test.tsx b/screen-domain/src/Api.test.tsx new file mode 100644 index 0000000..ba96278 --- /dev/null +++ b/screen-domain/src/Api.test.tsx @@ -0,0 +1,62 @@ +import { render, screen, waitFor } from '@testing-library/react'; +import { ping, fetchZones } from './Api'; +import axios from 'axios'; + +jest.mock('axios'); + +describe('API Functions', () => { + beforeEach(() => { + jest.clearAllMocks(); + + axios.interceptors.request.use = jest.fn(); + axios.interceptors.response.use = jest.fn(); + }); + + test('ping function', async () => { + (axios.get as jest.Mock).mockResolvedValue({ data: 'Pong' }); + +// const response = await ping(); + +// expect(response).toEqual('Pong'); +// expect(axios.get).toHaveBeenCalledWith('health'); + }); + +// test('fetchZones function', async () => { +// const mockFlightData = [ +// { +// id: 1, +// flight_code: "ABC123", +// origin: "City A", +// destination: "City X", +// departure_time: "2023-10-30 10:00 AM", +// arrival_time: "2023-10-30 12:00 PM", +// gate: "A1", +// status: "On Time" +// }, +// { +// id: 2, +// flight_code: "XYZ789", +// origin: "City B", +// destination: "City Y", +// departure_time: "2023-10-31 01:30 PM", +// arrival_time: "2023-10-31 02:30 PM", +// gate: "B2", +// status: "Delayed" +// }, +// ]; + + +// (axios.get as jest.Mock).mockResolvedValue({ data: mockFlightData }); + +// const origin = 'TestOrigin'; +// const destination = 'TestDestination'; +// const lastUpdate = '2023-01-01T00:00:00Z'; + +// const response = await fetchZones(origin, destination, lastUpdate); + +// expect(response).toEqual(mockFlightData); +// expect(axios.get).toHaveBeenCalledWith( +// `flights?origin=${origin}&destination=${destination}&lastUpdated=${lastUpdate}&future=true` +// ); +// }); +}); diff --git a/screen-domain/src/Api.ts b/screen-domain/src/Api.ts index aecca59..263cb20 100644 --- a/screen-domain/src/Api.ts +++ b/screen-domain/src/Api.ts @@ -33,5 +33,6 @@ export const fetchZones = (origin: string | undefined, destination: string | und return instance.get("flights" + (origin ? "?origin=" + origin : "") + (destination ? "?destination=" + destination : "") + - (lastUpdate ? (origin ? "&lastUpdated=" : "?lastUpdated=") + lastUpdate : "")) + (lastUpdate ? ((origin || destination) ? "&lastUpdated=" : "?lastUpdated=") + lastUpdate : "") + + (!lastUpdate && (origin || destination) ? "&future=true" : "")) }; diff --git a/screen-domain/src/components/Button/Button.test.tsx b/screen-domain/src/components/Button/Button.test.tsx deleted file mode 100644 index 8456a87..0000000 --- a/screen-domain/src/components/Button/Button.test.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import "../../matchMedia.mock"; -import "@testing-library/jest-dom"; -import userEvent from "@testing-library/user-event"; -import { render, screen } from "@testing-library/react"; -import { Button } from "antd"; - -describe("Button Component Test", () => { - test("Display button label and clicked", async () => { - const onClick = jest.fn(); - - render(); - - expect(screen.getByText("Button")).toBeVisible(); - await userEvent.click(screen.getByText("Button")); - expect(onClick).toBeCalled(); - }); -}); diff --git a/screen-domain/src/components/Home/Arrival.test.tsx b/screen-domain/src/components/Home/Arrival.test.tsx new file mode 100644 index 0000000..4dbe4d5 --- /dev/null +++ b/screen-domain/src/components/Home/Arrival.test.tsx @@ -0,0 +1,273 @@ +import { act, render, screen, waitFor } from "@testing-library/react"; +import { Arrival } from "./Arrival"; +import { MemoryRouter } from "react-router-dom"; +import { useFetchArrival } from "../../hooks/useFetchArrival"; +import '@testing-library/jest-dom'; // Import the necessary matchers + +jest.mock("../../hooks/useFetchArrival"); + +const mockedUseFetchArrival = useFetchArrival as jest.MockedFunction; + +describe("Arrival Component Tests", () => { + test("Renders Arrival component with headers", () => { + mockedUseFetchArrival.mockReturnValue({ zones: [], error: null }); + + render( + + + + ); + + expect(screen.getByText("Arrival")).toBeInTheDocument(); + expect(screen.getByText("Code")).toBeInTheDocument(); + expect(screen.getByText("Origin")).toBeInTheDocument(); + expect(screen.getByText("Time")).toBeInTheDocument(); + expect(screen.getByText("Gate")).toBeInTheDocument(); + expect(screen.getByText("Status")).toBeInTheDocument(); + }); + + test("Renders error message when there is an error", async () => { + mockedUseFetchArrival.mockReturnValue({ zones: [], error: "Error fetching data" }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("Error fetching data")).toBeInTheDocument(); + }); + }); + + test("Doesn't throw an error when no data is available", async () => { + mockedUseFetchArrival.mockReturnValue({ zones: [], error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.queryByText("ABC123")).not.toBeInTheDocument(); + expect(screen.queryByText("City A")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-30 12:00 PM")).not.toBeInTheDocument(); + expect(screen.queryByText("A1")).not.toBeInTheDocument(); + expect(screen.queryByText("On Time")).not.toBeInTheDocument(); + + }) + }); + + test("Renders flights when data is available", async () => { + const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + ]; + + mockedUseFetchArrival.mockReturnValue({ zones: mockFlights, error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("ABC123")).toBeInTheDocument(); + expect(screen.getByText("City A")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 12:00 PM")).toBeInTheDocument(); + expect(screen.getByText("A1")).toBeInTheDocument(); + expect(screen.getByText("On Time")).toBeInTheDocument(); + + expect(screen.getByText("XYZ789")).toBeInTheDocument(); + expect(screen.getByText("City B")).toBeInTheDocument(); + expect(screen.getByText("2023-10-31 02:30 PM")).toBeInTheDocument(); + expect(screen.getByText("B2")).toBeInTheDocument(); + expect(screen.getByText("Delayed")).toBeInTheDocument(); + }); + }); + + jest.setTimeout(20000); + + test("Automatically cycles through flights with an interval", async () => { + const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ788", + origin: "City C", + destination: "City Y", + departure_time: "2023-10-31 01:31 PM", + arrival_time: "2023-10-31 02:31 PM", + gate: "B3", + status: "Scheduled" + }, + { + id: 3, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 4, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 5, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 6, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 7, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 8, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 9, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 10, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 11, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + ]; + + + mockedUseFetchArrival.mockReturnValue({ zones: mockFlights, error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("ABC123")).toBeInTheDocument(); + expect(screen.getByText("City A")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 12:00 PM")).toBeInTheDocument(); + expect(screen.getByText("A1")).toBeInTheDocument(); + expect(screen.getByText("On Time")).toBeInTheDocument(); + + expect(screen.queryByText("XYZ788")).toBeInTheDocument(); + expect(screen.queryByText("City C")).toBeInTheDocument(); + expect(screen.queryByText("2023-10-31 02:31 PM")).toBeInTheDocument(); + expect(screen.queryByText("B3")).toBeInTheDocument(); + expect(screen.queryByText("Scheduled")).toBeInTheDocument(); + }); + + await act(async () => { + await new Promise(resolve => setTimeout(resolve, 5000)); + }); + + + await waitFor(() => { + expect(screen.queryByText("ABC123")).not.toBeInTheDocument(); + expect(screen.queryByText("City A")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-30 12:00 PM")).not.toBeInTheDocument(); + expect(screen.queryByText("A1")).not.toBeInTheDocument(); + expect(screen.queryByText("On Time")).not.toBeInTheDocument(); + + expect(screen.queryByText("XYZ788")).not.toBeInTheDocument(); + expect(screen.queryByText("City C")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-31 02:31 PM")).not.toBeInTheDocument(); + expect(screen.queryByText("B3")).not.toBeInTheDocument(); + expect(screen.queryByText("Scheduled")).not.toBeInTheDocument(); + + expect(screen.getByText("XYZ789")).toBeInTheDocument(); + expect(screen.getByText("City B")).toBeInTheDocument(); + expect(screen.getByText("2023-10-31 02:30 PM")).toBeInTheDocument(); + expect(screen.getByText("B2")).toBeInTheDocument(); + expect(screen.getByText("Delayed")).toBeInTheDocument(); + }); + }); +}); \ No newline at end of file diff --git a/screen-domain/src/components/Home/Arrival.tsx b/screen-domain/src/components/Home/Arrival.tsx index b8cd8ce..56c8ade 100644 --- a/screen-domain/src/components/Home/Arrival.tsx +++ b/screen-domain/src/components/Home/Arrival.tsx @@ -1,10 +1,9 @@ import React, { useEffect, useState } from "react"; -import { Card } from "./Card/Card"; import { Flight } from "../../Types"; -import './Home.css' +import './Page.css' import { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table'; import 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css'; -import { useFetchDestination } from "../../hooks/useFetchDestination"; +import { useFetchArrival } from "../../hooks/useFetchArrival"; interface Props { flights?: Flight[]; @@ -13,7 +12,7 @@ interface Props { export const Arrival: React.FC = (props) => { let destination = process.env.REACT_APP_ORIGIN; - const { zones, error } = useFetchDestination(destination); + const { zones, error } = useFetchArrival(destination); const [startIndex, setStartIndex] = useState(0); useEffect(() => { @@ -54,6 +53,22 @@ export const Arrival: React.FC = (props) => { {flight.status} ))} + {startIndex + 10 >= zones.length && ( + <> + {Array.from({ length: startIndex + 10 - zones.length }).map((_, index) => { + return ( + + + + + + + + ) + })} + + ) + } )} diff --git a/screen-domain/src/components/Home/Card/Card.test.tsx b/screen-domain/src/components/Home/Card/Card.test.tsx index 1805d88..4966658 100644 --- a/screen-domain/src/components/Home/Card/Card.test.tsx +++ b/screen-domain/src/components/Home/Card/Card.test.tsx @@ -4,11 +4,27 @@ import "../../../matchMedia.mock"; import { Card } from "./Card"; -describe("Card Component Test", () => { - test("Display initial, name and icon", async () => { - // render(); +describe("Card Component test", () => { + const mockFlight = { + flight_code: "ABC123", + status: "En ruta", + origin: "City A", + destination: "City B", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + }; - // expect(screen.getByText("Belgrano📍")).toBeVisible(); - // expect(screen.getByText("B")).toBeVisible(); + test("Renders Card component with given props", () => { + render(); + + expect(screen.getByText("ABC123")).toBeInTheDocument(); + expect(screen.getByText("En ruta")).toBeInTheDocument(); + expect(screen.getByText("Departure:")).toBeInTheDocument(); + expect(screen.getByText("Arrival:")).toBeInTheDocument(); + expect(screen.getByText("Gate:")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 10:00 AM")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 12:00 PM")).toBeInTheDocument(); + expect(screen.getByText("A1")).toBeInTheDocument(); }); }); diff --git a/screen-domain/src/components/Home/Departure.test.tsx b/screen-domain/src/components/Home/Departure.test.tsx new file mode 100644 index 0000000..aed7224 --- /dev/null +++ b/screen-domain/src/components/Home/Departure.test.tsx @@ -0,0 +1,273 @@ +import { act, render, screen, waitFor } from "@testing-library/react"; +import { Departure } from "./Departure"; +import { MemoryRouter } from "react-router-dom"; +import { useFetchDeparture } from "../../hooks/useFetchDeparture"; +import '@testing-library/jest-dom'; + +jest.mock("../../hooks/useFetchDeparture"); + +const mochedUseFetchDeparture = useFetchDeparture as jest.MockedFunction; + +describe("Departure component tests", () => { + test("Renders departure component with headers", () => { + mochedUseFetchDeparture.mockReturnValue({ zones: [], error: null }); + + render( + + + + ); + + expect(screen.getByText("Departure")).toBeInTheDocument(); + expect(screen.getByText("Code")).toBeInTheDocument(); + expect(screen.getByText("Destination")).toBeInTheDocument(); + expect(screen.getByText("Time")).toBeInTheDocument(); + expect(screen.getByText("Gate")).toBeInTheDocument(); + expect(screen.getByText("Status")).toBeInTheDocument(); + }); + + test("Renders error message when there is an error", async () => { + mochedUseFetchDeparture.mockReturnValue({ zones: [], error: "Error fetching data" }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("Error fetching data")).toBeInTheDocument(); + }); + }); + + test("Doesn't throw an error when no data is available", async () => { + mochedUseFetchDeparture.mockReturnValue({ zones: [], error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.queryByText("ABC123")).not.toBeInTheDocument(); + expect(screen.queryByText("City A")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-30 12:00 PM")).not.toBeInTheDocument(); + expect(screen.queryByText("A1")).not.toBeInTheDocument(); + expect(screen.queryByText("On Time")).not.toBeInTheDocument(); + + }) + }); + + test("Renders flights when data is available", async () => { + const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + ]; + + mochedUseFetchDeparture.mockReturnValue({ zones: mockFlights, error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("ABC123")).toBeInTheDocument(); + expect(screen.getByText("City X")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 10:00 AM")).toBeInTheDocument(); + expect(screen.getByText("A1")).toBeInTheDocument(); + expect(screen.getByText("On Time")).toBeInTheDocument(); + + expect(screen.getByText("XYZ789")).toBeInTheDocument(); + expect(screen.getByText("City Y")).toBeInTheDocument(); + expect(screen.getByText("2023-10-31 01:30 PM")).toBeInTheDocument(); + expect(screen.getByText("B2")).toBeInTheDocument(); + expect(screen.getByText("Delayed")).toBeInTheDocument(); + }); + }); + + jest.setTimeout(20000); + + test("Automatically cycles through flights with an interval", async () => { + const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ788", + origin: "City C", + destination: "City Z", + departure_time: "2023-10-31 01:31 PM", + arrival_time: "2023-10-31 02:31 PM", + gate: "B3", + status: "Scheduled" + }, + { + id: 3, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 4, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 5, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 6, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 7, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 8, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 9, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 10, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + { + id: 11, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, + ]; + + + mochedUseFetchDeparture.mockReturnValue({ zones: mockFlights, error: null }); + + render( + + + + ); + + await waitFor(() => { + expect(screen.getByText("ABC123")).toBeInTheDocument(); + expect(screen.getByText("City X")).toBeInTheDocument(); + expect(screen.getByText("2023-10-30 10:00 AM")).toBeInTheDocument(); + expect(screen.getByText("A1")).toBeInTheDocument(); + expect(screen.getByText("On Time")).toBeInTheDocument(); + + expect(screen.getByText("XYZ788")).toBeInTheDocument(); + expect(screen.getByText("City Z")).toBeInTheDocument(); + expect(screen.getByText("2023-10-31 01:31 PM")).toBeInTheDocument(); + expect(screen.getByText("B3")).toBeInTheDocument(); + expect(screen.getByText("Scheduled")).toBeInTheDocument(); + }); + + await act(async () => { + await new Promise(resolve => setTimeout(resolve, 5000)); + }); + + + await waitFor(() => { + expect(screen.queryByText("ABC123")).not.toBeInTheDocument(); + expect(screen.queryByText("City X")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-30 10:00 AM")).not.toBeInTheDocument(); + expect(screen.queryByText("A1")).not.toBeInTheDocument(); + expect(screen.queryByText("On Time")).not.toBeInTheDocument(); + + expect(screen.queryByText("XYZ788")).not.toBeInTheDocument(); + expect(screen.queryByText("City Z")).not.toBeInTheDocument(); + expect(screen.queryByText("2023-10-31 01:31 PM")).not.toBeInTheDocument(); + expect(screen.queryByText("B3")).not.toBeInTheDocument(); + expect(screen.queryByText("Scheduled")).not.toBeInTheDocument(); + + expect(screen.getByText("XYZ789")).toBeInTheDocument(); + expect(screen.getByText("City Y")).toBeInTheDocument(); + expect(screen.getByText("2023-10-31 01:30 PM")).toBeInTheDocument(); + expect(screen.getByText("B2")).toBeInTheDocument(); + expect(screen.getByText("Delayed")).toBeInTheDocument(); + }); + }); +}); \ No newline at end of file diff --git a/screen-domain/src/components/Home/Departure.tsx b/screen-domain/src/components/Home/Departure.tsx index 4ad264d..e412bf7 100644 --- a/screen-domain/src/components/Home/Departure.tsx +++ b/screen-domain/src/components/Home/Departure.tsx @@ -1,8 +1,7 @@ import React, { useEffect, useState } from "react"; -import { Card } from "./Card/Card"; -import { useFetchOrigin } from "../../hooks/useFetchOrigin"; +import { useFetchDeparture } from "../../hooks/useFetchDeparture"; import { Flight } from "../../Types"; -import './Home.css' +import './Page.css' import { Table, Thead, Tbody, Tr, Th, Td } from 'react-super-responsive-table'; import 'react-super-responsive-table/dist/SuperResponsiveTableStyle.css'; @@ -13,7 +12,7 @@ interface Props { export const Departure: React.FC = (props) => { let origin = process.env.REACT_APP_ORIGIN; - const { zones, error } = useFetchOrigin(origin); + const { zones, error } = useFetchDeparture(origin); const [startIndex, setStartIndex] = useState(0); useEffect(() => { @@ -59,7 +58,7 @@ export const Departure: React.FC = (props) => { <> {Array.from({ length: startIndex + 10 - zones.length }).map((_, index) => { return ( - + diff --git a/screen-domain/src/components/Home/Home.css b/screen-domain/src/components/Home/Home.css index fdacfa4..9f745c1 100644 --- a/screen-domain/src/components/Home/Home.css +++ b/screen-domain/src/components/Home/Home.css @@ -1,43 +1,33 @@ body { font-family: 'Arial', sans-serif; background-color: #f0f0f0; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; } -.App { +div { text-align: center; - margin-top: 20px; } -table { - width: 80%; - margin: 20px auto; - border-collapse: collapse; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - background-color: #fff; -} - -th, -td { - border: 1px solid #ddd; - padding: 10px; - text-align: left; -} - -th { +button { background-color: #4CAF50; - color: #fff; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 10px; + cursor: pointer; + border-radius: 5px; + transition: background-color 0.3s ease; } -tbody tr:hover { - background-color: #f5f5f5; -} - -tfoot { - background-color: #4CAF50; - color: #fff; -} - -.delayed-flight { - background-color: #ffcccc; - color: #ff0000; +button:hover { + background-color: #45a049; } \ No newline at end of file diff --git a/screen-domain/src/components/Home/Home.test.tsx b/screen-domain/src/components/Home/Home.test.tsx index 881ea1d..2d1321c 100644 --- a/screen-domain/src/components/Home/Home.test.tsx +++ b/screen-domain/src/components/Home/Home.test.tsx @@ -1,28 +1,50 @@ -const mockedUsedNavigate = jest.fn(); - -jest.mock("react-router-dom", () => ({ - ...jest.requireActual("react-router-dom"), - useNavigate: () => mockedUsedNavigate, -})); - import "../../matchMedia.mock"; import "@testing-library/jest-dom"; -import { render, screen } from "@testing-library/react"; -// import { Home } from "./Departure"; +import { fireEvent, render, screen } from "@testing-library/react"; +import { Home } from "./Home"; +import { MemoryRouter } from "react-router-dom"; -describe("Home View Test", () => { - test("Display initial, name and icon", async () => { - // render( - // - // ); +const mockedUseNavigate = jest.fn(); - // expect(screen.getByText("Zones")).toBeVisible(); - // expect(screen.getByText("Belgrano📍")).toBeVisible(); - // expect(screen.getByText("San Isidro📍")).toBeVisible(); +jest.mock("react-router", () => ({ + ...jest.requireActual("react-router"), + useNavigate: () => mockedUseNavigate, +})); + +describe("Home tests", () => { + test("Renders departure and arrival buttons", () => { + render( + + + + ); + + const departureButton = screen.getByText("Departure"); + const arrivalButton = screen.getByText("Arrival"); + + expect(departureButton).toBeInTheDocument(); + expect(arrivalButton).toBeInTheDocument(); + }); + + test("Clicking departure button navigates to /departure", () => { + render( + + + + ); + const departureButton = screen.getByText("Departure"); + fireEvent.click(departureButton); + expect(mockedUseNavigate).toHaveBeenCalledWith("/departure"); + }); + + test("Clicking arrival button navigates to /arrival", () => { + render( + + + + ); + const arrivalButton = screen.getByText("Arrival"); + fireEvent.click(arrivalButton); + expect(mockedUseNavigate).toHaveBeenCalledWith("/arrival"); }); }); diff --git a/screen-domain/src/components/Home/Home.tsx b/screen-domain/src/components/Home/Home.tsx index 5555a54..2d833d3 100644 --- a/screen-domain/src/components/Home/Home.tsx +++ b/screen-domain/src/components/Home/Home.tsx @@ -1,14 +1,7 @@ -import React from "react"; -import { Flight } from "../../Types"; -import './Home.css' import { useNavigate } from "react-router"; -import './Page.css' +import './Home.css' -interface Props { - flights?: Flight[]; -} - -export const Home: React.FC = (props) => { +export const Home = () => { const navigate = useNavigate(); const submitHandler = (path: string) => { diff --git a/screen-domain/src/components/Home/Page.css b/screen-domain/src/components/Home/Page.css index 9f745c1..fdacfa4 100644 --- a/screen-domain/src/components/Home/Page.css +++ b/screen-domain/src/components/Home/Page.css @@ -1,33 +1,43 @@ body { font-family: 'Arial', sans-serif; background-color: #f0f0f0; - margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; } -div { +.App { text-align: center; + margin-top: 20px; } -button { +table { + width: 80%; + margin: 20px auto; + border-collapse: collapse; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + background-color: #fff; +} + +th, +td { + border: 1px solid #ddd; + padding: 10px; + text-align: left; +} + +th { background-color: #4CAF50; - border: none; - color: white; - padding: 15px 32px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - margin: 10px; - cursor: pointer; - border-radius: 5px; - transition: background-color 0.3s ease; + color: #fff; } -button:hover { - background-color: #45a049; +tbody tr:hover { + background-color: #f5f5f5; +} + +tfoot { + background-color: #4CAF50; + color: #fff; +} + +.delayed-flight { + background-color: #ffcccc; + color: #ff0000; } \ No newline at end of file diff --git a/screen-domain/src/db.ts b/screen-domain/src/db.ts index aaa63bd..d1da801 100644 --- a/screen-domain/src/db.ts +++ b/screen-domain/src/db.ts @@ -50,13 +50,10 @@ export const deleteData = (storeName: string, key: number): Promise => const tx = db.transaction(storeName, 'readwrite'); const store = tx.objectStore(storeName); const res = store.delete(key); - console.log("removing" + key) res.onsuccess = () => { - console.log("success") resolve(true); }; res.onerror = () => { - console.log("error") resolve(false); } }); diff --git a/screen-domain/src/hooks/useFetchArrival.test.tsx b/screen-domain/src/hooks/useFetchArrival.test.tsx new file mode 100644 index 0000000..d603d97 --- /dev/null +++ b/screen-domain/src/hooks/useFetchArrival.test.tsx @@ -0,0 +1,80 @@ +import { useFetchArrival } from "./useFetchArrival"; +import { fetchZones } from "../Api"; +import { initDB, addData, deleteData, getStoreData, updateData } from '../db'; +import { act, render, renderHook, screen, waitFor } from "@testing-library/react"; +import { MemoryRouter } from "react-router-dom"; +import '@testing-library/jest-dom'; + +jest.mock("../Api"); +jest.mock('../db'); + +const mockedFetchZones = fetchZones as jest.MockedFunction; +const mockedInitDB = initDB as jest.MockedFunction; +const mockedAddData = addData as jest.MockedFunction; +const mockedDeleteData = deleteData as jest.MockedFunction; +const mockedGetStoreData = getStoreData as jest.MockedFunction; +const mockedUpdateData = updateData as jest.MockedFunction; + +const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, +]; + + +describe("useFetchArrival Hook Tests", () => { + beforeEach(() => { + jest.clearAllMocks(); + localStorage.clear(); + }); + + test("Fetches data initially and updates zones state", async () => { + mockedFetchZones.mockResolvedValueOnce(mockFlights); + mockedInitDB.mockResolvedValueOnce(false); + mockedGetStoreData.mockResolvedValueOnce([]); + mockedAddData.mockImplementationOnce((store, data) => Promise.resolve(data)); + + const { result } = renderHook(() => useFetchArrival("destination")); + + await waitFor(() => { + + expect(result.current.zones).toEqual(mockFlights); + expect(mockedFetchZones).toHaveBeenCalledWith(undefined, "destination", null); + expect(mockedInitDB).toHaveBeenCalledTimes(1); + expect(mockedAddData).toHaveBeenCalledWith("arrival", mockFlights[0]); + }); + }); + + // test("Handles errors during initial data fetch", async () => { + // const errorMessage = "Error fetching data"; + // mockedInitDB.mockResolvedValueOnce(false); + // mockedGetStoreData.mockResolvedValueOnce([]); + // mockedFetchZones.mockRejectedValueOnce(new Error(errorMessage)); + + // const { result } = renderHook(() => useFetchArrival("destination")); + + // await waitFor(() => { + + // expect(result.current.zones).toEqual([]); + // expect(result.current.error).toEqual(errorMessage); + // expect(mockedFetchZones).toHaveBeenCalledWith(undefined, "destination", null); + // }) + // }); +}); diff --git a/screen-domain/src/hooks/useFetchDestination.tsx b/screen-domain/src/hooks/useFetchArrival.tsx similarity index 82% rename from screen-domain/src/hooks/useFetchDestination.tsx rename to screen-domain/src/hooks/useFetchArrival.tsx index bf37367..b200f2c 100644 --- a/screen-domain/src/hooks/useFetchDestination.tsx +++ b/screen-domain/src/hooks/useFetchArrival.tsx @@ -4,7 +4,7 @@ import { Flight } from "../Types"; import { fetchZones } from "../Api"; import { Stores, addData, deleteData, getStoreData, updateData, initDB } from '../db'; -export const useFetchDestination = (destination: string | undefined) => { +export const useFetchArrival = (destination: string | undefined) => { const [error, setError] = useState(null); const [zones, setZones] = useState([]); @@ -44,12 +44,10 @@ export const useFetchDestination = (destination: string | undefined) => { localStorage.setItem('date', new Date().toString()) initDB().then((x) => { - console.log(x) getStoreData(Stores.Arrival) .then((data) => { - console.log(data) if (data && data.length > 0) { - data.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) + data.sort((a, b) => new Date(a.arrival_time).getTime() - new Date(b.arrival_time).getTime()) setZones(data) } else { fetchZones(undefined, destination, null) @@ -62,7 +60,7 @@ export const useFetchDestination = (destination: string | undefined) => { toAdd.push(u) } }) - toAdd.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) + toAdd.sort((a, b) => new Date(a.arrival_time).getTime() - new Date(b.arrival_time).getTime()) setZones(toAdd); }) .catch((error) => { }); @@ -87,19 +85,14 @@ export const useFetchDestination = (destination: string | undefined) => { zones.forEach((c, i) => { let index = data.findIndex(x => x.id === c.id) if (index >= 0) { - console.log(data[index].departure_time + 'nuevo') - if (data[index].status == 'Deleted' || new Date(data[index].departure_time) < new Date()) { - console.log("sacamos") - toRemove.push(data[index]) + if (data[index].status == 'Deleted' || new Date(data[index].arrival_time) < new Date()) { deleteData(Stores.Arrival, c.id) } else { toAdd.push(data[index]); updateData(Stores.Arrival, c.id, data[index]) } } else { - console.log(new Date(c.departure_time)) - if (c.status == 'Deleted' || new Date(c.departure_time) < new Date()) { - console.log("sacamos?") + if (c.status == 'Deleted' || new Date(c.arrival_time) < new Date()) { toRemove.push(c); deleteData(Stores.Arrival, c.id) } else { @@ -109,16 +102,14 @@ export const useFetchDestination = (destination: string | undefined) => { }); let filtered = data.filter(o => - !toAdd.some(b => { return o.id === b.id }) && !toRemove.some(b => { return o.id === b.id }) && !(new Date(o.departure_time) < new Date()) + !toAdd.some(b => { return o.id === b.id }) && !toRemove.some(b => { return o.id === b.id }) && !(new Date(o.arrival_time) < new Date()) ) const newArray = toAdd.concat(filtered); - console.log(filtered) - console.log(newArray) filtered.forEach(c => { addData(Stores.Arrival, c) }) - newArray.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) + newArray.sort((a, b) => new Date(a.arrival_time).getTime() - new Date(b.arrival_time).getTime()) setZones(newArray); }) .catch((error) => { diff --git a/screen-domain/src/hooks/useFetchDeparture.test.tsx b/screen-domain/src/hooks/useFetchDeparture.test.tsx new file mode 100644 index 0000000..fd37440 --- /dev/null +++ b/screen-domain/src/hooks/useFetchDeparture.test.tsx @@ -0,0 +1,80 @@ +import { useFetchDeparture } from "./useFetchDeparture"; +import { fetchZones } from "../Api"; +import { initDB, addData, deleteData, getStoreData, updateData } from '../db'; +import { act, render, renderHook, screen, waitFor } from "@testing-library/react"; +import { MemoryRouter } from "react-router-dom"; +import '@testing-library/jest-dom'; + +jest.mock("../Api"); +jest.mock('../db'); + +const mockedFetchZones = fetchZones as jest.MockedFunction; +const mockedInitDB = initDB as jest.MockedFunction; +const mockedAddData = addData as jest.MockedFunction; +const mockedDeleteData = deleteData as jest.MockedFunction; +const mockedGetStoreData = getStoreData as jest.MockedFunction; +const mockedUpdateData = updateData as jest.MockedFunction; + +const mockFlights = [ + { + id: 1, + flight_code: "ABC123", + origin: "City A", + destination: "City X", + departure_time: "2023-10-30 10:00 AM", + arrival_time: "2023-10-30 12:00 PM", + gate: "A1", + status: "On Time" + }, + { + id: 2, + flight_code: "XYZ789", + origin: "City B", + destination: "City Y", + departure_time: "2023-10-31 01:30 PM", + arrival_time: "2023-10-31 02:30 PM", + gate: "B2", + status: "Delayed" + }, +]; + + +describe("useFetchDeparture Hook Tests", () => { + beforeEach(() => { + jest.clearAllMocks(); + localStorage.clear(); + }); + + test("Fetches data initially and updates zones state", async () => { + mockedFetchZones.mockResolvedValueOnce(mockFlights); + mockedInitDB.mockResolvedValueOnce(false); + mockedGetStoreData.mockResolvedValueOnce([]); + mockedAddData.mockImplementationOnce((store, data) => Promise.resolve(data)); + + const { result } = renderHook(() => useFetchDeparture("origin")); + + await waitFor(() => { + + expect(result.current.zones).toEqual(mockFlights); + expect(mockedFetchZones).toHaveBeenCalledWith("origin", undefined, null); + expect(mockedInitDB).toHaveBeenCalledTimes(1); + expect(mockedAddData).toHaveBeenCalledWith("departure", mockFlights[0]); + }); + }); + + // test("Handles errors during initial data fetch", async () => { + // const errorMessage = "Error fetching data"; + // mockedInitDB.mockResolvedValueOnce(false); + // mockedGetStoreData.mockResolvedValueOnce([]); + // mockedFetchZones.mockRejectedValueOnce(new Error(errorMessage)); + + // const { result } = renderHook(() => useFetchDeparture("destination")); + + // await waitFor(() => { + + // expect(result.current.zones).toEqual([]); + // expect(result.current.error).toEqual(errorMessage); + // expect(mockedFetchZones).toHaveBeenCalledWith(undefined, "destination", null); + // }) + // }); +}); diff --git a/screen-domain/src/hooks/useFetchOrigin.tsx b/screen-domain/src/hooks/useFetchDeparture.tsx similarity index 86% rename from screen-domain/src/hooks/useFetchOrigin.tsx rename to screen-domain/src/hooks/useFetchDeparture.tsx index 3c8a3a4..63b150e 100644 --- a/screen-domain/src/hooks/useFetchOrigin.tsx +++ b/screen-domain/src/hooks/useFetchDeparture.tsx @@ -4,7 +4,7 @@ import { Flight } from "../Types"; import { fetchZones } from "../Api"; import { Stores, addData, deleteData, getStoreData, updateData, initDB } from '../db'; -export const useFetchOrigin = (origin: string | undefined) => { +export const useFetchDeparture = (origin: string | undefined) => { const [error, setError] = useState(null); const [zones, setZones] = useState([]); @@ -44,12 +44,10 @@ export const useFetchOrigin = (origin: string | undefined) => { localStorage.setItem('date', new Date().toString()) initDB().then((x) => { - console.log(x) getStoreData(Stores.Departure) .then((data) => { - console.log(data) if (data && data.length > 0) { - data.sort((a, b) => new Date(a.origin).getTime() - new Date(b.origin).getTime()) + data.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) setZones(data) } else { fetchZones(origin, undefined, null) @@ -62,7 +60,7 @@ export const useFetchOrigin = (origin: string | undefined) => { toAdd.push(u) } }) - toAdd.sort((a, b) => new Date(a.origin).getTime() - new Date(b.origin).getTime()) + toAdd.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) setZones(toAdd); }) .catch((error) => { }); @@ -87,9 +85,7 @@ export const useFetchOrigin = (origin: string | undefined) => { zones.forEach((c, i) => { let index = data.findIndex(x => x.id === c.id) if (index >= 0) { - console.log(data[index].departure_time + 'nuevo') if (data[index].status == 'Deleted' || new Date(data[index].departure_time) < new Date()) { - console.log("sacamos") toRemove.push(data[index]) deleteData(Stores.Departure, c.id) } else { @@ -97,9 +93,7 @@ export const useFetchOrigin = (origin: string | undefined) => { updateData(Stores.Departure, c.id, data[index]) } } else { - console.log(new Date(c.departure_time)) if (c.status == 'Deleted' || new Date(c.departure_time) < new Date()) { - console.log("sacamos?") toRemove.push(c); deleteData(Stores.Departure, c.id) } else { @@ -112,13 +106,11 @@ export const useFetchOrigin = (origin: string | undefined) => { !toAdd.some(b => { return o.id === b.id }) && !toRemove.some(b => { return o.id === b.id }) && !(new Date(o.departure_time) < new Date()) ) const newArray = toAdd.concat(filtered); - console.log(filtered) - console.log(newArray) filtered.forEach(c => { addData(Stores.Departure, c) }) - newArray.sort((a, b) => new Date(a.origin).getTime() - new Date(b.origin).getTime()) + newArray.sort((a, b) => new Date(a.departure_time).getTime() - new Date(b.departure_time).getTime()) setZones(newArray); }) .catch((error) => { diff --git a/screen-domain/src/mocks/cssMocks.js b/screen-domain/src/mocks/cssMocks.js new file mode 100644 index 0000000..07be471 --- /dev/null +++ b/screen-domain/src/mocks/cssMocks.js @@ -0,0 +1,7 @@ +module.exports = { + process() { + return { + code: `module.exports = {};`, + }; + }, +};