"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const test_utilities_1 = require("../../test-utilities");
const View_1 = require("../View");
const Form_1 = require("./Form");
describe('<Form />', () => {
    it('defaults to an empty action, POST method, and no validation', () => {
        const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop}/>);
        expect(form).toContainReactComponent('form', {
            action: '',
            method: 'POST',
            noValidate: true,
        });
    });
    it('calls onSubmit when the form is submitted', () => {
        const onSubmit = jest.fn();
        const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={onSubmit}/>);
        form.find('form').trigger('onSubmit', createSubmitEvent());
        expect(onSubmit).toHaveBeenCalled();
    });
    it('prevents default when the form is submitted', () => {
        const event = createSubmitEvent();
        const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop}/>);
        form.find('form').trigger('onSubmit', event);
        expect(event.preventDefault).toHaveBeenCalled();
    });
    describe('nested form', () => {
        it('captures submit events in the nested form and does not trigger the onSubmit of the the parent form', () => {
            const parentSpy = jest.fn();
            const nestedSpy = jest.fn();
            const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={parentSpy}>
          <Form_1.Form onSubmit={nestedSpy}/>
        </Form_1.Form>);
            form.find(Form_1.Form).trigger('onSubmit');
            expect(parentSpy).not.toHaveBeenCalled();
            expect(nestedSpy).toHaveBeenCalledTimes(1);
        });
    });
    describe('implicitSubmit', () => {
        it('renders a visually hidden submit with the submit label by default', () => {
            const expectedLabel = 'Submit';
            const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop}/>, {
                translate: (key) => (key === 'submit' ? expectedLabel : 'abc'),
            });
            expect(form.find(View_1.View, { visibility: 'hidden' })).toContainReactComponent('button', {
                type: 'submit',
                children: expectedLabel,
                tabIndex: -1,
                'aria-hidden': true,
            });
        });
        it('renders a visually hidden submit with a custom label', () => {
            const expectedLabel = 'Complete purchase';
            const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop} implicitSubmit={expectedLabel}/>);
            expect(form.find(View_1.View, { visibility: 'hidden' })).toContainReactComponent('button', {
                type: 'submit',
                children: expectedLabel,
            });
        });
        it('does not render a visually hidden submit when false', () => {
            const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop} implicitSubmit={false}/>);
            expect(form).not.toContainReactComponent(View_1.View);
            expect(form).not.toContainReactComponent('button', { type: 'submit' });
        });
        it('disables the submit when disabled is true', () => {
            const form = test_utilities_1.mountWithContext(<Form_1.Form onSubmit={noop} disabled/>);
            expect(form.find(View_1.View, { visibility: 'hidden' })).toContainReactComponent('button', {
                type: 'submit',
                disabled: true,
            });
        });
    });
});
function createSubmitEvent() {
    return { preventDefault: jest.fn(), stopPropagation: jest.fn() };
}
function noop() { }