@coreui/react-pro 5.26.0 → 5.27.1

package/src/components/button/__tests__/CButton.spec.tsx

@@ -1,44 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CButton } from '../index'
-
-test('loads and displays CButton component', async () => {
-  const { container } = render(<CButton color="primary">Test</CButton>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CButton customize witch href', async () => {
-  const { container } = render(
-    <CButton color="primary" as="span" href="/bazinga">
-      Test
-    </CButton>
-  )
-  expect(container).toMatchSnapshot()
-})
-
-test('CButton customize', async () => {
-  const { container } = render(
-    <CButton
-      active={true}
-      className="bazinga"
-      color="warning"
-      as="span"
-      disabled={true}
-      role="bazinga"
-      shape="rounded"
-      size="lg"
-      type="submit"
-      variant="ghost"
-    >
-      Test
-    </CButton>
-  )
-  expect(container).toMatchSnapshot()
-
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('btn')
-  expect(container.firstChild).toHaveClass('btn-ghost-warning')
-  expect(container.firstChild).toHaveClass('btn-lg')
-  expect(container.firstChild).toHaveClass('rounded')
-})

package/src/components/button/__tests__/__snapshots__/CButton.spec.tsx.snap

@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CButton customize 1`] = `
-<div>
-  <span
-    aria-current="page"
-    class="btn btn-ghost-warning btn-lg rounded bazinga active disabled"
-    disabled=""
-    role="bazinga"
-    type="submit"
-  >
-    Test
-  </span>
-</div>
-`;
-
-exports[`CButton customize witch href 1`] = `
-<div>
-  <a
-    class="btn btn-primary"
-    href="/bazinga"
-  >
-    Test
-  </a>
-</div>
-`;
-
-exports[`loads and displays CButton component 1`] = `
-<div>
-  <button
-    class="btn btn-primary"
-    type="button"
-  >
-    Test
-  </button>
-</div>
-`;

package/src/components/button-group/__tests__/CButtonGroup.spec.tsx

@@ -1,38 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CButton } from '../../button/CButton'
-import { CButtonGroup } from '../index'
-
-test('loads and displays CButtonGroup component', async () => {
-  const { container } = render(<CButtonGroup></CButtonGroup>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CButtonGroup customize', async () => {
-  const { container } = render(
-    <CButtonGroup className="bazinga" size="lg" vertical={false}>
-      <CButton color="primary">Test A</CButton>
-      <CButton color="primary">Test B</CButton>
-      <CButton color="primary">Test C</CButton>
-    </CButtonGroup>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('btn-group')
-  expect(container.firstChild).toHaveClass('btn-group-lg')
-})
-
-test('CButtonGroup customize vertical', async () => {
-  const { container } = render(
-    <CButtonGroup className="bazinga" size="lg" vertical={true}>
-      <CButton color="primary">Test A</CButton>
-      <CButton color="primary">Test B</CButton>
-      <CButton color="primary">Test C</CButton>
-    </CButtonGroup>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('btn-group-vertical')
-  expect(container.firstChild).toHaveClass('btn-group-lg')
-})

package/src/components/button-group/__tests__/CButtonToolbar.spec.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CButton } from '../../button/CButton'
-import { CButtonToolbar, CButtonGroup } from '../index'
-
-test('loads and displays CButtonToolbar component', async () => {
-  const { container } = render(<CButtonToolbar></CButtonToolbar>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CButtonToolbar customize', async () => {
-  const { container } = render(
-    <CButtonToolbar className="bazinga" role="group" aria-label="Bazinga">
-      <CButtonGroup role="group">
-        <CButton color="primary">1</CButton>
-        <CButton color="primary">2</CButton>
-        <CButton color="primary">3</CButton>
-      </CButtonGroup>
-      <CButtonGroup role="group">
-        <CButton color="primary">A</CButton>
-        <CButton color="primary">B</CButton>
-        <CButton color="primary">C</CButton>
-      </CButtonGroup>
-    </CButtonToolbar>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('btn-toolbar')
-})

package/src/components/button-group/__tests__/__snapshots__/CButtonGroup.spec.tsx.snap

@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CButtonGroup customize 1`] = `
-<div>
-  <div
-    class="btn-group btn-group-lg bazinga"
-  >
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test A
-    </button>
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test B
-    </button>
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test C
-    </button>
-  </div>
-</div>
-`;
-
-exports[`CButtonGroup customize vertical 1`] = `
-<div>
-  <div
-    class="btn-group-vertical btn-group-lg bazinga"
-  >
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test A
-    </button>
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test B
-    </button>
-    <button
-      class="btn btn-primary"
-      type="button"
-    >
-      Test C
-    </button>
-  </div>
-</div>
-`;
-
-exports[`loads and displays CButtonGroup component 1`] = `
-<div>
-  <div
-    class="btn-group"
-  />
-</div>
-`;

package/src/components/button-group/__tests__/__snapshots__/CButtonToolbar.spec.tsx.snap

@@ -1,66 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CButtonToolbar customize 1`] = `
-<div>
-  <div
-    aria-label="Bazinga"
-    class="btn-toolbar bazinga"
-    role="group"
-  >
-    <div
-      class="btn-group"
-      role="group"
-    >
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        1
-      </button>
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        2
-      </button>
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        3
-      </button>
-    </div>
-    <div
-      class="btn-group"
-      role="group"
-    >
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        A
-      </button>
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        B
-      </button>
-      <button
-        class="btn btn-primary"
-        type="button"
-      >
-        C
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`loads and displays CButtonToolbar component 1`] = `
-<div>
-  <div
-    class="btn-toolbar"
-  />
-</div>
-`;

package/src/components/calendar/__tests__/CCalendar.simple.spec.tsx

@@ -1,81 +0,0 @@
-import * as React from 'react'
-import { render, screen } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCalendar } from '../CCalendar'
-
-describe('CCalendar Basic Tests', () => {
-  it('renders without crashing', () => {
-    render(<CCalendar />)
-    // The calendar renders as a table, so let's check for the table element
-    expect(screen.getByRole('table')).toBeInTheDocument()
-  })
-
-  it('handles date string correctly (timezone fix regression test)', () => {
-    // This test specifically verifies the timezone fix we implemented
-    render(<CCalendar calendarDate="2/16/2022" />)
-    expect(screen.getByRole('table')).toBeInTheDocument()
-    
-    // We should see navigation elements
-    expect(screen.getByLabelText(/previous month/i)).toBeInTheDocument()
-    expect(screen.getByLabelText(/next month/i)).toBeInTheDocument()
-  })
-
-  it('handles Date object correctly', () => {
-    const testDate = new Date(2022, 1, 16) // February 16, 2022
-    render(<CCalendar calendarDate={testDate} />)
-    expect(screen.getByRole('table')).toBeInTheDocument()
-  })
-
-  it('handles invalid dates gracefully', () => {
-    const { container } = render(<CCalendar calendarDate="invalid-date" />)
-    // Invalid dates might not render a table, but the component should still render without crashing
-    const calendarElement = container.querySelector('.calendars')
-    expect(calendarElement).toBeInTheDocument()
-  })
-
-  it('handles null dates gracefully', () => {
-    render(<CCalendar calendarDate={null} />)
-    expect(screen.getByRole('table')).toBeInTheDocument()
-  })
-
-  it('supports range selection', () => {
-    render(
-      <CCalendar 
-        range
-        startDate="2/16/2022"
-        endDate="2/20/2022"
-      />
-    )
-    expect(screen.getByRole('table')).toBeInTheDocument()
-  })
-
-  it('supports different locales', () => {
-    render(<CCalendar locale="en-US" />)
-    expect(screen.getByRole('table')).toBeInTheDocument()
-  })
-
-  it('renders navigation controls', () => {
-    render(<CCalendar />)
-    
-    // Check for navigation buttons
-    expect(screen.getByLabelText(/previous year/i)).toBeInTheDocument()
-    expect(screen.getByLabelText(/previous month/i)).toBeInTheDocument()
-    expect(screen.getByLabelText(/next month/i)).toBeInTheDocument()
-    expect(screen.getByLabelText(/next year/i)).toBeInTheDocument()
-  })
-
-  it('renders calendar grid with days', () => {
-    render(<CCalendar />)
-    
-    // Check for table structure
-    expect(screen.getByRole('table')).toBeInTheDocument()
-    
-    // Check for day cells
-    const dayCells = screen.getAllByRole('cell')
-    expect(dayCells.length).toBeGreaterThan(0)
-    
-    // Check for column headers (days of week)
-    const columnHeaders = screen.getAllByRole('columnheader')
-    expect(columnHeaders.length).toBe(7) // Should have 7 days of the week
-  })
-})

package/src/components/calendar/__tests__/CCalendar.spec.tsx

@@ -1,122 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCalendar } from '../CCalendar'
-import './setup'
-
-describe('CCalendar', () => {
-  it('loads and displays CCalendar component', () => {
-    const { container } = render(<CCalendar />)
-    expect(container).toMatchSnapshot()
-  })
-
-  it('renders with default props', () => {
-    const { container } = render(<CCalendar />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('handles date string props correctly', () => {
-    const { container } = render(<CCalendar calendarDate="2/16/2022" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('handles Date object props correctly', () => {
-    const testDate = new Date(2022, 1, 16)
-    const { container } = render(<CCalendar calendarDate={testDate} />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('handles invalid dates gracefully', () => {
-    const { container } = render(<CCalendar calendarDate="invalid-date" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('handles null/undefined dates gracefully', () => {
-    const { container } = render(<CCalendar calendarDate={null} />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('supports range selection', () => {
-    const { container } = render(
-      <CCalendar
-        range
-        startDate="2/16/2022"
-        endDate="2/20/2022"
-      />
-    )
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('supports disabled dates', () => {
-    const disabledDates = [new Date(2022, 1, 16), new Date(2022, 1, 17)]
-    const { container } = render(<CCalendar disabledDates={disabledDates} />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('supports min/max date constraints', () => {
-    const { container } = render(
-      <CCalendar
-        minDate="1/1/2022"
-        maxDate="12/31/2022"
-      />
-    )
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('supports different selection types', () => {
-    const selectionTypes = ['day', 'week', 'month', 'year'] as const
-
-    selectionTypes.forEach(type => {
-      const { container } = render(<CCalendar selectionType={type} />)
-      expect(container.querySelector('.calendars')).toBeInTheDocument()
-    })
-  })
-
-  it('supports different locales', () => {
-    const locales = ['en-US', 'pl-PL', 'de-DE', 'fr-FR']
-
-    locales.forEach(locale => {
-      const { container } = render(<CCalendar locale={locale} />)
-      expect(container.querySelector('.calendars')).toBeInTheDocument()
-    })
-  })
-
-  it('handles prop updates correctly', () => {
-    const { container, rerender } = render(<CCalendar calendarDate="2/16/2022" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-
-    rerender(<CCalendar calendarDate="3/16/2022" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-})
-
-// Additional regression tests for the timezone fix
-describe('CCalendar Timezone Fix Regression Tests', () => {
-  it('correctly parses dates without timezone shifting', () => {
-    const { container } = render(<CCalendar calendarDate="2/16/2022" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('maintains correct dates across different timezones', () => {
-    const testDates = ['1/1/2022', '6/15/2022', '12/31/2022']
-
-    testDates.forEach(dateString => {
-      const { container } = render(<CCalendar calendarDate={dateString} />)
-      expect(container.querySelector('.calendars')).toBeInTheDocument()
-    })
-  })
-
-  it('handles leap year dates correctly', () => {
-    const { container } = render(<CCalendar calendarDate="2/29/2024" />)
-    expect(container.querySelector('.calendars')).toBeInTheDocument()
-  })
-
-  it('handles DST transition dates correctly', () => {
-    const dstDates = ['3/11/2023', '3/12/2023', '11/4/2023', '11/5/2023']
-
-    dstDates.forEach(dateString => {
-      const { container } = render(<CCalendar calendarDate={dateString} />)
-      expect(container.querySelector('.calendars')).toBeInTheDocument()
-    })
-  })
-})

package/src/components/calendar/__tests__/README.md

@@ -1,149 +0,0 @@
-# CCalendar Component Testing Suite
-
-This directory contains comprehensive tests for the CCalendar component, covering functionality, edge cases, accessibility, and the recent timezone parsing fix.
-
-## Test Files Overview
-
-### 1. `CCalendar.spec.tsx` (Main Test Suite)
-- Basic rendering and props validation
-- Regression tests for the timezone fix
-- Core functionality testing
-- Snapshot testing for UI consistency
-
-### 2. `utils.spec.tsx` (Utility Functions)
-- Date parsing functions (`convertToDateObject`, `getLocalDateFromString`)
-- Timezone handling verification
-- Locale support testing
-- Edge case handling for invalid inputs
-- Performance testing
-
-### 3. `CCalendar.comprehensive.spec.tsx` (Comprehensive Coverage)
-- All component props and combinations
-- Different selection types (day, week, month, year)
-- Range selection functionality
-- Disabled dates handling
-- Min/max date constraints
-- Locale variations
-- Callback behavior
-
-### 4. `CCalendar.edge-cases.spec.tsx` (Edge Cases & Error Handling)
-- Memory management and cleanup
-- Extreme date values
-- Browser compatibility scenarios
-- Error recovery mechanisms
-- Performance edge cases
-- Security considerations (XSS prevention)
-- Concurrent mode compatibility
-
-### 5. `CCalendar.interactions.spec.tsx` (User Interactions)
-- Mouse interactions (click, hover, drag)
-- Keyboard navigation (arrows, enter, space, tab)
-- Touch interactions (tap, swipe, pinch)
-- Focus management
-- Navigation controls
-- Range selection interactions
-- Callback behavior and error handling
-
-### 6. `CCalendar.accessibility.spec.tsx` (Accessibility)
-- ARIA compliance
-- Keyboard navigation
-- Screen reader support
-- High contrast mode
-- Reduced motion preferences
-- Touch accessibility
-- Localization accessibility
-- Automated accessibility testing (axe-core integration)
-
-### 7. `test-setup.ts` (Test Configuration)
-- Jest configuration and mocks
-- Browser API mocks (matchMedia, ResizeObserver, etc.)
-- Performance and Intl mocking
-- Common test utilities
-
-## Key Test Scenarios
-
-### Timezone Fix Regression Tests
-The recent timezone parsing fix is specifically tested to ensure:
-- Date strings like "2/16/2022" parse to February 16, 2022 at 00:00 local time
-- No incorrect timezone offset adjustments
-- Consistent behavior across different system timezones
-- Proper handling of DST transitions
-
-### Edge Cases Covered
-- Invalid date inputs
-- Leap year dates
-- Year/month boundaries
-- Very old and future dates
-- Malformed date strings
-- Null/undefined inputs
-- Rapid prop changes
-- Memory leaks prevention
-
-### Accessibility Standards
-- WCAG 2.1 AA compliance
-- Keyboard navigation
-- Screen reader compatibility
-- High contrast mode support
-- Reduced motion preferences
-- Touch accessibility
-- International localization
-
-## Running the Tests
-
-```bash
-# Run all calendar tests
-npm test -- --testPathPattern=calendar
-
-# Run specific test file
-npm test CCalendar.spec.tsx
-
-# Run with coverage
-npm test -- --coverage --testPathPattern=calendar
-
-# Run accessibility tests specifically
-npm test CCalendar.accessibility.spec.tsx
-
-# Run edge case tests
-npm test CCalendar.edge-cases.spec.tsx
-```
-
-## Test Dependencies
-
-The tests require the following packages:
-- `@testing-library/react` - React testing utilities
-- `@testing-library/jest-dom` - Jest DOM matchers
-- `@testing-library/user-event` - User interaction simulation
-- `jest-axe` (optional) - Automated accessibility testing
-
-## Debugging Tests
-
-For debugging test failures:
-
-1. **Timezone Issues**: Check if the system timezone affects test results
-2. **Async Issues**: Ensure proper use of `waitFor` and async/await
-3. **Mock Issues**: Verify that mocks are properly reset between tests
-4. **DOM Issues**: Use `screen.debug()` to inspect rendered output
-
-## Contributing
-
-When adding new tests:
-1. Follow the existing naming conventions
-2. Add comprehensive edge cases
-3. Include accessibility considerations
-4. Document complex test scenarios
-5. Ensure tests are deterministic and fast
-
-## Known Limitations
-
-- Some interaction tests depend on the actual DOM structure of the calendar
-- Touch event testing has limitations in jsdom environment
-- Timezone testing may behave differently in CI environments
-- Some accessibility tests require manual verification with screen readers
-
-## Future Improvements
-
-- Integration with visual regression testing
-- Enhanced touch interaction testing
-- More comprehensive internationalization testing
-- Performance benchmarking integration
-- Real browser testing with Playwright/Cypress