@times-components/ts-components 1.112.0 → 1.112.1

package/dist/components/audio-player-components/__tests__/TabletDesktopPlayer.test.js

@@ -0,0 +1,199 @@
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { TabletDesktopPlayer } from '../TabletDesktopPlayer';
+// Mocking styled-components
+jest.mock('../styles', () => ({
+    TabletDesktopWrapper: ({ children }) => (React.createElement("div", { "data-testid": "tablet-desktop-wrapper" }, children)),
+    TabletDesktopInnerWrapper: ({ children }) => (React.createElement("div", { "data-testid": "tablet-desktop-inner-wrapper" }, children)),
+    LeftControls: ({ children }) => (React.createElement("div", { "data-testid": "left-controls" }, children)),
+    CenterControls: ({ children }) => (React.createElement("div", { "data-testid": "center-controls" }, children)),
+    RightControls: ({ children }) => (React.createElement("div", { "data-testid": "right-controls" }, children)),
+    TabletDesktopPlayPauseButton: ({ children, ...props }) => (React.createElement("button", Object.assign({ "data-testid": "play-pause-button" }, props), children)),
+    TabletDesktopStatusText: ({ children }) => (React.createElement("div", { "data-testid": "status-text" }, children)),
+    TabletDesktopVolumeControlContainer: ({ children }) => (React.createElement("div", { "data-testid": "volume-control-container" }, children)),
+    TabletDesktopVolumeButton: ({ children, ...props }) => (React.createElement("button", Object.assign({ "data-testid": "volume-button" }, props), children)),
+    TabletDesktopVolumeSlider: ({ ...props }) => (React.createElement("input", Object.assign({ "data-testid": "volume-slider" }, props))),
+    TabletDesktopTimeDisplay: ({ children, testId }) => (React.createElement("div", { "data-testid": testId || 'time-display' }, children)),
+    TabletDesktopSeekBar: ({ ...props }) => (React.createElement("input", Object.assign({ "data-testid": "seek-bar" }, props))),
+    TabletDesktopSpeedButton: ({ children, ...props }) => (React.createElement("button", Object.assign({ "data-testid": "speed-button" }, props), children)),
+    SpeedSelectModal: ({ children }) => (React.createElement("div", { "data-testid": "speed-select-modal" }, children)),
+    SpeedOptionItem: ({ children, ...props }) => (React.createElement("div", Object.assign({ "data-testid": "speed-option-item" }, props), children)),
+    TabletDesktopCloseButton: ({ children, ...props }) => (React.createElement("button", Object.assign({ "data-testid": "close-button" }, props), children)),
+    SpeedButtonContainer: ({ children }) => (React.createElement("div", { "data-testid": "speed-button-container" }, children)),
+    SpeedOptionsContainer: ({ children }) => (React.createElement("div", { "data-testid": "speed-options-container" }, children))
+}));
+// Mocking icons
+jest.mock('@times-components/icons', () => ({
+    PlayIcon: () => React.createElement("svg", { "data-testid": "play-icon" }),
+    PauseIcon: () => React.createElement("svg", { "data-testid": "pause-icon" }),
+    IconVolume: () => React.createElement("svg", { "data-testid": "icon-volume" }),
+    IconCheck: () => React.createElement("svg", { "data-testid": "icon-check" }),
+    AudioCloseIcon: () => React.createElement("svg", { "data-testid": "audio-close-icon" })
+}));
+// Mocking utils
+jest.mock('../utils', () => ({
+    formatTime: (seconds) => {
+        const mins = Math.floor(seconds / 60);
+        const secs = Math.floor(seconds % 60);
+        return `${mins}:${secs < 10 ? '0' : ''}${secs}`;
+    }
+}));
+describe('TabletDesktopPlayer', () => {
+    const mockTogglePlayPause = jest.fn();
+    const mockHandleSeek = jest.fn();
+    const mockHandleVolumeChange = jest.fn();
+    const mockHandleSpeedSelect = jest.fn();
+    const mockSetIsSpeedModalOpen = jest.fn();
+    const mockSetIsVolumeSliderVisible = jest.fn();
+    const mockOnClose = jest.fn();
+    const mockSetVolume = jest.fn();
+    const mockHandleSpeedChange = jest.fn();
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    const defaultProps = {
+        isPlaying: false,
+        togglePlayPause: mockTogglePlayPause,
+        currentTime: 30,
+        duration: 120,
+        allowTogglePlay: true,
+        allowSeek: true,
+        allowVolumeChange: true,
+        volume: 0.5,
+        handleSeek: mockHandleSeek,
+        handleVolumeChange: mockHandleVolumeChange,
+        speed: 1.0,
+        allowPlaybackRateChange: true,
+        isSpeedModalOpen: false,
+        setIsSpeedModalOpen: mockSetIsSpeedModalOpen,
+        speedOptions: [0.5, 1.0, 1.5, 2.0],
+        handleSpeedSelect: mockHandleSpeedSelect,
+        isVolumeSliderVisible: false,
+        setIsVolumeSliderVisible: mockSetIsVolumeSliderVisible,
+        onClose: mockOnClose,
+        allowExpandCollapse: true,
+        isMobile: false,
+        audioRef: React.createRef(),
+        setVolume: mockSetVolume,
+        handleSpeedChange: mockHandleSpeedChange
+    };
+    const renderComponent = (props = {}) => render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, props)));
+    test('renders correctly with all controls enabled and not playing', () => {
+        const { getByTestId, getAllByTestId, queryByTestId } = renderComponent();
+        // Wrapper and Inner Wrapper
+        expect(getByTestId('tablet-desktop-wrapper')).toBeInTheDocument();
+        expect(getByTestId('tablet-desktop-inner-wrapper')).toBeInTheDocument();
+        // Left Controls
+        expect(getByTestId('left-controls')).toBeInTheDocument();
+        expect(getByTestId('play-pause-button')).toBeInTheDocument();
+        expect(getByTestId('status-text')).toHaveTextContent('Paused');
+        expect(getByTestId('volume-control-container')).toBeInTheDocument();
+        expect(getByTestId('volume-button')).toBeInTheDocument();
+        expect(queryByTestId('volume-slider')).not.toBeInTheDocument();
+        // Center Controls
+        expect(getByTestId('center-controls')).toBeInTheDocument();
+        const timeDisplays = getAllByTestId('time-display');
+        expect(timeDisplays[0].textContent).toBe('0:30');
+        expect(getByTestId('seek-bar')).toBeInTheDocument();
+        expect(getByTestId('seek-bar')).toHaveAttribute('min', '0');
+        expect(getByTestId('seek-bar')).toHaveAttribute('max', '120');
+        expect(getByTestId('seek-bar')).toHaveAttribute('value', '30');
+        expect(getByTestId('seek-bar')).not.toBeDisabled();
+        expect(getByTestId('seek-bar')).toHaveAttribute('aria-label', 'Seek Bar');
+        expect(timeDisplays[1].textContent).toBe('2:00');
+        // Right Controls
+        expect(getByTestId('right-controls')).toBeInTheDocument();
+        expect(getByTestId('speed-button-container')).toBeInTheDocument();
+        expect(getByTestId('speed-button')).toBeInTheDocument();
+        expect(queryByTestId('speed-select-modal')).not.toBeInTheDocument();
+        expect(getByTestId('close-button')).toBeInTheDocument();
+    });
+    test('renders PlayIcon when not playing and PauseIcon when playing', () => {
+        const { getByTestId, rerender, queryByTestId } = renderComponent({
+            isPlaying: false
+        });
+        expect(getByTestId('play-icon')).toBeInTheDocument();
+        expect(queryByTestId('pause-icon')).not.toBeInTheDocument();
+        rerender(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { isPlaying: true })));
+        expect(getByTestId('pause-icon')).toBeInTheDocument();
+        expect(queryByTestId('play-icon')).not.toBeInTheDocument();
+    });
+    test('calls togglePlayPause when Play/Pause button is clicked', () => {
+        const { getByLabelText } = renderComponent();
+        const playPauseButton = getByLabelText('Play');
+        fireEvent.click(playPauseButton);
+        expect(mockTogglePlayPause).toHaveBeenCalledTimes(1);
+    });
+    test('calls handleSeek when Seek Bar is moved', () => {
+        const { getByTestId } = renderComponent();
+        const seekBar = getByTestId('seek-bar');
+        fireEvent.change(seekBar, { target: { value: '60' } });
+        expect(mockHandleSeek).toHaveBeenCalledTimes(1);
+        expect(mockHandleSeek).toHaveBeenCalledWith(60);
+    });
+    test('calls handleVolumeChange when volume slider is adjusted', () => {
+        const { getByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { isVolumeSliderVisible: true })));
+        const volumeSlider = getByTestId('volume-slider');
+        fireEvent.change(volumeSlider, { target: { value: '0.7' } });
+        expect(mockHandleVolumeChange).toHaveBeenCalledTimes(1);
+        expect(mockHandleVolumeChange).toHaveBeenCalledWith(0.7);
+    });
+    test('opens speed modal when Speed button is clicked', () => {
+        const { getByTestId } = renderComponent();
+        const speedButton = getByTestId('speed-button');
+        fireEvent.click(speedButton);
+        expect(mockSetIsSpeedModalOpen).toHaveBeenCalledWith(true);
+    });
+    test('does not render speed button when allowPlaybackRateChange is false', () => {
+        const { queryByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { allowPlaybackRateChange: false })));
+        expect(queryByTestId('speed-button-container')).not.toBeInTheDocument();
+    });
+    test('renders speed modal when isSpeedModalOpen is true', () => {
+        const { getByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { isSpeedModalOpen: true })));
+        expect(getByTestId('speed-select-modal')).toBeInTheDocument();
+    });
+    test('calls onClose when Close button is clicked', () => {
+        const { getByLabelText } = renderComponent();
+        const closeButton = getByLabelText('Close Player');
+        fireEvent.click(closeButton);
+        expect(mockOnClose).toHaveBeenCalledTimes(1);
+    });
+    test('does not render volume controls when allowVolumeChange is false', () => {
+        const { queryByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { allowVolumeChange: false })));
+        expect(queryByTestId('volume-control-container')).not.toBeInTheDocument();
+    });
+    test('does not render speed controls when allowPlaybackRateChange is false', () => {
+        const { queryByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { allowPlaybackRateChange: false })));
+        expect(queryByTestId('speed-button-container')).not.toBeInTheDocument();
+    });
+    test('does not render Close button when allowExpandCollapse is false', () => {
+        const { queryByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { allowExpandCollapse: false })));
+        expect(queryByTestId('close-button')).not.toBeInTheDocument();
+    });
+    test('correctly displays formatted currentTime and duration', () => {
+        const { getAllByTestId } = renderComponent();
+        const timeDisplays = getAllByTestId('time-display');
+        expect(timeDisplays[0].textContent).toBe('0:30');
+        expect(timeDisplays[1].textContent).toBe('2:00');
+    });
+    test('sets correct attributes on Seek Bar based on props', () => {
+        const { getByTestId } = renderComponent();
+        const seekBar = getByTestId('seek-bar');
+        expect(seekBar).toHaveAttribute('type', 'range');
+        expect(seekBar).toHaveAttribute('min', '0');
+        expect(seekBar).toHaveAttribute('max', '120');
+        expect(seekBar).toHaveAttribute('value', '30');
+        expect(seekBar).not.toBeDisabled();
+        expect(seekBar).toHaveAttribute('aria-label', 'Seek Bar');
+        expect(seekBar).toHaveAttribute('progress', '25');
+    });
+    test('handles duration of zero gracefully', () => {
+        const { getByTestId } = render(React.createElement(TabletDesktopPlayer, Object.assign({}, defaultProps, { currentTime: 0, duration: 0 })));
+        const seekBar = getByTestId('seek-bar');
+        expect(seekBar).toHaveAttribute('max', '0');
+        expect(seekBar).toHaveAttribute('value', '0');
+        expect(seekBar).toHaveAttribute('progress', '0');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGV0RGVza3RvcFBsYXllci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXVkaW8tcGxheWVyLWNvbXBvbmVudHMvX190ZXN0c19fL1RhYmxldERlc2t0b3BQbGF5ZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTyx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU3RCw0QkFBNEI7QUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUM1QixvQkFBb0IsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFPLEVBQUUsRUFBRSxDQUFDLENBQzNDLDRDQUFpQix3QkFBd0IsSUFBRSxRQUFRLENBQU8sQ0FDM0Q7SUFDRCx5QkFBeUIsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFPLEVBQUUsRUFBRSxDQUFDLENBQ2hELDRDQUFpQiw4QkFBOEIsSUFBRSxRQUFRLENBQU8sQ0FDakU7SUFDRCxZQUFZLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUNuQyw0Q0FBaUIsZUFBZSxJQUFFLFFBQVEsQ0FBTyxDQUNsRDtJQUNELGNBQWMsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFPLEVBQUUsRUFBRSxDQUFDLENBQ3JDLDRDQUFpQixpQkFBaUIsSUFBRSxRQUFRLENBQU8sQ0FDcEQ7SUFDRCxhQUFhLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBTyxFQUFFLEVBQUUsQ0FBQyxDQUNwQyw0Q0FBaUIsZ0JBQWdCLElBQUUsUUFBUSxDQUFPLENBQ25EO0lBQ0QsNEJBQTRCLEVBQUUsQ0FBQyxFQUFFLFFB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

package/dist/components/audio-player-components/__tests__/TimeDisplay.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/audio-player-components/__tests__/TimeDisplay.test.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { TimeDisplay } from '../TimeDisplay';
+// Mocking styled-components
+jest.mock('../styles', () => ({
+    Row: ({ children }) => React.createElement("div", { "data-testid": "row" }, children),
+    StyledTimeDisplay: ({ children }) => (React.createElement("div", { "data-testid": "styled-time-display" }, children))
+}));
+// Mocking utils
+jest.mock('../utils', () => ({
+    formatTime: jest.fn((seconds) => {
+        const mins = Math.floor(seconds / 60);
+        const secs = Math.floor(seconds % 60);
+        return `${mins}:${secs < 10 ? '0' : ''}${secs}`;
+    })
+}));
+import { formatTime } from '../utils';
+describe('TimeDisplay', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    test('renders without crashing', () => {
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 0, duration: 0 }));
+        expect(getByTestId('row')).toBeInTheDocument();
+        expect(getByTestId('styled-time-display')).toBeInTheDocument();
+    });
+    test('displays correctly formatted currentTime and duration', () => {
+        formatTime.mockImplementation((seconds) => {
+            const mins = Math.floor(seconds / 60);
+            const secs = Math.floor(seconds % 60);
+            return `${mins}:${secs < 10 ? '0' : ''}${secs}`;
+        });
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 65, duration: 125 }));
+        expect(getByTestId('current-time')).toHaveTextContent('1:05');
+        expect(getByTestId('duration')).toHaveTextContent('2:05');
+    });
+    test('handles currentTime of 0 seconds', () => {
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 0, duration: 120 }));
+        expect(getByTestId('current-time')).toHaveTextContent('0:00');
+        expect(getByTestId('duration')).toHaveTextContent('2:00');
+    });
+    test('handles duration of 0 seconds', () => {
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 60, duration: 0 }));
+        expect(getByTestId('current-time')).toHaveTextContent('1:00');
+        expect(getByTestId('duration')).toHaveTextContent('0:00');
+    });
+    test('handles large numbers gracefully', () => {
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 3600, duration: 7200 })); // 1 hour and 2 hours
+        expect(getByTestId('current-time')).toHaveTextContent('60:00');
+        expect(getByTestId('duration')).toHaveTextContent('120:00');
+    });
+    test('calls formatTime with correct arguments', () => {
+        render(React.createElement(TimeDisplay, { currentTime: 90, duration: 180 }));
+        expect(formatTime).toHaveBeenCalledTimes(2);
+        expect(formatTime).toHaveBeenCalledWith(90);
+        expect(formatTime).toHaveBeenCalledWith(180);
+    });
+    test('accessibility: contains semantic HTML elements', () => {
+        const { getByTestId } = render(React.createElement(TimeDisplay, { currentTime: 45, duration: 150 }));
+        const row = getByTestId('row');
+        const styledTimeDisplay = getByTestId('styled-time-display');
+        const currentTime = getByTestId('current-time');
+        const duration = getByTestId('duration');
+        expect(row.tagName).toBe('DIV');
+        expect(styledTimeDisplay.tagName).toBe('DIV');
+        expect(currentTime.tagName).toBe('SPAN');
+        expect(duration.tagName).toBe('SPAN');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZURpc3BsYXkudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F1ZGlvLXBsYXllci1jb21wb25lbnRzL19fdGVzdHNfXy9UaW1lRGlzcGxheS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hELE9BQU8seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLDRCQUE0QjtBQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLEdBQUcsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFPLEVBQUUsRUFBRSxDQUFDLDRDQUFpQixLQUFLLElBQUUsUUFBUSxDQUFPO0lBQ25FLGlCQUFpQixFQUFFLENBQUMsRUFBRSxRQUFRLEVBQU8sRUFBRSxFQUFFLENBQUMsQ0FDeEMsNENBQWlCLHFCQUFxQixJQUFFLFFBQVEsQ0FBTyxDQUN4RDtDQUNGLENBQUMsQ0FBQyxDQUFDO0FBRUosZ0JBQWdCO0FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDM0IsVUFBVSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxPQUFlLEVBQUUsRUFBRTtRQUN0QyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN0QyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN0QyxPQUFPLEdBQUcsSUFBSSxJQUFJLElBQUksR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxD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

package/dist/components/audio-player-components/__tests__/TitleScroller.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/audio-player-components/__tests__/TitleScroller.test.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { TitleScroller } from '../TitleScroller';
+// Mocking styled-components
+jest.mock('../styles', () => ({
+    Row: ({ children }) => React.createElement("div", { "data-testid": "row" }, children),
+    Title: ({ children }) => React.createElement("div", { "data-testid": "title" }, children)
+}));
+describe('TitleScroller', () => {
+    test('renders without crashing', () => {
+        const { getByTestId } = render(React.createElement(TitleScroller, { title: "Sample Title" }));
+        expect(getByTestId('row')).toBeInTheDocument();
+        expect(getByTestId('title')).toBeInTheDocument();
+    });
+    test('displays the correct title', () => {
+        const sampleTitle = 'Understanding React Testing';
+        const { getByTestId } = render(React.createElement(TitleScroller, { title: sampleTitle }));
+        const titleElement = getByTestId('title').querySelector('div');
+        expect(titleElement).toHaveTextContent(sampleTitle);
+    });
+    test('handles empty title gracefully', () => {
+        const { getByTestId } = render(React.createElement(TitleScroller, { title: "" }));
+        const titleElement = getByTestId('title').querySelector('div');
+        expect(titleElement).toHaveTextContent('');
+    });
+    test('displays long titles appropriately', () => {
+        const longTitle = 'This is a very long title intended to test how the TitleScroller component handles overflow and ensures that the text is displayed correctly without breaking the layout or causing any visual issues.';
+        const { getByTestId } = render(React.createElement(TitleScroller, { title: longTitle }));
+        const titleElement = getByTestId('title').querySelector('div');
+        expect(titleElement).toHaveTextContent(longTitle);
+    });
+    test('accessibility: contains semantic HTML elements', () => {
+        const sampleTitle = 'Accessible Title';
+        const { getByTestId } = render(React.createElement(TitleScroller, { title: sampleTitle }));
+        const row = getByTestId('row');
+        const title = getByTestId('title');
+        expect(row.tagName).toBe('DIV');
+        expect(title.tagName).toBe('DIV');
+    });
+    test('matches the snapshot', () => {
+        const sampleTitle = 'Snapshot Test Title';
+        const { asFragment } = render(React.createElement(TitleScroller, { title: sampleTitle }));
+        expect(asFragment()).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGVTY3JvbGxlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXVkaW8tcGxheWVyLWNvbXBvbmVudHMvX190ZXN0c19fL1RpdGxlU2Nyb2xsZXIudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLHlDQUF5QyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRCw0QkFBNEI7QUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUM1QixHQUFHLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBTyxFQUFFLEVBQUUsQ0FBQyw0Q0FBaUIsS0FBSyxJQUFFLFFBQVEsQ0FBTztJQUNuRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBTyxFQUFFLEVBQUUsQ0FBQyw0Q0FBaUIsT0FBTyxJQUFFLFFBQVEsQ0FBTztDQUN4RSxDQUFDLENBQUMsQ0FBQztBQUVKLFFBQVEsQ0FBQyxlQUFlLEVBQUUsR0FBRyxFQUFFO0lBQzdCLElBQUksQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUU7UUFDcEMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FBQyxvQkFBQyxhQUFhLElBQUMsS0FBSyxFQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7UUFFdkUsTUFBTSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDL0MsTUFBTSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDbkQsQ0FBQyxDQUFDLENBQUM7SUFFSCxJQUFJLENBQUMsNEJBQTRCLEVBQUUs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

package/dist/components/audio-player-components/__tests__/Utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/audio-player-components/__tests__/Utils.test.js

@@ -0,0 +1,31 @@
+import { formatTime } from '../utils';
+describe('formatTime', () => {
+    test('formats seconds less than 60 correctly', () => {
+        expect(formatTime(5)).toBe('0:05');
+        expect(formatTime(59)).toBe('0:59');
+    });
+    test('formats exactly 60 seconds correctly', () => {
+        expect(formatTime(60)).toBe('1:00');
+    });
+    test('formats minutes and seconds correctly', () => {
+        expect(formatTime(65)).toBe('1:05');
+        expect(formatTime(125)).toBe('2:05');
+        expect(formatTime(360)).toBe('6:00');
+    });
+    test('handles zero seconds correctly', () => {
+        expect(formatTime(0)).toBe('0:00');
+    });
+    test('formats large numbers of seconds correctly', () => {
+        expect(formatTime(3600)).toBe('60:00'); // 1 hour
+        expect(formatTime(7325)).toBe('122:05'); // 2 hours, 2 minutes, and 5 seconds
+    });
+    test('handles seconds less than 10 by adding a leading zero', () => {
+        expect(formatTime(61)).toBe('1:01');
+        expect(formatTime(9)).toBe('0:09');
+    });
+    test('handles non-integer seconds by flooring the value', () => {
+        expect(formatTime(65.9)).toBe('1:05');
+        expect(formatTime(0.9)).toBe('0:00');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXRpbHMudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F1ZGlvLXBsYXllci1jb21wb25lbnRzL19fdGVzdHNfXy9VdGlscy50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXRDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO0lBQzFCLElBQUksQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7UUFDbEQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLHNDQUFzQyxFQUFFLEdBQUcsRUFBRTtRQUNoRCxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLHVDQUF1QyxFQUFFLEdBQUcsRUFBRTtRQUNqRCxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BDLE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxHQUFHLEVBQUU7UUFDMUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNyQyxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyw0Q0FBNEMsRUFBRSxHQUFHLEVBQUU7UUFDdEQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDakQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9DQUFvQztJQUMvRSxDQUFDLENBQUMsQ0FBQztJQUVILElBQUksQ0FBQyx1REFBdUQsRUFBRSxHQUFHLEVBQUU7UUFDakUsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtRQUM3RCxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/audio-player-components/styles.d.ts

@@ -0,0 +1,49 @@
+export declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export declare const AudioPlayerContainer: import("styled-components").StyledComponent<"div", any, {
+    isExpanded: boolean;
+    isModalOpen: boolean;
+}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledSeekBarProps {
+    progress: number;
+}
+export declare const StyledSeekBar: import("styled-components").StyledComponent<"input", any, StyledSeekBarProps, never>;
+export declare const StyledTimeDisplay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Controls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PlaybackButtonsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const PlayPauseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SpeedButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SpeedSelectModal: import("styled-components").StyledComponent<"div", any, {
+    isMobile?: boolean | undefined;
+}, never>;
+export declare const SpeedOptionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SpeedOptionItem: import("styled-components").StyledComponent<"div", any, {
+    selected: boolean;
+    isMobile?: boolean | undefined;
+}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const VolumeControlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const VolumeLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const VolumeSlider: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const TabletDesktopWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TabletDesktopInnerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CenterControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RightControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TabletDesktopPlayPauseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TabletDesktopStatusText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TabletDesktopVolumeControlContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TabletDesktopVolumeButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const TabletDesktopVolumeSlider: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const TabletDesktopTimeDisplay: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface TabletDesktopSeekBarProps {
+    progress: number;
+}
+export declare const TabletDesktopSeekBar: import("styled-components").StyledComponent<"input", any, TabletDesktopSeekBarProps, never>;
+export declare const TabletDesktopSpeedButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SpeedButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TabletDesktopCloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export {};