import React from 'react';
import { screen } from '@testing-library/react';
import { renderInAppContext } from '@theorchard/suite-testing';
import { ContractAdvanceSection } from 'src/components/contract-advance-list/contract-advance-section';

const TestComponent = () => <div>Test Paid Advances</div>;

describe('<ContractAdvanceSection>', () => {
    it('renders content', () => {
        renderInAppContext(
            <ContractAdvanceSection
                content={<TestComponent />}
                count={1}
                expanded={true}
                title="Paid"
            />
        );
        expect(screen.getByText('Test Paid Advances')).toBeDefined();
        expect(screen.getByText('1 Advances')).toBeDefined();
        expect(screen.getByText('Paid')).toBeDefined();
    });

    it('renders an error message', () => {
        renderInAppContext(
            <ContractAdvanceSection
                content={<TestComponent />}
                count={0}
                error={{ message: 'error message' }}
                expanded={true}
                title="Paid"
            />
        );
        expect(screen.getByText('error message')).toBeDefined();
        expect(screen.getByText('0 Advances')).toBeDefined();
    });
});