-
-
-
-
-
- );
-}
-
-export function HeroButtons({ isVisible }: HeroContentProps) {
- const shouldReduceMotion = useReducedMotion();
-
- const handleConsultClick = () => {
- trackButtonClick('consult_now', 'hero_section');
- trackServiceInterest('consultation');
- };
-
- const handleLearnMoreClick = () => {
- trackButtonClick('learn_more', 'hero_section');
- scrollTo('about');
- };
-
- return (
- - - 企业数字化转型服务商 - -
-- 以智慧连接数字趋势，以伙伴身份陪您成长——您的数字化转型同行者 -
-
- {STATS.map((stat, index) => (
-
-
- {shouldAnimate ? (
-
-
- {stat.label}
-
-
- {children}
-
- ),
- section: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => (
- - {children} -
- ), - }, - AnimatePresence: ({ children }: { children: React.ReactNode }) => <>{children}, -})); - -jest.mock('next/link', () => { - const MockLink = ({ children, href, ...props }: { children: React.ReactNode; href: string }) => ( - - {children} - - ); - MockLink.displayName = 'MockLink'; - return MockLink; -}); - -jest.mock('lucide-react', () => ({ - ArrowRight: () => , - Shield: () => , - Zap: () => , - Award: () => , -})); - -jest.mock('next/dynamic', () => ({ - __esModule: true, - default: () => { - const MockDynamic = () => null; - MockDynamic.displayName = 'MockDynamic'; - return MockDynamic; - }, -})); - -jest.mock('@/components/ui/ripple-button', () => ({ - RippleButton: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => ( - - ), - SealButton: ({ children, className, ...props }: { children: React.ReactNode; className?: string }) => ( - - ), -})); - -jest.mock('@/lib/animations', () => ({ - GradientText: ({ children, className }: { children: React.ReactNode; className?: string }) => ( - {children} - ), - MagneticButton: ({ children, className }: { children: React.ReactNode; className?: string }) => ( - - ), - BlurReveal: ({ children, className }: { children: React.ReactNode; className?: string }) => ( -{children}
- ),
- CounterWithEffect: ({ end, suffix, className }: { end: number; suffix?: string; className?: string }) => (
- {end}{suffix || ''}
- ),
-}));
-
-jest.mock('@/lib/constants', () => ({
- COMPANY_INFO: {
- name: '四川睿新致远科技有限公司',
- shortName: '睿新致遠',
- description: '以智慧连接数字趋势，以伙伴身份陪您成长',
- },
- STATS: [
- { value: '10+', label: '企业客户' },
- { value: '20+', label: '成功案例' },
- { value: '30+', label: '项目交付' },
- { value: '12+', label: '年团队经验' },
- ],
-}));
-
-jest.mock('./hero-section-atoms', () => ({
- HeroContent: () => 智连未来，成长伙伴
,
- HeroTitle: () => 睿新致遠
, - HeroDescription: () =>企业数字化转型服务商
, - HeroButtons: () => , - HeroFeatures: () =>安全可靠高效便捷专业服务
,
- HeroStats: () => (
-
- 企业客户
- 成功案例
- 项目交付
- 年团队经验
-
- ),
-}));
-
-import { HeroSection } from './hero-section';
-import { HeroStats } from './hero-section-atoms';
-
-describe('HeroSection', () => {
- beforeAll(() => {
- jest.clearAllMocks();
- });
-
- describe('Rendering', () => {
- it('should render hero section', () => {
- render(
-
-
-
-
-
- );
-}
diff --git a/src/components/ui/animated-card.test.tsx b/src/components/ui/animated-card.test.tsx
deleted file mode 100644
index 4d96a24..0000000
--- a/src/components/ui/animated-card.test.tsx
+++ /dev/null
@@ -1,185 +0,0 @@
-import { describe, it, expect, beforeEach, jest } from '@jest/globals';
-import { render, screen, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { InkCard, GeometricCard, FlipCard, TiltCard, GlowCard, ExpandCard } from './animated-card';
-
-jest.mock('framer-motion', () => ({
- motion: {
- div: ({ children, onHoverStart, onHoverEnd, onClick, ...props }: any) => (
-
- {STATS.map((stat) => (
-
-
-
- ))}
-
- {stat.value}
-
-
- {stat.label}
-
-
- {children}
-
- ),
- },
-}));
-
-describe('Animated Cards', () => {
- beforeEach(() => {
- jest.clearAllMocks();
- });
-
- describe('InkCard', () => {
- it('should render ink card', () => {
- render({children}
-
- {front}
-
-
- {back}
-
- {children}
- {children}
- {expandedContent && (
-
- {expandedContent}
-
- {children}
- ),
- },
- AnimatePresence: ({ children }: { children: React.ReactNode }) => <>{children},
-}));
-
-describe('RippleButton', () => {
- beforeEach(() => {
- jest.clearAllMocks();
- });
-
- describe('Rendering', () => {
- it('should render button', () => {
- render(
-
- );
-}
diff --git a/src/components/ui/touch-optimized.tsx b/src/components/ui/touch-optimized.tsx
deleted file mode 100644
index fbce0e2..0000000
--- a/src/components/ui/touch-optimized.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-'use client';
-
-import { useState, useCallback, useRef, useEffect, memo } from 'react';
-import { cn } from '@/lib/utils';
-
-interface SwipeableProps {
- children: React.ReactNode;
- onSwipeLeft?: () => void;
- onSwipeRight?: () => void;
- onSwipeUp?: () => void;
- onSwipeDown?: () => void;
- threshold?: number;
- className?: string;
- disabled?: boolean;
-}
-
-export const Swipeable = memo(function Swipeable({
- children,
- onSwipeLeft,
- onSwipeRight,
- onSwipeUp,
- onSwipeDown,
- threshold = 50,
- className,
- disabled = false,
-}: SwipeableProps) {
- const [touchStart, setTouchStart] = useState<{ x: number; y: number } | null>(null);
- const [touchEnd, setTouchEnd] = useState<{ x: number; y: number } | null>(null);
- const ref = useRef- - {rating > 0 && ( -
- {Array.from({ length: rating }).map((_, i) => (
-
- ))}
-
- )}
-
- - “{quote}” -- -
- {avatarUrl && (
-
-
-
- {author}
-
- {position} · {company}
-
-
- {children}
-
- );
-});
-
-interface PullToRefreshProps {
- children: React.ReactNode;
- onRefresh: () => Promise
- {pullDistance > 0 && (
-
- );
-});
-
-interface TouchFeedbackProps {
- children: React.ReactNode;
- className?: string;
- disabled?: boolean;
-}
-
-export const TouchFeedback = memo(function TouchFeedback({
- children,
- className,
- disabled = false,
-}: TouchFeedbackProps) {
- const [isPressed, setIsPressed] = useState(false);
-
- return (
-
-
-
- )}
- {children}
- !disabled && setIsPressed(true)}
- onTouchEnd={() => setIsPressed(false)}
- onTouchCancel={() => setIsPressed(false)}
- >
- {children}
-
- );
-});
-
-interface LongPressProps {
- children: React.ReactNode;
- onLongPress: () => void;
- delay?: number;
- className?: string;
- disabled?: boolean;
-}
-
-export const LongPress = memo(function LongPress({
- children,
- onLongPress,
- delay = 500,
- className,
- disabled = false,
-}: LongPressProps) {
- const timeoutRef = useRef
- {children}
-
- );
-});
-
-export function useTouchDevice() {
- const [isTouchDevice, setIsTouchDevice] = useState(false);
-
- useEffect(() => {
- setIsTouchDevice(
- 'ontouchstart' in window ||
- navigator.maxTouchPoints > 0
- );
- }, []);
-
- return isTouchDevice;
-}