chore: remove GitHub Actions workflows, use Woodpecker CI exclusively

src/components/layout/mobile-tab-bar.test.tsx

@@ -0,0 +1,135 @@
+import { describe, it, expect, beforeEach, jest } from '@jest/globals';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { MobileTabBar } from './mobile-tab-bar';
+
+jest.mock('next/navigation', () => ({
+  usePathname: () => '/',
+}));
+
+jest.mock('framer-motion', () => ({
+  motion: {
+    div: ({ children, ...props }: any) => <div {...props}>{children}</div>,
+  },
+}));
+
+jest.mock('next/link', () => {
+  return ({ children, href }: any) => <a href={href}>{children}</a>;
+});
+
+describe('MobileTabBar', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('Rendering', () => {
+    it('should render tab bar', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      expect(nav).toBeInTheDocument();
+    });
+
+    it('should render all tabs', () => {
+      render(<MobileTabBar />);
+      expect(screen.getByText('首页')).toBeInTheDocument();
+      expect(screen.getByText('服务')).toBeInTheDocument();
+      expect(screen.getByText('产品')).toBeInTheDocument();
+      expect(screen.getByText('新闻')).toBeInTheDocument();
+      expect(screen.getByText('联系')).toBeInTheDocument();
+    });
+
+    it('should render tab icons', () => {
+      render(<MobileTabBar />);
+      const icons = document.querySelectorAll('svg');
+      expect(icons.length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('Active State', () => {
+    it('should highlight active tab', () => {
+      render(<MobileTabBar />);
+      const homeTab = screen.getByText('首页').closest('a');
+      expect(homeTab).toBeInTheDocument();
+    });
+
+    it('should show active indicator', () => {
+      render(<MobileTabBar />);
+      const activeIndicator = document.querySelector('.bg-\\[\\#C41E3A\\]');
+      expect(activeIndicator).toBeInTheDocument();
+    });
+  });
+
+  describe('Navigation Links', () => {
+    it('should have correct href for home', () => {
+      render(<MobileTabBar />);
+      const homeLink = screen.getByText('首页').closest('a');
+      expect(homeLink).toHaveAttribute('href', '/');
+    });
+
+    it('should have correct href for services', () => {
+      render(<MobileTabBar />);
+      const servicesLink = screen.getByText('服务').closest('a');
+      expect(servicesLink).toHaveAttribute('href', '/#services');
+    });
+
+    it('should have correct href for products', () => {
+      render(<MobileTabBar />);
+      const productsLink = screen.getByText('产品').closest('a');
+      expect(productsLink).toHaveAttribute('href', '/#products');
+    });
+
+    it('should have correct href for news', () => {
+      render(<MobileTabBar />);
+      const newsLink = screen.getByText('新闻').closest('a');
+      expect(newsLink).toHaveAttribute('href', '/#news');
+    });
+
+    it('should have correct href for contact', () => {
+      render(<MobileTabBar />);
+      const contactLink = screen.getByText('联系').closest('a');
+      expect(contactLink).toHaveAttribute('href', '/#contact');
+    });
+  });
+
+  describe('Accessibility', () => {
+    it('should have navigation role', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      expect(nav).toBeInTheDocument();
+    });
+
+    it('should have accessible tab labels', () => {
+      render(<MobileTabBar />);
+      const tabs = screen.getAllByRole('link');
+      expect(tabs.length).toBe(5);
+    });
+  });
+
+  describe('Styling', () => {
+    it('should have fixed positioning', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      expect(nav).toHaveClass('fixed');
+      expect(nav).toHaveClass('bottom-0');
+    });
+
+    it('should have responsive visibility', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      expect(nav).toHaveClass('md:hidden');
+    });
+
+    it('should have backdrop blur', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      expect(nav).toHaveClass('backdrop-blur-xl');
+    });
+
+    it('should have proper height', () => {
+      render(<MobileTabBar />);
+      const nav = screen.getByRole('navigation');
+      const heightDiv = nav.querySelector('.h-16');
+      expect(heightDiv).toBeInTheDocument();
+    });
+  });
+});