85 lines
2.5 KiB
TypeScript
85 lines
2.5 KiB
TypeScript
/*
|
|
* Copyright 2025 coze-dev Authors
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { describe, it, expect, vi } from 'vitest';
|
|
import { renderHook } from '@testing-library/react';
|
|
import { ScreenRange, useMediaQuery } from '@coze-arch/responsive-kit';
|
|
|
|
import { useIsResponsiveByRouteConfig } from '../src/use-responsive';
|
|
|
|
// Mock dependencies
|
|
vi.mock('@coze-arch/responsive-kit', () => ({
|
|
useMediaQuery: vi.fn(),
|
|
ScreenRange: {
|
|
LG: 'lg',
|
|
MD: 'md',
|
|
},
|
|
}));
|
|
|
|
vi.mock('react-router-dom', () => ({
|
|
useLocation: vi.fn(),
|
|
}));
|
|
|
|
vi.mock('../src/use-route-config', () => ({
|
|
useRouteConfig: vi.fn(),
|
|
}));
|
|
|
|
import { useRouteConfig } from '../src/use-route-config';
|
|
|
|
describe('useIsResponsiveByRouteConfig', () => {
|
|
it('should handle responsive=true case', () => {
|
|
(useRouteConfig as any).mockReturnValue({ responsive: true });
|
|
(useMediaQuery as any).mockReturnValue(false);
|
|
|
|
const { result } = renderHook(() => useIsResponsiveByRouteConfig());
|
|
expect(result.current).toBe(true);
|
|
});
|
|
|
|
it('should handle custom responsive config with include=true', () => {
|
|
(useRouteConfig as any).mockReturnValue({
|
|
responsive: {
|
|
rangeMax: ScreenRange.LG,
|
|
include: true,
|
|
},
|
|
});
|
|
(useMediaQuery as any).mockReturnValue(true);
|
|
|
|
const { result } = renderHook(() => useIsResponsiveByRouteConfig());
|
|
expect(result.current).toBe(true);
|
|
});
|
|
|
|
it('should handle custom responsive config with include=false', () => {
|
|
(useRouteConfig as any).mockReturnValue({
|
|
responsive: {
|
|
rangeMax: ScreenRange.LG,
|
|
include: false,
|
|
},
|
|
});
|
|
(useMediaQuery as any).mockReturnValue(false);
|
|
|
|
const { result } = renderHook(() => useIsResponsiveByRouteConfig());
|
|
expect(result.current).toBe(true);
|
|
});
|
|
|
|
it('should return false when responsive is undefined', () => {
|
|
(useRouteConfig as any).mockReturnValue({});
|
|
(useMediaQuery as any).mockReturnValue(true);
|
|
|
|
const { result } = renderHook(() => useIsResponsiveByRouteConfig());
|
|
expect(result.current).toBe(false);
|
|
});
|
|
});
|