first commit

node_modules/@fluentui/utilities/lib/renderFunction/composeRenderFunction.test.js

@@ -0,0 +1,45 @@
+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