define(["require", "exports", "tslib", "./warn", "./warnControlledUsage"], function (require, exports, tslib_1, warn_1, warnControlledUsage_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var warningCallback = jest.fn();
    var noOp = function () { return undefined; };
    var params = {
        componentId: 'TestComponent1',
        componentName: 'TestComponent',
        valueProp: 'value',
        defaultValueProp: 'defaultValue',
        onChangeProp: 'onChange',
        readOnlyProp: 'readOnly',
    };
    describe('warnControlledUsage', function () {
        beforeEach(function () {
            (0, warn_1.setWarningCallback)(warningCallback);
        });
        afterEach(function () {
            warningCallback.mockReset();
            (0, warn_1.setWarningCallback)(undefined);
            (0, warnControlledUsage_1.resetControlledWarnings)();
        });
        it('does not warn or throw if old props are undefined', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            // If oldProps was defined, this would be an error for switching from uncontrolled to controlled
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('does not warn if uncontrolled regardless of if onChange/readOnly is provided', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { defaultValue: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { defaultValue: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { defaultValue: 'test', readOnly: true } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { readOnly: true } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('does not warn if controlled and onChange is provided', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('does not warn if controlled and readOnly is true', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test', readOnly: true } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('warns if controlled and onChange/readOnly is not provided', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: You provided a 'value' prop to a TestComponent without an 'onChange' handler. This will render a " +
                "read-only field. If the field should be mutable use 'defaultValue'. Otherwise, set 'onChange' or 'readOnly'.");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('warns if controlled and onChange is not provided (right message for component without readOnly)', function () {
            var readOnlyProp = params.readOnlyProp, otherParams = tslib_1.__rest(params, ["readOnlyProp"]);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, otherParams), { props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: You provided a 'value' prop to a TestComponent without an 'onChange' handler. This will render a " +
                "read-only field. If the field should be mutable use 'defaultValue'. Otherwise, set 'onChange'.");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, otherParams), { props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('re-warns when componentId changes for controlled without onChange', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { componentId: 'TestComponent2', props: { value: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(2);
        });
        it('warns if controlled and readOnly is false', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test', readOnly: false } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: You provided a 'value' prop to a TestComponent without an 'onChange' handler. This will render a " +
                "read-only field. If the field should be mutable use 'defaultValue'. Otherwise, set 'onChange' or 'readOnly'.");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'test', readOnly: false } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('warns if both value and defaultValue are provided', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'hello', defaultValue: 'world', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: You provided both 'value' and 'defaultValue' to a TestComponent. Form fields must be either " +
                "controlled or uncontrolled (specify either the 'value' prop, or the 'defaultValue' prop, but not both). " +
                "Decide between using a controlled or uncontrolled TestComponent and remove one of these props. " +
                "More info: https://fb.me/react-controlled-components");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'hello', defaultValue: 'world', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('re-warns when componentId changes if both value and defaultValue are provided', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: { value: 'hello', defaultValue: 'world', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { componentId: 'TestComponent2', props: { value: 'hello', defaultValue: 'world', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(2);
        });
        it('does not warn if old and new are uncontrolled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { defaultValue: 'test' }, props: { defaultValue: 'test' } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { props: {}, oldProps: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('does not warn if old and new are controlled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'world', onChange: noOp }, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(0);
        });
        it('warns if old is implicitly uncontrolled and new is controlled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: {}, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: A component is changing an uncontrolled TestComponent to be controlled. TestComponents should not " +
                "switch from controlled to uncontrolled (or vice versa). Decide between using controlled or uncontrolled " +
                "for the lifetime of the component. More info: https://fb.me/react-controlled-components");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: {}, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('warns if old is uncontrolled and new is controlled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: {}, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: A component is changing an uncontrolled TestComponent to be controlled. TestComponents should not " +
                "switch from controlled to uncontrolled (or vice versa). Decide between using controlled or uncontrolled " +
                "for the lifetime of the component. More info: https://fb.me/react-controlled-components");
        });
        it('re-warns when componentId changes if old is uncontrolled and new is controlled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: {}, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { componentId: 'TestComponent2', oldProps: {}, props: { value: 'test', onChange: noOp } }));
            expect(warningCallback).toHaveBeenCalledTimes(2);
        });
        it('warns if old is controlled and new is implicitly uncontrolled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'test', onChange: noOp }, props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: A component is changing a controlled TestComponent to be uncontrolled. TestComponents should not " +
                "switch from controlled to uncontrolled (or vice versa). Decide between using controlled or uncontrolled " +
                "for the lifetime of the component. More info: https://fb.me/react-controlled-components");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'test', onChange: noOp }, props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('warns if old is controlled and new is uncontrolled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'hello', onChange: noOp }, props: { defaultValue: 'world' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            expect(warningCallback).toHaveBeenLastCalledWith("Warning: A component is changing a controlled TestComponent to be uncontrolled. TestComponents should not " +
                "switch from controlled to uncontrolled (or vice versa). Decide between using controlled or uncontrolled " +
                "for the lifetime of the component. More info: https://fb.me/react-controlled-components");
            // Don't re-warn
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'hello', onChange: noOp }, props: { defaultValue: 'world' } }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
        });
        it('re-warns when componentId changes if old is controlled and new is implicitly uncontrolled', function () {
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { oldProps: { value: 'test', onChange: noOp }, props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(1);
            (0, warnControlledUsage_1.warnControlledUsage)(tslib_1.__assign(tslib_1.__assign({}, params), { componentId: 'TestComponent2', oldProps: { value: 'test', onChange: noOp }, props: {} }));
            expect(warningCallback).toHaveBeenCalledTimes(2);
        });
    });
});
//# sourceMappingURL=warnControlledUsage.test.js.map