starface-outlook-sync-addin/node_modules/@fluentui/utilities/lib/renderFunction/composeRenderFunction.test.js

import * as React from 'react';
import { render } from '@testing-library/react';
import { composeRenderFunction } from './composeRenderFunction';
var renderBase = function (props) {
    return React.createElement("div", { "data-value": props.value });
};
var renderDecoratorA = function (props, defaultRender) {
    if (!props) {
        return null;
    }
    return React.createElement("div", { "data-a": "a" }, defaultRender ? defaultRender(props) : null);
};
var renderDecoratorB = function (props, defaultRender) {
    if (!props) {
        return null;
    }
    return React.createElement("div", { "data-b": "b" }, defaultRender ? defaultRender(props) : null);
};
describe('composeComponentAs', function () {
    it('passes Base to DecoratorA', function () {
        var renderDecoratorAWithBase = composeRenderFunction(renderDecoratorA, renderBase);
        var container = render(React.createElement(React.Fragment, null, renderDecoratorAWithBase({ value: 'test' }))).container;
        expect(container.firstChild).toMatchSnapshot();
    });
    it('passes Base to DecoratorB through DecoratorA', function () {
        var renderDecoratorAAndBWithBase = composeRenderFunction(renderDecoratorA, composeRenderFunction(renderDecoratorB, renderBase));
        var container = render(React.createElement(React.Fragment, null, renderDecoratorAAndBWithBase({ value: 'test' }))).container;
        expect(container.firstChild).toMatchSnapshot();
    });
    it('passes Base as defaultRender to DecoratorB through DecoratorA', function () {
        var renderDecoratorAAroundB = composeRenderFunction(renderDecoratorA, renderDecoratorB);
        var container = render(React.createElement(React.Fragment, null, renderDecoratorAAroundB({ value: 'test' }, renderBase))).container;
        expect(container.firstChild).toMatchSnapshot();
    });
    it('renders without defaultRender', function () {
        var renderDecoratorAAroundB = composeRenderFunction(renderDecoratorA, renderDecoratorB);
        var container = render(React.createElement(React.Fragment, null, renderDecoratorAAroundB({ value: 'test' }))).container;
        expect(container.firstChild).toMatchSnapshot();
    });
    it('avoids recomposing already-composed components', function () {
        var renderDecoratorAAroundB = composeRenderFunction(renderDecoratorA, renderDecoratorB);
        expect(composeRenderFunction(renderDecoratorA, renderDecoratorB)).toBe(renderDecoratorAAroundB);
    });
});
//# sourceMappingURL=composeRenderFunction.test.js.map