taro-uno-ui 1.0.0 → 1.0.2

package/src/components/form/Switch/Switch.test.tsx

@@ -1,345 +0,0 @@
-/**
- * Taro-Uno Switch Component Test
- * 开关组件测试
- */
-
-import React from 'react';
-import { vi } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { Switch } from './Switch';
-import type { SwitchProps } from './Switch.types';
-
-// Mock Taro components
-vi.mock('@tarojs/components', () => ({
-  View: 'div',
-  Text: 'span',
-}));
-
-// Mock PlatformDetector
-vi.mock('@/utils', () => ({
-  PlatformDetector: {
-    getPlatform: () => 'h5',
-  },
-}));
-
-describe('Switch Component', () => {
-  const defaultProps: SwitchProps = {
-    accessibilityLabel: 'Test Switch',
-  };
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('基础渲染', () => {
-    it('应该正确渲染开关组件', () => {
-      render(<Switch {...defaultProps} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该使用默认值', () => {
-      render(<Switch {...defaultProps} defaultValue={true} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该支持受控模式', () => {
-      const handleChange = vi.fn();
-      render(<Switch {...defaultProps} value={true} onChange={handleChange} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该支持不同尺寸', () => {
-      render(<Switch {...defaultProps} size="lg" />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).toHaveClass('taro-uno-switch__track--lg');
-    });
-
-    it('应该支持不同颜色', () => {
-      render(<Switch {...defaultProps} color="success" />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).toHaveClass('taro-uno-switch__track--success');
-    });
-  });
-
-  describe('交互功能', () => {
-    it('应该正确处理点击事件', () => {
-      const handleChange = vi.fn();
-      render(<Switch {...defaultProps} onChange={handleChange} />);
-
-      const switchElement = screen.getByTestId('switch');
-
-      // 直接调用点击处理函数来测试组件逻辑
-      const clickEvent = {
-        target: switchElement,
-        currentTarget: switchElement,
-        type: 'click',
-        preventDefault: vi.fn(),
-        stopPropagation: vi.fn(),
-      };
-
-      // 模拟点击事件
-      switchElement.onclick = clickEvent;
-      fireEvent.click(switchElement, clickEvent);
-
-      // 如果点击事件还是不工作，至少测试组件能渲染
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该在禁用状态下不响应点击', () => {
-      const handleChange = vi.fn();
-      render(<Switch {...defaultProps} disabled={true} onChange={handleChange} />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      expect(handleChange).not.toHaveBeenCalled();
-    });
-
-    it('应该在只读状态下不响应点击', () => {
-      const handleChange = vi.fn();
-      render(<Switch {...defaultProps} readonly={true} onChange={handleChange} />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      expect(handleChange).not.toHaveBeenCalled();
-    });
-
-    it('应该在加载状态下不响应点击', () => {
-      const handleChange = vi.fn();
-      render(<Switch {...defaultProps} loading={true} onChange={handleChange} />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      expect(handleChange).not.toHaveBeenCalled();
-    });
-
-    it('应该正确处理聚焦事件', () => {
-      const handleFocus = vi.fn();
-      render(<Switch {...defaultProps} onFocus={handleFocus} />);
-
-      // Taro组件不支持focus事件，所以这里只测试组件存在
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-      // 预期不会被调用，因为Taro组件不支持focus事件
-      expect(handleFocus).not.toHaveBeenCalled();
-    });
-
-    it('应该正确处理失焦事件', () => {
-      const handleBlur = vi.fn();
-      render(<Switch {...defaultProps} onBlur={handleBlur} />);
-
-      // Taro组件不支持blur事件，所以这里只测试组件存在
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-      // 预期不会被调用，因为Taro组件不支持blur事件
-      expect(handleBlur).not.toHaveBeenCalled();
-    });
-  });
-
-  describe('状态管理', () => {
-    it('应该正确显示选中状态', () => {
-      render(<Switch {...defaultProps} value={true} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该正确显示未选中状态', () => {
-      render(<Switch {...defaultProps} value={false} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该正确显示禁用状态', () => {
-      render(<Switch {...defaultProps} disabled={true} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该正确显示加载状态', () => {
-      render(<Switch {...defaultProps} loading={true} />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).toHaveClass('taro-uno-switch__track--loading');
-    });
-  });
-
-  describe('验证功能', () => {
-    it('应该支持必填验证', async () => {
-      const rules = [{ required: true, message: '此字段为必填项' }];
-      render(<Switch {...defaultProps} defaultValue={false} rules={rules} validateTrigger="onChange" />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement); // 切换到true，应该通过验证
-      fireEvent.click(switchElement); // 切换回false，应该触发验证错误
-
-      await waitFor(() => {
-        expect(screen.getByText('此字段为必填项')).toBeInTheDocument();
-      });
-    });
-
-    it('应该支持自定义验证函数', async () => {
-      const validator = vi.fn().mockReturnValue(false);
-      const rules = [{ validator, message: '验证失败' }];
-      render(<Switch {...defaultProps} rules={rules} validateTrigger="onChange" />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      await waitFor(() => {
-        expect(screen.getByText('验证失败')).toBeInTheDocument();
-      });
-    });
-
-    it('应该支持异步验证', async () => {
-      const asyncValidator = vi.fn().mockResolvedValue(false);
-      const rules = [{ validator: asyncValidator, message: '异步验证失败' }];
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} rules={rules} validateTrigger="onChange" />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      // 测试验证方法而不是DOM渲染
-      const result = await ref.current.validate();
-      // 当validator返回false时，验证应该失败
-      expect(result.valid).toBe(false);
-      expect(result.message).toBe('异步验证失败');
-    });
-  });
-
-  
-  describe('样式功能', () => {
-    it('应该支持边框显示', () => {
-      render(<Switch {...defaultProps} bordered={true} />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).toHaveClass('taro-uno-switch__track--bordered');
-    });
-
-    it('应该支持边框隐藏', () => {
-      render(<Switch {...defaultProps} bordered={false} />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).not.toHaveClass('taro-uno-switch__track--bordered');
-    });
-
-    it('应该支持块级显示', () => {
-      render(<Switch {...defaultProps} block={true} />);
-      const switchElement = screen.getByTestId('switch');
-      const container = switchElement.parentElement as HTMLElement;
-      expect(container?.style.display).toBe('flex');
-    });
-
-    it('应该支持自定义样式类名', () => {
-      render(<Switch {...defaultProps} className="custom-switch" />);
-      const switchElement = screen.getByTestId('switch');
-      const track = switchElement.querySelector('.taro-uno-switch__track');
-      expect(track).toHaveClass('custom-switch');
-    });
-  });
-
-  describe('引用方法', () => {
-    it('应该提供正确的引用方法', () => {
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} />);
-      
-      expect(ref.current).toBeTruthy();
-      expect(typeof ref.current.getValue).toBe('function');
-      expect(typeof ref.current.setValue).toBe('function');
-      expect(typeof ref.current.toggle).toBe('function');
-      expect(typeof ref.current.focus).toBe('function');
-      expect(typeof ref.current.blur).toBe('function');
-    });
-
-    it('应该正确获取和设置值', () => {
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} />);
-      
-      expect(ref.current.getValue()).toBe(false);
-      ref.current.setValue(true);
-      expect(ref.current.getValue()).toBe(true);
-    });
-
-    it('应该正确切换值', () => {
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} />);
-      
-      expect(ref.current.getValue()).toBe(false);
-      ref.current.toggle();
-      expect(ref.current.getValue()).toBe(true);
-    });
-
-    it('应该正确设置状态', () => {
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} />);
-      
-      ref.current.setDisabled(true);
-      expect(ref.current.getStatus()).toBe('disabled');
-      
-      ref.current.setLoading(true);
-      expect(ref.current.getStatus()).toBe('loading');
-    });
-
-    it('应该正确验证', async () => {
-      const ref = React.createRef<any>();
-      const rules = [{ required: true, message: '此字段为必填项' }];
-      render(<Switch {...defaultProps} ref={ref} rules={rules} />);
-      
-      const result = await ref.current.validate();
-      expect(result.valid).toBe(false);
-      expect(result.message).toBe('此字段为必填项');
-    });
-  });
-
-  describe('边界情况', () => {
-    it('应该处理空值', () => {
-      render(<Switch {...defaultProps} value={undefined} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该处理无效的验证规则', () => {
-      const invalidRules = [{} as any];
-      render(<Switch {...defaultProps} rules={invalidRules} />);
-      const switchElement = screen.getByTestId('switch');
-      expect(switchElement).toBeInTheDocument();
-    });
-
-    it('应该处理验证函数抛出异常', async () => {
-      const validator = vi.fn().mockImplementation(() => {
-        throw new Error('验证错误');
-      });
-      const rules = [{ validator, message: '验证失败' }];
-      render(<Switch {...defaultProps} rules={rules} validateTrigger="onChange" />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      await waitFor(() => {
-        expect(screen.getByText('验证失败')).toBeInTheDocument();
-      });
-    });
-
-    it('应该处理异步验证函数抛出异常', async () => {
-      const asyncValidator = vi.fn().mockRejectedValue(new Error('异步验证错误'));
-      const rules = [{ validator: asyncValidator, message: '异步验证失败' }];
-      const ref = React.createRef<any>();
-      render(<Switch {...defaultProps} ref={ref} rules={rules} validateTrigger="onChange" />);
-
-      const switchElement = screen.getByTestId('switch');
-      fireEvent.click(switchElement);
-
-      // 测试验证方法而不是DOM渲染
-      const result = await ref.current.validate();
-      expect(result.valid).toBe(false);
-      expect(result.message).toBe('异步验证失败');
-    });
-  });
-});