import * as React from 'react';
import expect from 'expect';
import BooleanField from './BooleanField';
import { render } from '@testing-library/react';
import { RecordContextProvider } from 'ra-core';

const defaultProps = {
    record: { id: 123, published: true },
    source: 'published',
    resource: 'posts',
    classes: {},
};

describe('<BooleanField />', () => {
    it('should display tick and truthy text if value is true', () => {
        const { queryByTitle } = render(<BooleanField {...defaultProps} />);
        expect(queryByTitle('ra.boolean.true')).not.toBeNull();
        expect(
            (queryByTitle('ra.boolean.true').firstChild as HTMLElement).dataset
                .testid
        ).toBe('true');
        expect(queryByTitle('ra.boolean.false')).toBeNull();
    });

    it('should use record from RecordContext', () => {
        const { queryByTitle } = render(
            <RecordContextProvider value={{ id: 123, published: true }}>
                <BooleanField source="published" />
            </RecordContextProvider>
        );
        expect(queryByTitle('ra.boolean.true')).not.toBeNull();
        expect(
            (queryByTitle('ra.boolean.true').firstChild as HTMLElement).dataset
                .testid
        ).toBe('true');
        expect(queryByTitle('ra.boolean.false')).toBeNull();
    });

    it('should use valueLabelTrue for custom truthy text', () => {
        const { queryByTitle } = render(
            <BooleanField
                {...defaultProps}
                valueLabelTrue="Has been published"
            />
        );
        expect(queryByTitle('ra.boolean.true')).toBeNull();
        expect(queryByTitle('Has been published')).not.toBeNull();
    });

    it('should display cross and falsy text if value is false', () => {
        const { queryByTitle } = render(
            <BooleanField
                {...defaultProps}
                record={{ id: 123, published: false }}
            />
        );
        expect(queryByTitle('ra.boolean.true')).toBeNull();
        expect(queryByTitle('ra.boolean.false')).not.toBeNull();
        expect(
            (queryByTitle('ra.boolean.false').firstChild as HTMLElement).dataset
                .testid
        ).toBe('false');
    });

    it('should use valueLabelFalse for custom falsy text', () => {
        const { queryByTitle } = render(
            <BooleanField
                {...defaultProps}
                record={{ id: 123, published: false }}
                valueLabelFalse="Has not been published"
            />
        );
        expect(queryByTitle('ra.boolean.false')).toBeNull();
        expect(queryByTitle('Has not been published')).not.toBeNull();
    });

    it('should not display anything if value is null', () => {
        const { queryByTitle } = render(
            <BooleanField
                {...defaultProps}
                record={{ id: 123, published: null }}
            />
        );
        expect(queryByTitle('ra.boolean.true')).toBeNull();
        expect(queryByTitle('ra.boolean.false')).toBeNull();
    });

    it('should display tick and truthy text if looseValue is true and value is truthy', () => {
        const defaultProps = {
            record: { id: 123, published: 1 },
            source: 'published',
            resource: 'posts',
            classes: {},
        };
        const { queryByTitle } = render(
            <BooleanField {...defaultProps} looseValue />
        );
        expect(queryByTitle('ra.boolean.true')).not.toBeNull();
        expect(
            (queryByTitle('ra.boolean.true').firstChild as HTMLElement).dataset
                .testid
        ).toBe('true');
        expect(queryByTitle('ra.boolean.false')).toBeNull();
    });

    it('should display cross and falsy text if looseValue is true and value is falsy', () => {
        const defaultProps = {
            record: { id: 123, published: 0 },
            source: 'published',
            resource: 'posts',
            classes: {},
        };

        const { queryByTitle } = render(
            <BooleanField {...defaultProps} looseValue />
        );
        expect(queryByTitle('ra.boolean.false')).not.toBeNull();
        expect(
            (queryByTitle('ra.boolean.false').firstChild as HTMLElement).dataset
                .testid
        ).toBe('false');
        expect(queryByTitle('ra.boolean.true')).toBeNull();
    });

    it.each([null, undefined])(
        'should display the emptyText when is present and the value is %s',
        published => {
            const { queryByTitle, queryByText } = render(
                <BooleanField
                    {...defaultProps}
                    record={{ id: 123, published }}
                    emptyText="NA"
                />
            );
            expect(queryByTitle('ra.boolean.true')).toBeNull();
            expect(queryByTitle('ra.boolean.false')).toBeNull();
            expect(queryByText('NA')).not.toBeNull();
        }
    );

    it('should use custom className', () => {
        const { container } = render(
            <BooleanField
                {...defaultProps}
                record={{ id: 123, foo: true }}
                className="foo"
            />
        );
        expect(container.children[0].classList.contains('foo')).toBe(true);
    });

    it('should handle deep fields', () => {
        const { queryByTitle } = render(
            <BooleanField
                {...defaultProps}
                record={{ id: 123, foo: { bar: true } }}
                source="foo.bar"
            />
        );
        expect(queryByTitle('ra.boolean.true')).not.toBeNull();
    });
});