test: correct test cases
This commit is contained in:
parent
eab19b30cf
commit
6d1d890fd0
@ -45,17 +45,6 @@ describe('Responsive', () => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
it('renders children correctly', () => {
|
|
||||||
const { getByText } = render(
|
|
||||||
<Responsive>
|
|
||||||
<div>Child Content</div>
|
|
||||||
</Responsive>
|
|
||||||
)
|
|
||||||
|
|
||||||
// Check if the child content is rendered
|
|
||||||
expect(getByText('Child Content')).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('hides left and right panels on small screens', () => {
|
it('hides left and right panels on small screens', () => {
|
||||||
// Simulate mobile view
|
// Simulate mobile view
|
||||||
window.matchMedia = jest.fn().mockImplementation((query) => ({
|
window.matchMedia = jest.fn().mockImplementation((query) => ({
|
||||||
@ -64,11 +53,7 @@ describe('Responsive', () => {
|
|||||||
removeListener: jest.fn(),
|
removeListener: jest.fn(),
|
||||||
}))
|
}))
|
||||||
|
|
||||||
render(
|
render(<Responsive />)
|
||||||
<Responsive>
|
|
||||||
<div>Child Content</div>
|
|
||||||
</Responsive>
|
|
||||||
)
|
|
||||||
|
|
||||||
// Check that the left and right panel states were updated to false
|
// Check that the left and right panel states were updated to false
|
||||||
expect(mockSetShowLeftPanel).toHaveBeenCalledWith(false)
|
expect(mockSetShowLeftPanel).toHaveBeenCalledWith(false)
|
||||||
@ -83,11 +68,7 @@ describe('Responsive', () => {
|
|||||||
removeListener: jest.fn(),
|
removeListener: jest.fn(),
|
||||||
}))
|
}))
|
||||||
|
|
||||||
render(
|
render(<Responsive />)
|
||||||
<Responsive>
|
|
||||||
<div>Child Content</div>
|
|
||||||
</Responsive>
|
|
||||||
)
|
|
||||||
|
|
||||||
// Change back to desktop view
|
// Change back to desktop view
|
||||||
window.matchMedia = jest.fn().mockImplementation((query) => ({
|
window.matchMedia = jest.fn().mockImplementation((query) => ({
|
||||||
@ -97,11 +78,7 @@ describe('Responsive', () => {
|
|||||||
}))
|
}))
|
||||||
|
|
||||||
// Call the effect manually to simulate the component re-rendering
|
// Call the effect manually to simulate the component re-rendering
|
||||||
const rerender = render(
|
const rerender = render(<Responsive />)
|
||||||
<Responsive>
|
|
||||||
<div>Child Content</div>
|
|
||||||
</Responsive>
|
|
||||||
)
|
|
||||||
|
|
||||||
// Check that the last known states were restored (which were true initially)
|
// Check that the last known states were restored (which were true initially)
|
||||||
expect(mockSetShowLeftPanel).toHaveBeenCalledWith(true)
|
expect(mockSetShowLeftPanel).toHaveBeenCalledWith(true)
|
||||||
|
|||||||
@ -43,7 +43,7 @@ describe('useModels', () => {
|
|||||||
|
|
||||||
const { result } = renderHook(() => useModels())
|
const { result } = renderHook(() => useModels())
|
||||||
await act(() => {
|
await act(() => {
|
||||||
result.current?.loadDataModel()
|
result.current?.getData()
|
||||||
})
|
})
|
||||||
|
|
||||||
expect(mockModelExtension.getModels).toHaveBeenCalled()
|
expect(mockModelExtension.getModels).toHaveBeenCalled()
|
||||||
@ -70,7 +70,7 @@ describe('useModels', () => {
|
|||||||
const { result } = renderHook(() => useModels())
|
const { result } = renderHook(() => useModels())
|
||||||
|
|
||||||
await act(() => {
|
await act(() => {
|
||||||
result.current?.loadDataModel()
|
result.current?.getData()
|
||||||
})
|
})
|
||||||
|
|
||||||
expect(mockModelExtension.getModels()).rejects.toThrow()
|
expect(mockModelExtension.getModels()).rejects.toThrow()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user