console/tests/unit/elements/inputFile.test.ts

import '@testing-library/jest-dom';
import { render } from '@testing-library/svelte';
import { InputFile } from '../../../src/lib/elements/forms';

test('shows file input', () => {
    const { getByText, getByLabelText } = render(InputFile, {
        id: 'input',
        label: 'input',
        files: null
    });
    const input = getByLabelText('input');

    expect(getByText('input')).toBeInTheDocument();
    expect(input).toBeInTheDocument();
    expect(input).toHaveAttribute('type', 'file');
});

test('shows file input - required', () => {
    const { getByLabelText } = render(InputFile, {
        id: 'input',
        label: 'input',
        required: true,
        files: null
    });

    expect(getByLabelText('input')).toBeRequired();
});

test('shows file input - disabled', () => {
    const { getByLabelText } = render(InputFile, {
        id: 'input',
        label: 'input',
        disabled: true,
        files: null
    });

    expect(getByLabelText('input')).toBeDisabled();
});