Skip to content

Commit d007f74

Browse files
anyulledanyulled
committed
test: home page tests
1 parent 8170856 commit d007f74

File tree

1 file changed

+128
-128
lines changed

1 file changed

+128
-128
lines changed

‎src/App.test.tsx‎

Lines changed: 128 additions & 128 deletions
Original file line numberDiff line numberDiff line change
@@ -1,142 +1,142 @@
1-
import {render, screen} from "@testing-library/react";
2-
import {BrowserRouter, Route, Routes} from "react-router";
1+
import { render, screen } from "@testing-library/react";
2+
import { BrowserRouter, Route, Routes } from "react-router";
33
import App from "./App";
44
import React from "react";
55
import userEvent from "@testing-library/user-event";
66

77
describe("navigation pages", () => {
8-
test("it render the HOME page", async () => {
9-
render(
10-
<React.Suspense fallback={<span>Loading...</span>}>
11-
<Routes>
12-
<Route path="*" element={<App/>}/>
13-
</Routes>
14-
</React.Suspense>,
15-
{wrapper: BrowserRouter},
16-
);
17-
expect(
18-
await screen.findByText(/The Barcelona Developers Conference 2025/i),
19-
).toBeInTheDocument();
8+
test("it render the HOME page", async () => {
9+
render(
10+
<React.Suspense fallback={<span>Loading...</span>}>
11+
<Routes>
12+
<Route path="*" element={<App />} />
13+
</Routes>
14+
</React.Suspense>,
15+
{ wrapper: BrowserRouter },
16+
);
17+
expect(
18+
await screen.findByText(/The Barcelona Developers Conference 2025/i),
19+
).toBeInTheDocument();
2020

21-
expect(
22-
await screen.findByText(/July 8th - 10th, 2025/i),
23-
).toBeInTheDocument();
24-
expect(
25-
await screen.findByText(/5 tracks with the following topics:/i),
26-
).toBeInTheDocument();
27-
});
21+
expect(
22+
await screen.findByText(/July 8th - 10th, 2025/i),
23+
).toBeInTheDocument();
24+
expect(
25+
await screen.findByText(/5 tracks with the following topics:/i),
26+
).toBeInTheDocument();
27+
});
2828

29-
test("it render the TRAVEL page", async () => {
30-
render(
31-
<React.Suspense fallback={<span>Loading...</span>}>
32-
<Routes>
33-
<Route path="*" element={<App/>}/>
34-
</Routes>
35-
</React.Suspense>,
36-
{wrapper: BrowserRouter},
37-
);
38-
expect(
39-
await screen.findByText(/The Barcelona Developers Conference 2025/i),
40-
).toBeInTheDocument();
41-
const user = userEvent.setup();
42-
await user.click(screen.getByText("Travel"));
43-
expect(
44-
await screen.findByText("La Farga Centre d'Activitats"),
45-
).toBeVisible();
46-
});
29+
test("it render the TRAVEL page", async () => {
30+
render(
31+
<React.Suspense fallback={<span>Loading...</span>}>
32+
<Routes>
33+
<Route path="*" element={<App />} />
34+
</Routes>
35+
</React.Suspense>,
36+
{ wrapper: BrowserRouter },
37+
);
38+
expect(
39+
await screen.findByText(/The Barcelona Developers Conference 2025/i),
40+
).toBeInTheDocument();
41+
const user = userEvent.setup();
42+
await user.click(screen.getByText("Travel"));
43+
expect(
44+
await screen.findByText("La Farga Centre d'Activitats"),
45+
).toBeVisible();
46+
});
4747

48-
//Reason: not enabled yet
49-
test.skip("it render the SPEAKERS page", async () => {
50-
render(
51-
<React.Suspense fallback={<span>Loading...</span>}>
52-
<Routes>
53-
<Route path="*" element={<App/>}/>
54-
</Routes>
55-
</React.Suspense>,
56-
{wrapper: BrowserRouter},
57-
);
58-
const user = userEvent.setup();
59-
await user.click(screen.getByText("Speakers"));
60-
expect(
61-
await screen.findByText(/Speakers coming from all corners of the world/i),
62-
).toBeInTheDocument();
63-
});
48+
//Reason: not enabled yet
49+
test("it render the SPEAKERS page", async () => {
50+
render(
51+
<React.Suspense fallback={<span>Loading...</span>}>
52+
<Routes>
53+
<Route path="*" element={<App />} />
54+
</Routes>
55+
</React.Suspense>,
56+
{ wrapper: BrowserRouter },
57+
);
58+
const user = userEvent.setup();
59+
await user.click(screen.getByText("Speakers"));
60+
expect(
61+
await screen.findByText(/Speakers coming from all corners of the world/i),
62+
).toBeInTheDocument();
63+
});
6464

65-
//Reason: not enabled yet
66-
test.skip("it render the TALKS page", async () => {
67-
render(
68-
<React.Suspense fallback={<span>Loading...</span>}>
69-
<Routes>
70-
<Route path="*" element={<App/>}/>
71-
</Routes>
72-
</React.Suspense>,
73-
{wrapper: BrowserRouter},
74-
);
75-
const user = userEvent.setup();
76-
await user.click(screen.getByText("Talks"));
77-
expect(await screen.findByText("/ Talks")).toBeInTheDocument();
78-
});
65+
//Reason: not enabled yet
66+
test("it render the TALKS page", async () => {
67+
render(
68+
<React.Suspense fallback={<span>Loading...</span>}>
69+
<Routes>
70+
<Route path="*" element={<App />} />
71+
</Routes>
72+
</React.Suspense>,
73+
{ wrapper: BrowserRouter },
74+
);
75+
const user = userEvent.setup();
76+
await user.click(screen.getByText("Talks"));
77+
expect(await screen.findByText("/ Talks")).toBeInTheDocument();
78+
});
7979

80-
//Reason: not enabled yet
81-
test.skip("it render the JOB OFFERS page", async () => {
82-
render(
83-
<React.Suspense fallback={<span>Loading...</span>}>
84-
<Routes>
85-
<Route path="*" element={<App/>}/>
86-
</Routes>
87-
</React.Suspense>,
88-
{wrapper: BrowserRouter},
89-
);
90-
const user = userEvent.setup();
91-
await user.click(screen.getByText("JOB OFFERS"));
92-
expect(
93-
await screen.findByText("Have a look at some opportunities"),
94-
).toBeInTheDocument();
95-
});
80+
//Reason: not enabled yet
81+
test.skip("it render the JOB OFFERS page", async () => {
82+
render(
83+
<React.Suspense fallback={<span>Loading...</span>}>
84+
<Routes>
85+
<Route path="*" element={<App />} />
86+
</Routes>
87+
</React.Suspense>,
88+
{ wrapper: BrowserRouter },
89+
);
90+
const user = userEvent.setup();
91+
await user.click(screen.getByText("JOB OFFERS"));
92+
expect(
93+
await screen.findByText("Have a look at some opportunities"),
94+
).toBeInTheDocument();
95+
});
9696

97-
//Reason: not enabled yet
98-
test.skip("it render the CFP page", async () => {
99-
render(
100-
<React.Suspense fallback={<span>Loading...</span>}>
101-
<Routes>
102-
<Route path="*" element={<App/>}/>
103-
</Routes>
104-
</React.Suspense>,
105-
{wrapper: BrowserRouter},
106-
);
107-
const user = userEvent.setup();
108-
await user.click(screen.getByText("Cfp Committee"));
109-
expect(await screen.findByText("Java & JVM")).toBeInTheDocument();
110-
});
97+
//Reason: not enabled yet
98+
test("it render the CFP page", async () => {
99+
render(
100+
<React.Suspense fallback={<span>Loading...</span>}>
101+
<Routes>
102+
<Route path="*" element={<App />} />
103+
</Routes>
104+
</React.Suspense>,
105+
{ wrapper: BrowserRouter },
106+
);
107+
const user = userEvent.setup();
108+
await user.click(screen.getByText("Cfp Committee"));
109+
expect(await screen.findByText("Java & JVM")).toBeInTheDocument();
110+
});
111111

112-
test("it renders the ABOUT US page", async () => {
113-
render(
114-
<React.Suspense fallback={<span>Loading...</span>}>
115-
<Routes>
116-
<Route path="*" element={<App/>}/>
117-
</Routes>
118-
</React.Suspense>,
119-
{wrapper: BrowserRouter},
120-
);
121-
const user = userEvent.setup();
122-
await user.click(screen.getByText("About Us"));
123-
expect(await screen.findByText(/Jonathan Vila/i)).toBeInTheDocument();
124-
expect(await screen.findByText(/Nacho Cougil/i)).toBeInTheDocument();
125-
});
112+
test("it renders the ABOUT US page", async () => {
113+
render(
114+
<React.Suspense fallback={<span>Loading...</span>}>
115+
<Routes>
116+
<Route path="*" element={<App />} />
117+
</Routes>
118+
</React.Suspense>,
119+
{ wrapper: BrowserRouter },
120+
);
121+
const user = userEvent.setup();
122+
await user.click(screen.getByText("About Us"));
123+
expect(await screen.findByText(/Jonathan Vila/i)).toBeInTheDocument();
124+
expect(await screen.findByText(/Nacho Cougil/i)).toBeInTheDocument();
125+
});
126126

127-
test("it renders the CODE OF CONDUCT page", async () => {
128-
render(
129-
<React.Suspense fallback={<span>Loading...</span>}>
130-
<Routes>
131-
<Route path="*" element={<App/>}/>
132-
</Routes>
133-
</React.Suspense>,
134-
{wrapper: BrowserRouter},
135-
);
136-
const user = userEvent.setup();
137-
await user.click(screen.getByText("Code of Conduct"));
138-
expect(
139-
await screen.findByText(/The DevBcn is the yearly event/i),
140-
).toBeInTheDocument();
141-
});
127+
test("it renders the CODE OF CONDUCT page", async () => {
128+
render(
129+
<React.Suspense fallback={<span>Loading...</span>}>
130+
<Routes>
131+
<Route path="*" element={<App />} />
132+
</Routes>
133+
</React.Suspense>,
134+
{ wrapper: BrowserRouter },
135+
);
136+
const user = userEvent.setup();
137+
await user.click(screen.getByText("Code of Conduct"));
138+
expect(
139+
await screen.findByText(/The DevBcn is the yearly event/i),
140+
).toBeInTheDocument();
141+
});
142142
});

0 commit comments

Comments
 (0)