d3ro-voice/apps/mobile-rn/__tests__/screen-header.test.tsx
Yun Chan 5ca3709b32
Some checks failed
ci / 정본·보안·린트·타입·테스트 (push) Failing after 50s
ci / 워크스페이스 빌드 검증 (push) Has been skipped
ci / Supabase Edge Functions + Cloudflare Worker (push) Successful in 20s
ci / .NET API 서버 테스트 (push) Successful in 12s
deploy-site / deploy (push) Successful in 39s
ci / 모바일 린트·타입·Jest (push) Failing after 3h10m31s
feat: add mobile shell and unified search
2026-09-28 23:23:36 +09:00

48 lines
1.7 KiB
TypeScript

import React from 'react'
import { act, create, type ReactTestRenderer } from 'react-test-renderer'
import { StyleSheet } from 'react-native'
const mockGoBack = jest.fn()
jest.mock('@react-navigation/native', () => ({
useNavigation: () => ({ goBack: mockGoBack }),
}))
jest.mock('react-native-safe-area-context', () => ({
useSafeAreaInsets: () => ({ top: 10, bottom: 0, left: 0, right: 0 }),
}))
jest.mock('@d3ro/i18n', () => ({
useI18n: () => ({ t: (key: string) => key }),
}))
jest.mock('../src/lib/preferences-context', () => ({
useMobilePreferences: () => ({
palette: {
bg: { sidebar: '#111827' },
text: { primary: '#ffffff', secondary: '#d1d5db', tertiary: '#9ca3af' },
border: { default: '#374151' },
accent: { light: '#60a5fa', ink: '#ffffff' },
tag: { green: '#34d399', red: '#f87171' },
status: { success: '#34d399', danger: '#f87171' },
overlay: { soft: 'rgba(255,255,255,0.06)' },
},
}),
}))
import { ScreenHeader } from '../src/components/ScreenHeader'
describe('ScreenHeader', () => {
test('renders a 48dp back action for stack screens and omits it for tab roots', () => {
let renderer: ReactTestRenderer
act(() => {
renderer = create(<ScreenHeader title="Title" testID="header" />)
})
const back = renderer!.root.findByProps({ accessibilityLabel: 'common.back' })
expect(StyleSheet.flatten(back.props.style({ pressed: false })).width).toBe(48)
act(() => back.props.onPress())
expect(mockGoBack).toHaveBeenCalledTimes(1)
act(() => renderer!.update(<ScreenHeader title="Title" showBack={false} />))
expect(renderer!.root.findAllByProps({ accessibilityLabel: 'common.back' })).toHaveLength(0)
act(() => renderer!.unmount())
})
})