f27e44f5f2
After the BE indicator was removed, limitedToBE was hardcoded false and threaded through BoxSelectorItem.onSelect -> BoxSelector.onChange/handleSelect -> BoxSelectorAngular.handleChange, where $setValidity(name, !limitedToBE) was a permanent no-op (always valid). Drop the parameter from the whole chain and the no-op $setValidity. That left formCtrl/require:'^form'/IFormController dead (they existed only for that validity call), so remove them too — the component no longer needs a parent form. The real on-change wiring ($evalAsync -> onChange(value)) is unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
66 lines
1.5 KiB
TypeScript
66 lines
1.5 KiB
TypeScript
import { Rocket } from 'lucide-react';
|
|
import { render, fireEvent } from '@testing-library/react';
|
|
|
|
import { BoxSelector } from './BoxSelector';
|
|
import { BoxSelectorOption, Value } from './types';
|
|
|
|
function renderDefault<T extends Value>({
|
|
options = [],
|
|
onChange = () => {},
|
|
radioName = 'radio',
|
|
value,
|
|
}: {
|
|
options?: BoxSelectorOption<T>[];
|
|
onChange?: (value: T) => void;
|
|
radioName?: string;
|
|
value: T;
|
|
}) {
|
|
return render(
|
|
<BoxSelector
|
|
options={options}
|
|
onChange={onChange}
|
|
radioName={radioName}
|
|
value={value}
|
|
/>
|
|
);
|
|
}
|
|
|
|
test('should render with the initial value selected and call onChange when clicking a different value', async () => {
|
|
const options: BoxSelectorOption<number>[] = [
|
|
{
|
|
description: 'description 1',
|
|
icon: Rocket,
|
|
id: '1',
|
|
value: 3,
|
|
label: 'option 1',
|
|
},
|
|
{
|
|
description: 'description 2',
|
|
icon: Rocket,
|
|
id: '2',
|
|
value: 4,
|
|
label: 'option 2',
|
|
},
|
|
];
|
|
|
|
const onChange = vi.fn();
|
|
const { getByLabelText } = renderDefault({
|
|
options,
|
|
onChange,
|
|
value: options[0].value,
|
|
});
|
|
|
|
const item1 = getByLabelText(options[0].label, {
|
|
exact: false,
|
|
}) as HTMLInputElement;
|
|
expect(item1.checked).toBeTruthy();
|
|
|
|
const item2 = getByLabelText(options[1].label, {
|
|
exact: false,
|
|
}) as HTMLInputElement;
|
|
expect(item2.checked).toBeFalsy();
|
|
|
|
fireEvent.click(item2);
|
|
expect(onChange).toHaveBeenCalledWith(options[1].value);
|
|
});
|