Fix typecheck. (#14)
Reviewed-on: #14 Co-authored-by: Drew Galbraith <drew@tiramisu.one> Co-committed-by: Drew Galbraith <drew@tiramisu.one>
This commit is contained in:
parent
b3dd711ea1
commit
5fcdcef449
3 changed files with 28 additions and 7 deletions
|
|
@ -74,7 +74,7 @@ jobs:
|
||||||
working-directory: frontend
|
working-directory: frontend
|
||||||
|
|
||||||
- name: Typecheck
|
- name: Typecheck
|
||||||
run: npm run typecheck || echo "Failed"
|
run: npm run typecheck
|
||||||
working-directory: frontend
|
working-directory: frontend
|
||||||
|
|
||||||
- name: Test
|
- name: Test
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,7 @@ import {
|
||||||
Paper,
|
Paper,
|
||||||
Typography,
|
Typography,
|
||||||
Alert,
|
Alert,
|
||||||
|
type SelectChangeEvent,
|
||||||
} from '@mui/material'
|
} from '@mui/material'
|
||||||
import { useNavigate } from 'react-router'
|
import { useNavigate } from 'react-router'
|
||||||
import type { CreateTaskRequest, Task } from '~/types/task'
|
import type { CreateTaskRequest, Task } from '~/types/task'
|
||||||
|
|
@ -134,12 +135,10 @@ export function TaskForm({
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleStatusChange = (
|
const handleStatusChange = (event: SelectChangeEvent<TaskStatus>) => {
|
||||||
e: React.ChangeEvent<{ name?: string; value: unknown }>
|
|
||||||
) => {
|
|
||||||
setFormData(prev => ({
|
setFormData(prev => ({
|
||||||
...prev,
|
...prev,
|
||||||
status: e.target.value as TaskStatus,
|
status: event.target.value as TaskStatus,
|
||||||
}))
|
}))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,13 +2,35 @@ import { render, screen } from '@testing-library/react'
|
||||||
import { describe, it, expect } from 'vitest'
|
import { describe, it, expect } from 'vitest'
|
||||||
import { MemoryRouter } from 'react-router'
|
import { MemoryRouter } from 'react-router'
|
||||||
import Home from './home'
|
import Home from './home'
|
||||||
|
import type { Route } from './+types/home'
|
||||||
|
|
||||||
describe('Home component', () => {
|
describe('Home component', () => {
|
||||||
it('should render task management interface', () => {
|
it('should render task management interface', () => {
|
||||||
const mockLoaderData = { tasks: [] }
|
const mockComponentProps: Route.ComponentProps = {
|
||||||
|
loaderData: { tasks: [] },
|
||||||
|
params: {},
|
||||||
|
matches: [
|
||||||
|
{
|
||||||
|
id: 'root',
|
||||||
|
params: {},
|
||||||
|
pathname: '/',
|
||||||
|
data: undefined,
|
||||||
|
loaderData: undefined,
|
||||||
|
handle: undefined,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'routes/home',
|
||||||
|
params: {},
|
||||||
|
pathname: '/',
|
||||||
|
data: { tasks: [] },
|
||||||
|
loaderData: { tasks: [] },
|
||||||
|
handle: undefined,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
||||||
render(
|
render(
|
||||||
<MemoryRouter>
|
<MemoryRouter>
|
||||||
<Home loaderData={mockLoaderData} />
|
<Home {...mockComponentProps} />
|
||||||
</MemoryRouter>
|
</MemoryRouter>
|
||||||
)
|
)
|
||||||
expect(
|
expect(
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue