import { jsx as _jsx } from "react/jsx-runtime";
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import Compare from './Compare';
const firstChild = (_jsx("div", { children: _jsx("h1", { children: "Child 1" }) }));
const secondChild = (_jsx("div", { children: _jsx("h1", { children: "Child 2" }) }));
describe('Compare', () => {
    it('should render compare correctly', () => {
        render(_jsx(Compare, { firstChildDisplayName: "Child 1", secondChildDisplayName: "Child 2", firstChild: firstChild, secondChild: secondChild }));
        expect(screen.getByRole('heading', { name: /Child 1/i })).toBeTruthy();
        expect(screen.getByRole('heading', { name: /Child 2/i })).toBeTruthy();
    });
});
