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

UI components from Wonderflow's Wanda design system

import { jsx as _jsx } from "react/jsx-runtime";
import '@testing-library/jest-dom';
import { fireEvent, render, screen, waitFor, } from '@testing-library/react';
import { Disclosure } from './disclosure';
describe('<Disclosure>', () => {
    it('should render properly open', async () => {
        render(_jsx(Disclosure, { open: true, expandable: true, summary: "Click to expand", children: "Text inside" }));
        const disclosure = screen.getByText(/click to expand/i);
        const el = screen.getByText(/text inside/i);
        expect(el).toBeDefined();
        fireEvent.click(disclosure);
        await waitFor(() => {
            expect(disclosure.getAttribute('open')).toBeFalsy();
        });
    });
    it('should render properly close', async () => {
        render(_jsx(Disclosure, { expandable: true, summary: "Click to expand", children: "Text inside" }));
        const disclosure = screen.getByText(/click to expand/i);
        const el = screen.getByText(/text inside/i);
        expect(disclosure).toBeDefined();
        expect(el).toBeDefined();
    });
});