@taskforcehq/taskforce 0.3.311 → 0.3.313

package/dist/components/ui/LevelSelector.test.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
-import { LevelSelector } from './LevelSelector';
-describe('LevelSelector Component', () => {
-    const defaultProps = {
-        label: 'Priority',
-        options: [
-            { value: 'low', label: 'Low' },
-            { value: 'medium', label: 'Medium' },
-            { value: 'high', label: 'High' }
-        ],
-        value: 'medium',
-        onChange: vi.fn(),
-        type: 'priority'
-    };
-    const renderComponent = (props = {}) => {
-        return render(_jsx(LevelSelector, { ...defaultProps, ...props }));
-    };
-    it('1.7 Renders label and options', () => {
-        renderComponent();
-        expect(screen.getByText('Priority')).toBeInTheDocument();
-        // Should have 3 options
-        const options = screen.getAllByRole('button');
-        // Might be more buttons if there are help/manage links? 
-        // LevelSelector usually just renders label + buttons.
-        // Let's filter by title.
-        expect(screen.getByTitle('Low')).toBeInTheDocument();
-        expect(screen.getByTitle('Medium')).toBeInTheDocument();
-        expect(screen.getByTitle('High')).toBeInTheDocument();
-    });
-    it('1.8 Highlights selected option', () => {
-        const { container } = renderComponent({ value: 'high' });
-        const highBtn = screen.getByTitle('High');
-        // Check for active class or style.
-        // Class names might be hashed, but `levelOptionFilled` or `active` concept.
-        // Let's check if it has the specific class for high priority or just check style.
-        // The implementation adds classes like `_levelOption_priority_high`.
-        // Let's assume it works if we can find it.
-        // Better: verify click triggers change.
-        fireEvent.click(highBtn);
-        // It's already high, but clicking again should still fire or be no-op?
-        // Let's click Low.
-        const lowBtn = screen.getByTitle('Low');
-        fireEvent.click(lowBtn);
-        expect(defaultProps.onChange).toHaveBeenCalledWith('low');
-    });
-    it('1.9 Visual check (snapshot-like)', () => {
-        // Select Low, so High should be dim
-        const { container } = renderComponent({ value: 'low' });
-        const highBtn = screen.getByTitle('High');
-        // Unselected options usually have lower opacity or transparent bg
-        expect(highBtn).toHaveStyle({ opacity: '0.15' });
-    });
-});

package/dist/components/ui/Markdown.test.d.ts

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

package/dist/components/ui/Markdown.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
-import { Markdown } from './Markdown';
-describe('Markdown Component', () => {
-    it('1.10 Renders basic text', () => {
-        render(_jsx(Markdown, { children: "Hello World" }));
-        expect(screen.getByText('Hello World')).toBeInTheDocument();
-    });
-    it('1.11 Renders inline code', () => {
-        render(_jsx(Markdown, { children: "`code`" }));
-        const code = screen.getByText('code');
-        expect(code.tagName).toBe('CODE');
-    });
-    it('1.12 Renders links', () => {
-        render(_jsx(Markdown, { children: "[Link](https://example.com)" }));
-        const link = screen.getByRole('link', { name: 'Link' });
-        expect(link).toHaveAttribute('href', 'https://example.com');
-    });
-    it('1.13 Renders GFM checkbox', () => {
-        render(_jsx(Markdown, { children: "- [ ] Task" }));
-        const checkbox = screen.getByRole('checkbox');
-        expect(checkbox).toBeInTheDocument();
-        expect(checkbox).not.toBeChecked();
-    });
-    it('1.14 Renders GFM checked checkbox', () => {
-        render(_jsx(Markdown, { children: "- [x] Done" }));
-        const checkbox = screen.getByRole('checkbox');
-        expect(checkbox).toBeChecked();
-    });
-    it('1.15 Linkifies task IDs when callback is provided', () => {
-        const onTaskIdClick = vi.fn();
-        render(_jsx(Markdown, { onTaskIdClick: onTaskIdClick, children: "See task-1771422284342-ummpvmvb7 for details" }));
-        const button = screen.getByRole('button', { name: 'task-1771422284342-ummpvmvb7' });
-        fireEvent.click(button);
-        expect(onTaskIdClick).toHaveBeenCalledWith('task-1771422284342-ummpvmvb7');
-    });
-});

package/dist/components/ui/MultiSelectFilter.test.d.ts

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

package/dist/components/ui/MultiSelectFilter.test.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi } from 'vitest';
-import { MultiSelectFilter } from './MultiSelectFilter';
-describe('MultiSelectFilter Component', () => {
-    const defaultProps = {
-        label: 'Category',
-        options: [
-            { value: 'General', label: 'General' },
-            { value: 'Backend', label: 'Backend' },
-            { value: 'Frontend', label: 'Frontend' }
-        ],
-        selected: ['General', 'Backend', 'Frontend'], // All selected initially
-        onChange: vi.fn(),
-        type: 'category'
-    };
-    const renderComponent = (props = {}) => {
-        return render(_jsx(MultiSelectFilter, { ...defaultProps, ...props }));
-    };
-    it('1.1 Renders correctly with label', () => {
-        renderComponent();
-        // Should show "All Categories" since all are selected and label is "Category"
-        expect(screen.getByText('All Categories')).toBeInTheDocument();
-    });
-    it('1.2 Opens dropdown on click', async () => {
-        const user = userEvent.setup();
-        renderComponent();
-        const button = screen.getByRole('button');
-        await user.click(button);
-        // Dropdown content should appear
-        expect(screen.getByText('Toggle All')).toBeInTheDocument();
-        expect(screen.getByText('General')).toBeInTheDocument();
-        expect(screen.getByText('Backend')).toBeInTheDocument();
-    });
-    it('1.3 Toggle selection', async () => {
-        const user = userEvent.setup();
-        renderComponent();
-        await user.click(screen.getByRole('button')); // Open
-        // Click the option div or checkbox? Implementation has onClick on div.
-        const backendOption = screen.getByText('Backend');
-        await user.click(backendOption);
-        // Should call onChange with new array (removing Backend)
-        expect(defaultProps.onChange).toHaveBeenCalledWith(['General', 'Frontend']);
-    });
-    it('1.4 Toggle All', async () => {
-        const user = userEvent.setup();
-        // Case: Some selected -> Click Toggle All -> Select All
-        renderComponent({ selected: ['General'] });
-        await user.click(screen.getByRole('button'));
-        const toggleAll = screen.getByText('Toggle All');
-        await user.click(toggleAll);
-        // Should select all
-        expect(defaultProps.onChange).toHaveBeenCalledWith(['General', 'Backend', 'Frontend']);
-    });
-    it('1.5 Shows count when partially selected', () => {
-        renderComponent({ selected: ['General', 'Backend'] }); // 2 out of 3
-        // Should show "2" or "2 selected" or similar. Implementation check:
-        // Text is `selected.length === options.length ? 'All' : selected.length === 0 ? 'None' : pluralize(selected.length, 'Category', 'Categories')`
-        // pluralize: `${count} ${count === 1 ? singular : plural}`. But wait, `pluralize` usually returns string "2 Categories".
-        // Let's check implementation if needed, but "2 Categories" is expected.
-        expect(screen.getByText('2 Categories')).toBeInTheDocument();
-    });
-    it('1.6 Closes on outside click', async () => {
-        const user = userEvent.setup();
-        renderComponent();
-        await user.click(screen.getByRole('button'));
-        expect(screen.getByText('Toggle All')).toBeVisible();
-        await user.click(document.body);
-        // Expect dropdown to be gone/hidden. 
-        // Note: checking visibility might require checking if element is removed from DOM.
-        expect(screen.queryByText('Toggle All')).not.toBeInTheDocument();
-    });
-});

package/dist/components/ui/TaxonomyDropdown.test.d.ts

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

package/dist/components/ui/TaxonomyDropdown.test.js

@@ -1,130 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
-import { TaxonomyDropdown } from './TaxonomyDropdown';
-describe('TaxonomyDropdown', () => {
-    const mockOptions = [
-        { value: 'frontend', label: 'Frontend', icon: 'Code', color: 'blue-500' },
-        { value: 'backend', label: 'Backend', icon: 'Server', color: 'green-500' },
-        { value: 'database', label: 'Database', icon: 'Database', color: 'purple-500' }
-    ];
-    it('renders with placeholder when no value selected', () => {
-        render(_jsx(TaxonomyDropdown, { value: "", options: mockOptions, onChange: vi.fn(), placeholder: "Select category..." }));
-        expect(screen.getByText('Select category...')).toBeInTheDocument();
-    });
-    it('displays selected option correctly', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        expect(screen.getByText('Frontend')).toBeInTheDocument();
-    });
-    it('opens dropdown when clicked', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        fireEvent.click(button);
-        // All options should be visible
-        expect(screen.getAllByText('Frontend')).toHaveLength(2); // One in button, one in dropdown
-        expect(screen.getByText('Backend')).toBeInTheDocument();
-        expect(screen.getByText('Database')).toBeInTheDocument();
-    });
-    it('calls onChange when option is selected', () => {
-        const handleChange = vi.fn();
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: handleChange }));
-        // Open dropdown
-        const button = screen.getByRole('combobox');
-        fireEvent.click(button);
-        // Click Backend option
-        const backendOption = screen.getAllByText('Backend')[0];
-        fireEvent.click(backendOption);
-        expect(handleChange).toHaveBeenCalledWith('backend');
-    });
-    it('closes dropdown after selection', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        // Open dropdown
-        const button = screen.getByRole('combobox');
-        fireEvent.click(button);
-        // Select an option
-        const backendOption = screen.getAllByText('Backend')[0];
-        fireEvent.click(backendOption);
-        // Dropdown should be closed (only selected value visible in button)
-        expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
-    });
-    it('opens dropdown with Enter key', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        fireEvent.keyDown(button, { key: 'Enter' });
-        expect(screen.getByRole('listbox')).toBeInTheDocument();
-    });
-    it('opens dropdown with Space key', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        fireEvent.keyDown(button, { key: ' ' });
-        expect(screen.getByRole('listbox')).toBeInTheDocument();
-    });
-    it('closes dropdown with Escape key', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        // Open dropdown
-        fireEvent.click(button);
-        expect(screen.getByRole('listbox')).toBeInTheDocument();
-        // Close with Escape
-        fireEvent.keyDown(button, { key: 'Escape' });
-        expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
-    });
-    it('navigates options with Arrow keys', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        // Open dropdown
-        fireEvent.keyDown(button, { key: 'Enter' });
-        // Navigate down
-        fireEvent.keyDown(button, { key: 'ArrowDown' });
-        // The second option should be highlighted (visual check via class)
-        const options = screen.getAllByRole('option');
-        // Frontend is at index 0, after ArrowDown, Backend at index 1 should be highlighted
-        // Additional arrow navigation tests can be added
-    });
-    it('selects option with Enter key when highlighted', () => {
-        const handleChange = vi.fn();
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: handleChange }));
-        const button = screen.getByRole('combobox');
-        // Open dropdown
-        fireEvent.keyDown(button, { key: 'Enter' });
-        // Navigate to next option
-        fireEvent.keyDown(button, { key: 'ArrowDown' });
-        // Select with Enter
-        fireEvent.keyDown(button, { key: 'Enter' });
-        expect(handleChange).toHaveBeenCalled();
-    });
-    it('is disabled when disabled prop is true', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn(), disabled: true }));
-        const button = screen.getByRole('combobox');
-        expect(button).toBeDisabled();
-        // Should not open when clicked
-        fireEvent.click(button);
-        expect(screen.queryByRole('listbox')).not.toBeInTheDocument();
-    });
-    it('has proper ARIA attributes', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        const button = screen.getByRole('combobox');
-        expect(button).toHaveAttribute('aria-haspopup', 'listbox');
-        expect(button).toHaveAttribute('aria-expanded', 'false');
-        // Open dropdown
-        fireEvent.click(button);
-        expect(button).toHaveAttribute('aria-expanded', 'true');
-        const listbox = screen.getByRole('listbox');
-        expect(listbox).toBeInTheDocument();
-        const options = screen.getAllByRole('option');
-        expect(options).toHaveLength(3);
-    });
-    it('displays icons for each option', () => {
-        render(_jsx(TaxonomyDropdown, { value: "frontend", options: mockOptions, onChange: vi.fn() }));
-        // Open dropdown
-        const button = screen.getByRole('combobox');
-        fireEvent.click(button);
-        // Check that all options are rendered
-        const options = screen.getAllByRole('option');
-        expect(options).toHaveLength(3);
-        // Each option should display its label
-        expect(screen.getAllByText('Frontend').length).toBeGreaterThanOrEqual(1);
-        expect(screen.getByText('Backend')).toBeInTheDocument();
-        expect(screen.getByText('Database')).toBeInTheDocument();
-    });
-});

package/dist/components/ui/TopNoticeLayer.test.d.ts

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

package/dist/components/ui/TopNoticeLayer.test.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import { TopNoticeLayer } from './TopNoticeLayer';
-describe('TopNoticeLayer', () => {
-    it('renders nothing when no notice is provided', () => {
-        const { container } = render(_jsx(TopNoticeLayer, { notice: null }));
-        expect(container.firstChild).toBeNull();
-    });
-    it('renders success notices as status role', () => {
-        render(_jsx(TopNoticeLayer, { notice: { message: 'Saved', tone: 'success' } }));
-        expect(screen.getByRole('status')).toHaveTextContent('Saved');
-    });
-    it('renders error notices as alert role', () => {
-        render(_jsx(TopNoticeLayer, { notice: { message: 'Failed', tone: 'error' } }));
-        expect(screen.getByRole('alert')).toHaveTextContent('Failed');
-    });
-    it('calls dismiss handler', async () => {
-        const onDismiss = vi.fn();
-        render(_jsx(TopNoticeLayer, { notice: { message: 'Saved', tone: 'info' }, onDismiss: onDismiss }));
-        const button = screen.getByRole('button', { name: 'Dismiss notice' });
-        button.click();
-        expect(onDismiss).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/components/views/AppShellHeader.test.d.ts

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

package/dist/components/views/AppShellHeader.test.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import { AppShellHeader } from './AppShellHeader';
-import logoDark from '../../assets/branding/logos/logo_dark.svg';
-describe('AppShellHeader', () => {
-    it('shows HQ suffix in cloud runtime', () => {
-        render(_jsx(AppShellHeader, { runtimeMode: "cloud" }));
-        expect(screen.getByText('TaskForce')).toBeInTheDocument();
-        expect(screen.getByText('HQ')).toBeInTheDocument();
-    });
-    it('does not show HQ suffix in local runtime', () => {
-        render(_jsx(AppShellHeader, { runtimeMode: "local" }));
-        expect(screen.getByText('TaskForce')).toBeInTheDocument();
-        expect(screen.queryByText('HQ')).not.toBeInTheDocument();
-    });
-    it('uses the dark logo for light-family themes', () => {
-        render(_jsx(AppShellHeader, { runtimeMode: "local", theme: "dawn" }));
-        expect(screen.getByAltText('Taskforce Logo')).toHaveAttribute('src', logoDark);
-    });
-    it('calls the brand click handler from the logo button', async () => {
-        const onBrandClick = vi.fn();
-        render(_jsx(AppShellHeader, { runtimeMode: "local", onBrandClick: onBrandClick }));
-        await userEvent.click(screen.getByRole('button', { name: 'Go to Kanban' }));
-        expect(onBrandClick).toHaveBeenCalledTimes(1);
-    });
-    it('copies the workspace id from the project badge', async () => {
-        const writeText = vi.fn().mockResolvedValue(undefined);
-        Object.defineProperty(navigator, 'clipboard', {
-            configurable: true,
-            value: { writeText }
-        });
-        render(_jsx(AppShellHeader, { runtimeMode: "local", projectName: "Roadmap", currentWorkspaceId: "workspace-alpha" }));
-        await userEvent.click(screen.getByRole('button', { name: 'Roadmap' }));
-        expect(writeText).toHaveBeenCalledWith('workspace-alpha');
-    });
-    it('hides a stale project label while cloud runtime is still on the default workspace', () => {
-        render(_jsx(AppShellHeader, { runtimeMode: "cloud", projectName: "Old Workspace", currentWorkspaceId: "default" }));
-        expect(screen.queryByText('Old Workspace')).not.toBeInTheDocument();
-    });
-});

package/dist/components/views/PlanComparisonPage.test.d.ts

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