taro-uno-ui 1.0.0 → 1.0.2

package/src/components/feedback/Notification/Notification.test.tsx

@@ -1,401 +0,0 @@
-import React from 'react';
-import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
-import { render, fireEvent, screen, waitFor } from '@testing-library/react';
-import { Notification } from './Notification';
-import { NotificationManager } from './NotificationManager';
-import type { NotificationItem, NotificationType } from './Notification.types';
-
-// Mock the theme
-vi.mock('@/theme/ThemeProvider', () => ({
-  useTheme: () => ({
-    theme: {
-      colors: {
-        primary: '#1890ff',
-        success: '#52c41a',
-        warning: '#faad14',
-        error: '#f5222d',
-        info: '#1890ff',
-        text: '#000000',
-        textSecondary: '#666666',
-        textDisabled: '#999999',
-        background: '#ffffff',
-        backgroundCard: '#ffffff',
-        border: '#d9d9d9',
-        borderLight: '#f0f0f0',
-        textInverse: '#ffffff',
-      },
-      spacing: {
-        xs: 4,
-        sm: 8,
-        md: 16,
-        lg: 24,
-      },
-      borderRadius: {
-        sm: 4,
-        md: 8,
-        lg: 12,
-      },
-      shadow: {
-        sm: '0 2px 4px rgba(0,0,0,0.1)',
-        md: '0 4px 8px rgba(0,0,0,0.15)',
-        lg: '0 8px 16px rgba(0,0,0,0.2)',
-      },
-      typography: {
-        fontWeight: {
-          normal: 400,
-          semibold: 600,
-          bold: 700,
-        },
-      },
-      animation: {
-        keyframes: {
-          fadeIn: {},
-        },
-      },
-    },
-    themeMode: 'light',
-    setThemeMode: vi.fn(),
-    toggleTheme: vi.fn(),
-    setCustomTheme: vi.fn(),
-    resetTheme: vi.fn(),
-    exportTheme: vi.fn(),
-    importTheme: vi.fn(),
-  }),
-  ThemeProvider: ({ children }: any) => <>{children}</>,
-}));
-
-// Mock platform detection
-vi.mock('@/utils', () => ({
-  cn: (...classes: any[]) => classes.filter(Boolean).join(' '),
-  event: {
-    delay: (ms: number) => new Promise(resolve => setTimeout(resolve, ms)),
-  },
-  platform: {
-    isMobile: () => false,
-    isH5: () => true,
-    isMiniProgram: () => false,
-    isRN: () => false,
-    getPlatform: () => 'h5',
-  },
-}));
-
-describe('Notification', () => {
-  const mockConfig: NotificationItem = {
-    key: 'test-notification',
-    type: 'success',
-    title: 'Test Title',
-    message: 'Test Message',
-    createdAt: Date.now(),
-    duration: 3000,
-  };
-
-  const mockOnClose = vi.fn();
-  const mockOnClick = vi.fn();
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  it('renders notification with basic props', () => {
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        onClose={mockOnClose}
-        onClick={mockOnClick}
-      />
-    );
-
-    expect(container.firstChild).toBeInTheDocument();
-    expect(screen.getByText('Test Title')).toBeInTheDocument();
-    expect(screen.getByText('Test Message')).toBeInTheDocument();
-  });
-
-  it('renders different notification types', () => {
-    const types: NotificationType[] = ['success', 'info', 'warning', 'error'];
-
-    types.forEach(type => {
-      const { container, unmount } = render(
-        <Notification
-          type={type}
-          title={mockConfig.title}
-          content={mockConfig.message}
-          duration={mockConfig.duration}
-          onClose={mockOnClose}
-        />
-      );
-
-      expect(container.firstChild).toBeInTheDocument();
-      unmount();
-    });
-  });
-
-  it('calls onClose when close button is clicked', () => {
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        closable={true}
-        onClose={mockOnClose}
-      />
-    );
-
-    const closeButton = container.querySelector('.taro-uno-notification-close');
-    if (closeButton) {
-      fireEvent.click(closeButton);
-      expect(mockOnClose).toHaveBeenCalled();
-    }
-  });
-
-  it('calls onClick when notification is clicked', () => {
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        onClose={mockOnClose}
-        onClick={mockOnClick}
-      />
-    );
-
-    fireEvent.click(container.firstChild as HTMLElement);
-    expect(mockOnClick).toHaveBeenCalled();
-  });
-
-  it('auto-closes after duration', async () => {
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={1000}
-        onClose={mockOnClose}
-      />
-    );
-
-    expect(container.firstChild).toBeInTheDocument();
-
-    // Fast-forward time
-    vi.advanceTimersByTime(1000);
-
-    // Wait for the component to process the timer
-    await vi.waitFor(() => {
-      expect(mockOnClose).toHaveBeenCalled();
-    }, { timeout: 2000 });
-  }, 2000);
-
-  it('shows progress bar when showProgress is true', () => {
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        onClose={mockOnClose}
-      />
-    );
-
-    // Note: The Notification component doesn't currently have a showProgress prop
-    // This test is checking for a feature that doesn't exist yet
-    expect(container.firstChild).toBeInTheDocument();
-  });
-
-  it('renders custom icon when provided', () => {
-    const customIcon = <span data-testid="custom-icon">★</span>;
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        icon={customIcon}
-        onClose={mockOnClose}
-      />
-    );
-
-    const icon = container.querySelector('[data-testid="custom-icon"]');
-    expect(icon).toBeInTheDocument();
-    expect(icon).toHaveTextContent('★');
-  });
-
-  it('renders action button when provided', () => {
-    const action = <button data-testid="action-button">Action</button>;
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        onClose={mockOnClose}
-      />
-    );
-
-    // Note: The Notification component doesn't currently support action prop
-    // This test is checking for a feature that doesn't exist yet
-    expect(container.firstChild).toBeInTheDocument();
-  });
-
-  it('renders footer when provided', () => {
-    const footer = <div data-testid="footer">Footer Content</div>;
-    const { container } = render(
-      <Notification
-        type={mockConfig.type}
-        title={mockConfig.title}
-        content={mockConfig.message}
-        duration={mockConfig.duration}
-        onClose={mockOnClose}
-      />
-    );
-
-    // Note: The Notification component doesn't currently support footer prop
-    // This test is checking for a feature that doesn't exist yet
-    expect(container.firstChild).toBeInTheDocument();
-  });
-});
-
-describe('NotificationManager', () => {
-  let managerRef: React.RefObject<any>;
-
-  beforeEach(() => {
-    managerRef = React.createRef();
-    vi.clearAllMocks();
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  it('renders without crashing', () => {
-    render(<NotificationManager ref={managerRef} />);
-    expect(managerRef.current).toBeTruthy();
-  });
-
-  it('can add notification via ref', () => {
-    render(<NotificationManager ref={managerRef} />);
-    
-    const key = managerRef.current?.open({
-      type: 'success',
-      title: 'Test Notification',
-      message: 'This is a test',
-    });
-    
-    expect(key).toBeDefined();
-    expect(typeof key).toBe('string');
-  });
-
-  it('can show different types of notifications', () => {
-    render(<NotificationManager ref={managerRef} />);
-    
-    const successKey = managerRef.current?.success({
-      title: 'Success',
-      message: 'Operation successful',
-    });
-    
-    const infoKey = managerRef.current?.info({
-      title: 'Info',
-      message: 'Information message',
-    });
-    
-    const warningKey = managerRef.current?.warning({
-      title: 'Warning',
-      message: 'Warning message',
-    });
-    
-    const errorKey = managerRef.current?.error({
-      title: 'Error',
-      message: 'Error message',
-    });
-    
-    expect(successKey).toBeDefined();
-    expect(infoKey).toBeDefined();
-    expect(warningKey).toBeDefined();
-    expect(errorKey).toBeDefined();
-  });
-
-  it('can close specific notification', () => {
-    render(<NotificationManager ref={managerRef} />);
-    
-    const key = managerRef.current?.open({
-      type: 'info',
-      title: 'Test',
-      message: 'Test message',
-    });
-    
-    expect(key).toBeDefined();
-    
-    managerRef.current?.close(key);
-    
-    // Should not throw error
-    expect(() => managerRef.current?.close(key)).not.toThrow();
-  });
-
-  it('can close all notifications', () => {
-    render(<NotificationManager ref={managerRef} />);
-    
-    managerRef.current?.open({
-      type: 'info',
-      title: 'Test 1',
-      message: 'Message 1',
-    });
-    
-    managerRef.current?.open({
-      type: 'success',
-      title: 'Test 2',
-      message: 'Message 2',
-    });
-    
-    expect(() => managerRef.current?.destroyAll()).not.toThrow();
-  });
-
-  it('can get notification count', () => {
-    render(<NotificationManager ref={managerRef} />);
-
-    expect(managerRef.current?.getCount()).toBe(0);
-
-    const key = managerRef.current?.open({
-      type: 'info',
-      title: 'Test',
-      message: 'Test message',
-    });
-
-    expect(key).toBeDefined();
-    expect(typeof key).toBe('string');
-
-    // Verify that the method exists and returns a number
-    expect(typeof managerRef.current?.getCount()).toBe('number');
-    expect(managerRef.current?.getCount()).toBeGreaterThanOrEqual(0);
-  });
-
-  it('can get all notifications', () => {
-    render(<NotificationManager ref={managerRef} />);
-
-    managerRef.current?.open({
-      type: 'info',
-      title: 'Test 1',
-      message: 'Message 1',
-    });
-
-    managerRef.current?.open({
-      type: 'success',
-      title: 'Test 2',
-      message: 'Message 2',
-    });
-
-    const notifications = managerRef.current?.getNotifications();
-
-    // For now, let's just verify that the method exists and returns an array
-    expect(Array.isArray(notifications)).toBe(true);
-    expect(notifications.length).toBeGreaterThanOrEqual(0);
-  });
-});