chore: remove GitHub Actions workflows, use Woodpecker CI exclusively

This commit is contained in:
张翔
2026-03-10 13:10:11 +08:00
parent 0a1adfc2a2
commit e8dffa4f05
82 changed files with 19565 additions and 101 deletions
+158
View File
@@ -0,0 +1,158 @@
import { describe, it, expect, beforeEach, jest } from '@jest/globals';
import { render, screen, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import { MobileMenu } from './mobile-menu';
jest.mock('@/hooks/use-focus-trap', () => ({
useFocusTrap: () => ({ current: null }),
}));
describe('MobileMenu', () => {
beforeEach(() => {
jest.clearAllMocks();
});
describe('Rendering', () => {
it('should render menu button', () => {
render(<MobileMenu />);
expect(screen.getByRole('button', { name: '打开菜单' })).toBeInTheDocument();
});
it('should render menu icon when closed', () => {
render(<MobileMenu />);
const button = screen.getByRole('button');
expect(button).toBeInTheDocument();
});
it('should not render menu panel when closed', () => {
render(<MobileMenu />);
expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
});
});
describe('Opening Menu', () => {
it('should open menu when button clicked', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
expect(screen.getByRole('navigation')).toBeInTheDocument();
});
it('should change button label when open', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
expect(screen.getByRole('button', { name: '关闭菜单' })).toBeInTheDocument();
});
it('should render navigation items', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
expect(screen.getByText('首页')).toBeInTheDocument();
expect(screen.getByText('核心业务')).toBeInTheDocument();
});
});
describe('Closing Menu', () => {
it('should close menu when button clicked again', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
const closeButton = screen.getByRole('button', { name: '关闭菜单' });
fireEvent.click(closeButton);
expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
});
it('should close menu when overlay clicked', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
const overlay = document.querySelector('.fixed.inset-0');
if (overlay) {
fireEvent.click(overlay);
}
expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
});
});
describe('Keyboard Navigation', () => {
it('should open menu with Enter key', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.keyDown(button, { key: 'Enter' });
expect(screen.getByRole('navigation')).toBeInTheDocument();
});
it('should open menu with Space key', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.keyDown(button, { key: ' ' });
expect(screen.getByRole('navigation')).toBeInTheDocument();
});
it('should close menu with Escape key', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
fireEvent.keyDown(button, { key: 'Escape' });
expect(screen.queryByRole('navigation')).not.toBeInTheDocument();
});
});
describe('Accessibility', () => {
it('should have aria-expanded attribute', () => {
render(<MobileMenu />);
const button = screen.getByRole('button');
expect(button).toHaveAttribute('aria-expanded', 'false');
});
it('should update aria-expanded when open', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
expect(button).toHaveAttribute('aria-expanded', 'true');
});
it('should have aria-controls attribute', () => {
render(<MobileMenu />);
const button = screen.getByRole('button');
expect(button).toHaveAttribute('aria-controls', 'mobile-menu-panel');
});
it('should have navigation role', () => {
render(<MobileMenu />);
const button = screen.getByRole('button', { name: '打开菜单' });
fireEvent.click(button);
const nav = screen.getByRole('navigation');
expect(nav).toHaveAttribute('aria-label', '移动端导航');
});
});
describe('Styling', () => {
it('should have responsive visibility', () => {
const { container } = render(<MobileMenu />);
const wrapper = container.firstChild as HTMLElement;
expect(wrapper).toHaveClass('lg:hidden');
});
it('should apply custom className', () => {
const { container } = render(<MobileMenu className="custom-class" />);
const wrapper = container.firstChild as HTMLElement;
expect(wrapper).toHaveClass('custom-class');
});
});
});