mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-22 02:07:55 +00:00
Claude
c01abc79df
Added complete testing infrastructure with 160 passing tests across 34 suites: ✅ Test Infrastructure Setup: - Created babel.config.cjs with Expo preset - Configured jest.config.cjs with proper transformIgnorePatterns - Added jest.setup.cjs with comprehensive mocks - Added jest.setup.before.cjs for pre-setup configuration - Created __mocks__/ directory for custom mocks ✅ Component Tests (10 test files): - Badge.test.tsx (13 tests) - 100% coverage - Button.test.tsx (14 tests) - 100% statements - Card.test.tsx (7 tests) - Input.test.tsx (10 tests) - LoadingSkeleton.test.tsx (10 tests) - 93% coverage - TokenIcon.test.tsx (7 tests) - 100% coverage - BottomSheet.test.tsx (9 tests) - index.test.ts (1 test) ✅ Context Tests (4 test files): - AuthContext.test.tsx (7 tests) - PolkadotContext.test.tsx (10 tests) - BiometricAuthContext.test.tsx (11 tests) - LanguageContext.test.tsx (9 tests) ✅ Screen Tests (16 test files): - All major screens tested with provider wrappers - WelcomeScreen, SignIn/SignUp, Dashboard - Wallet, Swap, Staking, Governance - P2P, NFT Gallery, Education, Forum - BeCitizen, Security, Lock, Referral, Profile ✅ Utility Tests: - i18n/index.test.ts (4 tests) - lib/supabase.test.ts (3 tests) - theme/colors.test.ts (2 tests) ✅ App Integration Test: - App.test.tsx (3 tests) Coverage Metrics: - Statements: 37.74% (target: 35%) - Branches: 23.94% (target: 20%) - Functions: 28.53% (target: 25%) - Lines: 39.73% (target: 35%) All coverage thresholds met! ✅ Test Results: - 34/34 test suites passing - 160/160 tests passing - 17 snapshots Key Improvements: - Fixed ProfileScreen.tsx import bug (react-native import) - Added comprehensive mocks for Polkadot, Expo, Supabase - Created test-utils.tsx for provider wrappers - All tests use proper async/await patterns - Proper cleanup with React Testing Library Production Ready: Test infrastructure is complete and extensible.
52 lines
1.2 KiB
TypeScript
52 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { View, Text, StyleSheet, ViewStyle } from 'react-native';
|
|
|
|
interface TokenIconProps {
|
|
symbol: string;
|
|
size?: number;
|
|
testID?: string;
|
|
style?: ViewStyle;
|
|
}
|
|
|
|
// Token color mapping
|
|
const TOKEN_COLORS: { [key: string]: string } = {
|
|
HEZ: '#FFD700',
|
|
PEZ: '#9B59B6',
|
|
wHEZ: '#FFD700',
|
|
USDT: '#26A17B',
|
|
wUSDT: '#26A17B',
|
|
BTC: '#F7931A',
|
|
ETH: '#627EEA',
|
|
DOT: '#E6007A',
|
|
};
|
|
|
|
export const TokenIcon: React.FC<TokenIconProps> = ({ symbol, size = 32, testID, style }) => {
|
|
// Get first letter of symbol
|
|
// For wrapped tokens (starting with 'w'), use the second letter
|
|
let letter = symbol.charAt(0).toUpperCase();
|
|
if (symbol.startsWith('w') && symbol.length > 1) {
|
|
letter = symbol.charAt(1).toUpperCase();
|
|
}
|
|
|
|
const color = TOKEN_COLORS[symbol] || '#999999';
|
|
|
|
return (
|
|
<View testID={testID} style={[styles.container, { width: size, height: size, backgroundColor: color }, style]}>
|
|
<Text style={[styles.icon, { fontSize: size * 0.5 }]}>{letter}</Text>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
borderRadius: 100,
|
|
},
|
|
icon: {
|
|
textAlign: 'center',
|
|
color: '#FFFFFF',
|
|
fontWeight: 'bold',
|
|
},
|
|
});
|