feat: tests added to components

Author: jesusbalderramawgu

src/authz-module/components/TableControlBar/MultipleChoiceFilter.test.tsx

@@ -0,0 +1,82 @@
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWrapper } from '@src/setupTest';
+import MultipleChoiceFilter from './MultipleChoiceFilter';
+
+describe('MultipleChoiceFilter', () => {
+  const defaultProps = {
+    filterButtonText: 'Test Filter',
+    filterChoices: [
+      { displayName: 'Option 1', value: 'option1' },
+      { displayName: 'Option 2', value: 'option2' },
+    ],
+    filterValue: [],
+    setFilter: jest.fn(),
+  };
+
+  const groupedChoices = [
+    { displayName: 'Group A Option', value: 'groupA1', groupName: 'Group A' },
+    { displayName: 'Group B Option', value: 'groupB1', groupName: 'Group B' },
+  ];
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without crashing', () => {
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} />);
+    expect(screen.getByText('Test Filter')).toBeInTheDocument();
+  });
+
+  it('displays filter button text', () => {
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} filterButtonText="Custom Filter" />);
+    expect(screen.getByText('Custom Filter')).toBeInTheDocument();
+  });
+
+  it('shows count when items are selected', () => {
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} filterValue={['option1']} />);
+    expect(screen.getByText('Test Filter (1)')).toBeInTheDocument();
+  });
+
+  it('opens dropdown menu when clicked', async () => {
+    const user = userEvent.setup();
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} />);
+    const button = screen.getByText('Test Filter');
+    await user.click(button);
+    expect(screen.getByText('Option 1')).toBeInTheDocument();
+    expect(screen.getByText('Option 2')).toBeInTheDocument();
+  });
+
+  it('handles disabled state', () => {
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} disabled />);
+    expect(screen.getByText('Test Filter')).toBeInTheDocument();
+  });
+
+  it('displays search input when searchable', async () => {
+    const user = userEvent.setup();
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} isSearchable onSearchChange={jest.fn()} />);
+    const button = screen.getByText('Test Filter');
+    await user.click(button);
+    expect(screen.getByRole('textbox')).toBeInTheDocument();
+  });
+
+  it('handles grouped choices', async () => {
+    const user = userEvent.setup();
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} filterChoices={groupedChoices} isGrouped />);
+    const button = screen.getByText('Test Filter');
+    await user.click(button);
+    expect(screen.getByText('Group A')).toBeInTheDocument();
+    expect(screen.getByText('Group B')).toBeInTheDocument();
+  });
+
+  it('calls setFilter when option is selected', async () => {
+    const user = userEvent.setup();
+    const mockSetFilter = jest.fn();
+    renderWrapper(<MultipleChoiceFilter {...defaultProps} setFilter={mockSetFilter} />);
+    const button = screen.getByText('Test Filter');
+    await user.click(button);
+    const option = screen.getByText('Option 1');
+    await user.click(option);
+    expect(mockSetFilter).toHaveBeenCalled();
+  });
+});

src/authz-module/components/TableControlBar/OrgFilter.test.tsx

@@ -0,0 +1,63 @@
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWrapper } from '@src/setupTest';
+import OrgFilter from './OrgFilter';
+
+jest.mock('@src/authz-module/data/hooks', () => ({
+  useOrgs: () => ({
+    data: {
+      count: 2,
+      next: null,
+      previous: null,
+      results: [
+        { id: 'org1', name: 'Organization 1' },
+        { id: 'org2', name: 'Organization 2' },
+      ],
+    },
+  }),
+}));
+
+describe('OrgFilter', () => {
+  const defaultProps = {
+    filterButtonText: 'Organizations',
+    filterValue: [],
+    setFilter: jest.fn(),
+    disabled: false,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without crashing', () => {
+    renderWrapper(<OrgFilter {...defaultProps} />);
+    expect(screen.getByText('Organizations')).toBeInTheDocument();
+  });
+
+  it('handles disabled state', () => {
+    renderWrapper(<OrgFilter {...defaultProps} disabled />);
+    expect(screen.getByText('Organizations')).toBeInTheDocument();
+  });
+
+  it('displays filter options', () => {
+    renderWrapper(<OrgFilter {...defaultProps} />);
+    expect(screen.getByText('Organizations')).toBeInTheDocument();
+  });
+
+  it('handles search input', async () => {
+    const user = userEvent.setup();
+    renderWrapper(<OrgFilter {...defaultProps} />);
+    // Look for search input if it exists
+    const searchInputs = screen.queryAllByRole('textbox');
+    if (searchInputs.length > 0) {
+      await user.type(searchInputs[0], 'test search');
+      expect(screen.getByText('Organizations')).toBeInTheDocument();
+    }
+  });
+
+  it('calls setFilter when filter changes', () => {
+    const mockSetFilter = jest.fn();
+    renderWrapper(<OrgFilter {...defaultProps} setFilter={mockSetFilter} />);
+    expect(screen.getByText('Organizations')).toBeInTheDocument();
+  });
+});

src/authz-module/components/TableControlBar/RolesFilter.test.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { screen } from '@testing-library/react';
+import { renderWrapper } from '@src/setupTest';
+import RolesFilter from './RolesFilter';
+
+describe('RolesFilter', () => {
+  const defaultProps = {
+    filterButtonText: 'Roles',
+    filterValue: [],
+    setFilter: jest.fn(),
+    disabled: false,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without crashing', () => {
+    renderWrapper(<RolesFilter {...defaultProps} />);
+    expect(screen.getByText('Roles')).toBeInTheDocument();
+  });
+
+  it('handles disabled state', () => {
+    renderWrapper(<RolesFilter {...defaultProps} disabled />);
+    expect(screen.getByText('Roles')).toBeInTheDocument();
+  });
+
+  it('displays filter button text', () => {
+    renderWrapper(<RolesFilter {...defaultProps} filterButtonText="Select Roles" />);
+    expect(screen.getByText('Select Roles')).toBeInTheDocument();
+  });
+
+  it('calls setFilter when filter changes', () => {
+    const mockSetFilter = jest.fn();
+    renderWrapper(<RolesFilter {...defaultProps} setFilter={mockSetFilter} />);
+    expect(screen.getByText('Roles')).toBeInTheDocument();
+  });
+});

src/authz-module/components/TableControlBar/ScopesFilter.test.tsx

@@ -0,0 +1,67 @@
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWrapper } from '@src/setupTest';
+import ScopesFilter from './ScopesFilter';
+
+jest.mock('@src/authz-module/data/hooks', () => ({
+  useScopes: () => ({
+    data: {
+      scopes: [
+        {
+          key: 'course:123',
+          name: 'Test Course',
+          organization: { name: 'Test Org' },
+        },
+        {
+          key: 'library:456',
+          name: 'Test Library',
+          organization: { name: 'Another Org' },
+        },
+      ],
+    },
+  }),
+}));
+
+describe('ScopesFilter', () => {
+  const defaultProps = {
+    filterButtonText: 'Scopes',
+    filterValue: [],
+    setFilter: jest.fn(),
+    disabled: false,
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without crashing', () => {
+    renderWrapper(<ScopesFilter {...defaultProps} />);
+    expect(screen.getByText('Scopes')).toBeInTheDocument();
+  });
+
+  it('handles disabled state', () => {
+    renderWrapper(<ScopesFilter {...defaultProps} disabled />);
+    expect(screen.getByText('Scopes')).toBeInTheDocument();
+  });
+
+  it('displays filter button text', () => {
+    renderWrapper(<ScopesFilter {...defaultProps} filterButtonText="Select Scopes" />);
+    expect(screen.getByText('Select Scopes')).toBeInTheDocument();
+  });
+
+  it('handles search input', async () => {
+    const user = userEvent.setup();
+    renderWrapper(<ScopesFilter {...defaultProps} />);
+    const searchInputs = screen.queryAllByRole('textbox');
+    if (searchInputs.length > 0) {
+      await user.type(searchInputs[0], 'test search');
+      expect(screen.getByText('Scopes')).toBeInTheDocument();
+    }
+  });
+
+  it('calls setFilter when filter changes', () => {
+    const mockSetFilter = jest.fn();
+    renderWrapper(<ScopesFilter {...defaultProps} setFilter={mockSetFilter} />);
+    expect(screen.getByText('Scopes')).toBeInTheDocument();
+  });
+});

src/authz-module/components/TableControlBar/SearchFilter.test.tsx

@@ -0,0 +1,50 @@
+import { screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { renderWrapper } from '@src/setupTest';
+import SearchFilter from './SearchFilter';
+
+describe('SearchFilter', () => {
+  const defaultProps = {
+    filterValue: '',
+    setFilter: jest.fn(),
+    placeholder: 'Search...',
+  };
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('renders without crashing', () => {
+    renderWrapper(<SearchFilter {...defaultProps} />);
+    expect(screen.getByRole('textbox')).toBeInTheDocument();
+  });
+
+  it('displays placeholder text', () => {
+    renderWrapper(<SearchFilter {...defaultProps} placeholder="Search users..." />);
+    expect(screen.getByPlaceholderText('Search users...')).toBeInTheDocument();
+  });
+
+  it('displays current filter value', () => {
+    renderWrapper(<SearchFilter {...defaultProps} filterValue="test query" />);
+    expect(screen.getByDisplayValue('test query')).toBeInTheDocument();
+  });
+
+  it('calls setFilter when input changes', async () => {
+    const user = userEvent.setup();
+    const mockSetFilter = jest.fn();
+    renderWrapper(<SearchFilter {...defaultProps} setFilter={mockSetFilter} />);
+    const input = screen.getByRole('textbox');
+    await user.type(input, 'search text');
+    expect(mockSetFilter).toHaveBeenCalled();
+  });
+
+  it('handles empty filter value', () => {
+    renderWrapper(<SearchFilter {...defaultProps} filterValue="" />);
+    expect(screen.getByRole('textbox')).toHaveValue('');
+  });
+
+  it('handles undefined filter value', () => {
+    renderWrapper(<SearchFilter {...defaultProps} filterValue={undefined as any} />);
+    expect(screen.getByRole('textbox')).toHaveValue('');
+  });
+});