@wonderflow/react-components/dist/components/textfield/textfield.test.js

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
import { fireEvent, render } from '@testing-library/react';
import { Textfield } from './textfield';
describe('<Textfield>', () => {
    test(' it should render properly', () => {
        const { container } = render(_jsx(Textfield, { icon: "bell", children: "Lorem ipsum dolor sit amet" }));
        expect(container).not.toBeNull();
    });
    test(' it should render properly as password', () => {
        const { container, getByTestId } = render(_jsx(Textfield, { type: "password", label: "Password", invalid: true, message: "Wrong password" }));
        fireEvent.click(getByTestId('RevealIcon'));
        expect(container).not.toBeNull();
    });
    test(' it should render properly as visible password', () => {
        const { container } = render(_jsx(Textfield, { type: "text", label: "Password", dimension: "small", message: "Enter password" }));
        expect(container).not.toBeNull();
    });
    test(' it should render properly as textarea', () => {
        const { container } = render(_jsx(Textfield, { type: "textarea", textarea: true, dimension: "small", disabled: true }));
        expect(container).not.toBeNull();
    });
});