Something went wrong.
11 | 12 | 15 | 16 |{JSON.stringify(props.err, null, 2)}
17 |
51 |
54 |
59 | );
60 | };
61 |
62 | export default customElement('my-counter', { initialCount: '0' }, MyCounter);
63 |
--------------------------------------------------------------------------------
/src/mocks/browser.mock.ts:
--------------------------------------------------------------------------------
1 | import { setupWorker } from 'msw';
2 |
3 | // This configures a Service Worker with the given request handlers.
4 | export const worker = setupWorker();
5 |
--------------------------------------------------------------------------------
/src/mocks/file.mock.ts:
--------------------------------------------------------------------------------
1 | export default 'test-file';
2 |
--------------------------------------------------------------------------------
/src/mocks/http/endpoints/auth.endpoint.ts:
--------------------------------------------------------------------------------
1 | import { getBaseUrl } from '@mocks/util.mock';
2 | import { RestHandler, rest } from 'msw';
3 |
4 | export const authHandlers: RestHandler[] = [
5 | rest.post(getBaseUrl('auth/login'), async (req, res, ctx) => {
6 | const { email, password } = await req.json<{
7 | email: string;
8 | password: string;
9 | }>();
10 |
11 | if (email === 'email@email.com' && password === 'password') {
12 | return res(
13 | ctx.json({
14 | ok: true,
15 | login: {
16 | token: 'token',
17 | },
18 | }),
19 | );
20 | }
21 |
22 | return res(
23 | ctx.status(401),
24 | ctx.json({ ok: false, error: { code: 'auth/invalid-credentials' } }),
25 | );
26 | }),
27 |
28 | rest.post(getBaseUrl('auth/refresh-token'), (_req, res, ctx) =>
29 | res(
30 | ctx.json({
31 | ok: true,
32 | login: {
33 | token: 'refreshed-token',
34 | },
35 | }),
36 | ),
37 | ),
38 | ];
39 |
--------------------------------------------------------------------------------
/src/mocks/http/endpoints/todo.endpoint.ts:
--------------------------------------------------------------------------------
1 | import { mockTodo } from '@mocks/http/entities.http';
2 | import { getBaseUrl } from '@mocks/util.mock';
3 | import { ResourceParamsSchema, resourceParamsSchema } from '@shared/api/api.schema';
4 | import {
5 | CreateTodoSchema,
6 | DeleteTodoApiResponseSchema,
7 | TodoSchema,
8 | UpdateTodoSchema,
9 | } from '@todo/api/todo.schema';
10 | import { RestHandler, rest } from 'msw';
11 |
12 | function getTodos(length: number) {
13 | return Array.from({ length }, (_, idx) =>
14 | mockTodo({
15 | id: idx + 1,
16 | userId: idx + 1,
17 | todo: `Todo title ${idx + 1}`,
18 | completed: idx % 2 === 0,
19 | }),
20 | );
21 | }
22 |
23 | // mock 10 Todo entity
24 | let todos = Array.from({ length: 10 }, (_, idx) =>
25 | mockTodo({
26 | id: idx + 1,
27 | userId: idx + 1,
28 | todo: `Todo title ${idx + 1}`,
29 | completed: idx % 2 === 0,
30 | }),
31 | );
32 |
33 | export const todoHandlers: RestHandler[] = [
34 | rest.get(getBaseUrl('todos'), async (req, res, ctx) => {
35 | const searchParamsObject = Object.fromEntries(req.url.searchParams) as ResourceParamsSchema;
36 | const hasSearchParams = !!Object.keys(searchParamsObject).length;
37 |
38 | const parsedSearchParams = resourceParamsSchema.safeParse(searchParamsObject);
39 |
40 | if (!hasSearchParams || !parsedSearchParams.success)
41 | return res(
42 | ctx.status(200),
43 | ctx.json({
44 | todos: getTodos(10),
45 | limit: 10,
46 | skip: 0,
47 | total: 150,
48 | }),
49 | );
50 |
51 | const limit = parsedSearchParams.data?.limit ?? 10;
52 | const skip = parsedSearchParams.data?.skip ?? 0;
53 |
54 | return res(
55 | ctx.status(200),
56 | ctx.json({
57 | todos: getTodos(limit),
58 | limit,
59 | skip,
60 | total: 150,
61 | }),
62 | );
63 | }),
64 | rest.post(getBaseUrl('todos/add'), async (req, res, ctx) => {
65 | const todoPayload = await req.json{count()}
55 | 58 |
14 | {/* */}
15 |
16 |
39 |
40 | {/* */}
41 |
42 |
51 |
52 |
53 |
17 |
22 |
25 |
26 |
27 |
38 | {vm.t('welcome')}
28 | 29 |32 | {vm.t('noAccount')}{' '} 33 | 34 | {vm.t('registerHere')} 35 | 36 |
37 |{vm.t('notFound404')}
11 |{vm.t('gone')}
12 | 13 | 14 | {vm.t('goBackTo', { target: vm.app.user ? 'home' : 'login' })} 15 | 16 |
11 |
19 |
12 |
18 | {vm.t('clock')}:
13 |
14 | {vm.hours()} : {vm.minutes()} : {vm.seconds()}{' '}
15 |
16 | {vm.t('clickToggleClock')}
17 | vm.setParent(elem)}
23 | class="mt-8 grid grid-cols-1 gap-2 duration-300 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"
24 | >
25 |
26 | {(btn) => (
27 |
35 | )}
36 |
37 |
38 |
39 | );
40 | };
41 |
42 | export default HomeClock;
43 |
--------------------------------------------------------------------------------
/src/modules/home/components/HomeClock/HomeClock.test.tsx:
--------------------------------------------------------------------------------
1 | import { renderProviders } from '@shared/utils/test.util';
2 | import { Route } from '@solidjs/router';
3 | import { fireEvent, screen } from '@solidjs/testing-library';
4 | import { vi } from 'vitest';
5 | import HomeClock from './HomeClock.component';
6 |
7 | describe('HomeClock', () => {
8 | const mockButtonFn = vi.fn();
9 |
10 | it('should render properly', () => {
11 | const view = renderProviders(() => {vm.t('title')}
14 | 15 |Directive
13 | 14 | setShow(false)}>
23 |
27 |
24 |
26 | Modal Showed!
25 |
15 |
17 | );
18 | const Errored: Component<{ error: unknown }> = (props) => (
19 |
20 |
24 | );
25 | const Success: Component<{ todos: TodoSchema[]; onChange: (_todo: TodoSchema) => void }> = (
26 | props,
27 | ) => (
28 |
21 |
23 | {JSON.stringify(props.error, null, 2)}
22 | Resource
106 | 107 |Web Components
45 | 46 | 49 | 50 |19 | {t('playgroundTitle')} 20 |
21 | 22 |
49 |
50 | {props.title}
51 |
52 |
53 |
54 |
56 |
57 |
58 |
23 |
24 | {props.title}
25 |
26 |
27 |
28 |
29 | {props.description}
30 |
31 |
32 |
33 |
34 |
36 |
37 |
38 |
39 |
40 |
42 |
43 | setShow(false)}>
29 | * Modal Showed!
30 | *
31 | *
14 |
16 |
20 |
25 |
21 | {t('error', { module: 'Todos' })}:
22 |
24 | {JSON.stringify(todosQuery.error, null, 2)}
23 |
12 |
18 | ⬅ {t('goBackTo', { target: 'Todos' })}
19 |
20 |
21 |
23 |
24 | {t('xDetail', { feature: 'Todo' })}
22 |
26 |
33 |
27 |
28 | {t('error', { module: 'Todo Mutation' })}:{' '}
29 | {(todoUpdateMutation.error as Error).message}
30 |
31 |
32 |
38 |
40 |
44 |
49 |
45 | {t('error', { module: 'Todos' })}:
46 |
48 | {JSON.stringify(todoQuery.error, null, 2)}
47 |