piral-core 0.15.0-alpha.3975 → 0.15.0-alpha.4005

package/esm/components/ExtensionSlot.js

@@ -3,6 +3,7 @@ import { isfunc } from 'piral-base';
 import { wrapComponent } from './wrapComponent';
 import { useGlobalState, useGlobalStateContext } from '../hooks';
 import { defaultRender, none } from '../utils';
+const wrapper = ({ children }) => defaultRender(children);
 const renderExtensions = [
     {
         component: (props) => {
@@ -10,7 +11,7 @@ const renderExtensions = [
             const converters = context.converters;
             const piral = context.apis._;
             const { component, props: args } = props.params;
-            const Component = React.useMemo(() => wrapComponent(converters, component, { piral }, defaultRender), [component]);
+            const Component = React.useMemo(() => wrapComponent(converters, component, { piral }, wrapper), [component]);
             return React.createElement(Component, Object.assign({}, args));
         },
         defaults: {},

package/esm/components/ExtensionSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;YACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YACtC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,aAAa,CAAC,EACpE,CAAC,SAAS,CAAC,CACZ,CAAC;YACF,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;SAC/B;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,OAAO,MAAM,CACX,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxE,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,GAAG,CAAC,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,MAAM,kCACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH,CAAC,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;YACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YACtC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7G,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;SAC/B;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,OAAO,MAAM,CACX,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxE,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,GAAG,CAAC,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,MAAM,kCACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH,CAAC,CACP,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/esm/modules/element.js

@@ -67,17 +67,20 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
     customElements.define('piral-extension', PiralExtension);
 }
 export function renderElement(context, element, props) {
-    let [id, portal] = renderInDom(context, element, ExtensionSlot, props);
-    const evName = 'extension-props-changed';
-    const handler = (ev) => update(ev.detail);
-    const dispose = () => {
-        context.hidePortal(id, portal);
-        element.removeEventListener(evName, handler);
-    };
-    const update = (newProps) => {
-        [id, portal] = changeDomPortal(id, portal, context, element, ExtensionSlot, newProps);
-    };
-    element.addEventListener(evName, handler);
-    return [dispose, update];
+    if (typeof window !== 'undefined') {
+        let [id, portal] = renderInDom(context, element, ExtensionSlot, props);
+        const evName = 'extension-props-changed';
+        const handler = (ev) => update(ev.detail);
+        const dispose = () => {
+            context.hidePortal(id, portal);
+            element.removeEventListener(evName, handler);
+        };
+        const update = (newProps) => {
+            [id, portal] = changeDomPortal(id, portal, context, element, ExtensionSlot, newProps);
+        };
+        element.addEventListener(evName, handler);
+        return [dispose, update];
+    }
+    return [noop, noop];
 }
 //# sourceMappingURL=element.js.map

package/esm/modules/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/modules/element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/modules/element.ts"],"names":[],"mappings":"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"}

package/lib/components/ExtensionSlot.js

@@ -6,6 +6,7 @@ const piral_base_1 = require("piral-base");
 const wrapComponent_1 = require("./wrapComponent");
 const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
+const wrapper = ({ children }) => (0, utils_1.defaultRender)(children);
 const renderExtensions = [
     {
         component: (props) => {
@@ -13,7 +14,7 @@ const renderExtensions = [
             const converters = context.converters;
             const piral = context.apis._;
             const { component, props: args } = props.params;
-            const Component = React.useMemo(() => (0, wrapComponent_1.wrapComponent)(converters, component, { piral }, utils_1.defaultRender), [component]);
+            const Component = React.useMemo(() => (0, wrapComponent_1.wrapComponent)(converters, component, { piral }, wrapper), [component]);
             return React.createElement(Component, Object.assign({}, args));
         },
         defaults: {},

package/lib/components/ExtensionSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AACpC,mDAAgD;AAChD,oCAAiE;AACjE,oCAA+C;AAG/C,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;YACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YACtC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAA,6BAAa,EAAC,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,qBAAa,CAAC,EACpE,CAAC,SAAS,CAAC,CACZ,CAAC;YACF,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;SAC/B;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,SAAgB,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,qBAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,YAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,OAAO,MAAM,CACX,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxE,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,GAAG,CAAC,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,MAAM,kCACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH,CAAC,CACP,CAAC;AACJ,CAAC;AAjBD,sCAiBC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"ExtensionSlot.js","sourceRoot":"","sources":["../../src/components/ExtensionSlot.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAAoC;AACpC,mDAAgD;AAChD,oCAAiE;AACjE,oCAA+C;AAG/C,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAa,EAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,gBAAgB,GAA4B;IAChD;QACE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;YACxC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;YACtC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;YAChD,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAA,6BAAa,EAAC,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7G,OAAO,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE;YACT,WAAW,EAAE,iBAAiB;SAC/B;KACF;CACF,CAAC;AAEF;;;;GAIG;AACH,SAAgB,aAAa,CAAmB,KAA4B;IAC1E,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,qBAAa,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxE,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,YAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1G,OAAO,MAAM,CACX,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,IAAA,mBAAM,EAAC,KAAK,CAAC;QACtC,CAAC,CAAC,CAAC,IAAA,qBAAa,EAAC,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACxE,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,GAAG,GAAG,CAAC,EAAE,EAC3C,QAAQ,EAAE,QAAQ,EAClB,MAAM,kCACD,QAAQ,GACR,CAAC,MAAM,IAAI,EAAE,CAAC,IAEnB,CACH,CAAC,CACP,CAAC;AACJ,CAAC;AAjBD,sCAiBC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/lib/modules/element.js

@@ -70,18 +70,21 @@ if (typeof window !== 'undefined' && 'customElements' in window) {
     customElements.define('piral-extension', PiralExtension);
 }
 function renderElement(context, element, props) {
-    let [id, portal] = (0, utils_1.renderInDom)(context, element, components_1.ExtensionSlot, props);
-    const evName = 'extension-props-changed';
-    const handler = (ev) => update(ev.detail);
-    const dispose = () => {
-        context.hidePortal(id, portal);
-        element.removeEventListener(evName, handler);
-    };
-    const update = (newProps) => {
-        [id, portal] = (0, utils_1.changeDomPortal)(id, portal, context, element, components_1.ExtensionSlot, newProps);
-    };
-    element.addEventListener(evName, handler);
-    return [dispose, update];
+    if (typeof window !== 'undefined') {
+        let [id, portal] = (0, utils_1.renderInDom)(context, element, components_1.ExtensionSlot, props);
+        const evName = 'extension-props-changed';
+        const handler = (ev) => update(ev.detail);
+        const dispose = () => {
+            context.hidePortal(id, portal);
+            element.removeEventListener(evName, handler);
+        };
+        const update = (newProps) => {
+            [id, portal] = (0, utils_1.changeDomPortal)(id, portal, context, element, components_1.ExtensionSlot, newProps);
+        };
+        element.addEventListener(evName, handler);
+        return [dispose, update];
+    }
+    return [utils_1.noop, utils_1.noop];
 }
 exports.renderElement = renderElement;
 //# sourceMappingURL=element.js.map

package/lib/modules/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/modules/element.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../src/modules/element.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-core",
-  "version": "0.15.0-alpha.3975",
+  "version": "0.15.0-alpha.4005",
   "description": "The core library for creating a Piral instance.",
   "keywords": [
     "portal",
@@ -48,8 +48,8 @@
   },
   "dependencies": {
     "@dbeining/react-atom": "^4.0.0",
-    "piral-base": "0.15.0-alpha.3975",
-    "piral-debug-utils": "0.15.0-alpha.3975"
+    "piral-base": "0.15.0-alpha.4005",
+    "piral-debug-utils": "0.15.0-alpha.4005"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -79,5 +79,5 @@
     "@libre/atom",
     "@dbeining/react-atom"
   ],
-  "gitHead": "461d63cd1957359472018b32a56778da716d3406"
+  "gitHead": "612f2072dea6b5d02e3672be3972e850ae95d446"
 }

package/src/RootListener.test.tsx

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { render, unmountComponentAtNode } from 'react-dom';
+import { act } from 'react-dom/test-utils';
+import { RootListener } from './RootListener';
+
+jest.mock('./hooks/globalState', () => ({
+  useGlobalStateContext: () => ({
+    showPortal() {},
+  }),
+}));
+
+describe('RootListener Component', () => {
+  it('renders the RootListener instance with default settings', async () => {
+    const element = document.createElement('div');
+    const removed = jest.fn();
+    document.body.appendChild(element);
+    const container = document.body.appendChild(document.createElement('div'));
+    render(<RootListener />, container);
+    document.body.removeEventListener = removed;
+    await act(() => {
+      const event = new CustomEvent('render-html', {
+        bubbles: true,
+        detail: {
+          target: element,
+          props: {},
+        }
+      });
+      element.dispatchEvent(event);
+      return Promise.resolve();
+    });
+    await act(() => Promise.resolve());
+    expect(removed).not.toHaveBeenCalled();
+  });
+
+  it('removes the RootListener successfully', async () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const removed = jest.fn();
+    render(<RootListener />, container);
+    document.body.removeEventListener = removed;
+    await act(() => Promise.resolve());
+    unmountComponentAtNode(container);
+    await act(() => Promise.resolve());
+    expect(removed).toHaveBeenCalled();
+  });
+});

package/src/actions/app.test.ts

@@ -1,9 +1,26 @@
 import { createElement } from 'react';
 import { Atom, deref } from '@dbeining/react-atom';
-import { createListener } from 'piral-base';
-import { changeLayout, includeProvider } from './app';
+import { createListener, Pilet } from 'piral-base';
+import {
+  changeLayout,
+  includeProvider,
+  initialize,
+  injectPilet,
+  removePilet,
+  setComponent,
+  setErrorComponent,
+  setRoute,
+} from './app';
 import { createActions } from '../state';
 import { mount } from 'enzyme';
+import { RootListener } from '../RootListener';
+
+const pilet: Pilet = {
+  name: 'my-pilet',
+  version: '1.0.0',
+  link: undefined,
+  custom: undefined,
+};
 
 describe('App Actions Module', () => {
   it('changeLayout changes the current layout', () => {
@@ -23,6 +40,77 @@ describe('App Actions Module', () => {
     });
   });
 
+  it('initialize initializes state data', () => {
+    const state = Atom.of({
+      app: {},
+    });
+    const ctx = createActions(state, createListener({}));
+    const modules = ['pilet 1', 'pilet 2', 'pilet 3'];
+    initialize(ctx, false, undefined, modules);
+    expect(deref(state)).toEqual({
+      app: { error: undefined, loading: false },
+      modules: ['pilet 1', 'pilet 2', 'pilet 3'],
+    });
+  });
+
+  it('removePilet removes pilet', () => {
+    const state = Atom.of({
+      app: {},
+      modules: [pilet],
+      registry: { 'my-pilet': pilet },
+    });
+    const ctx = createActions(state, createListener({}));
+    removePilet(ctx, 'my-pilet');
+    expect(deref(state)).toEqual({ app: {}, modules: [], registry: { 'my-pilet': pilet } });
+  });
+
+  it('injectPilet injects pilet', () => {
+    const pilet2: Pilet = {
+      name: 'my-pilet2',
+      version: '1.0.0',
+      link: undefined,
+      custom: undefined,
+    };
+    const state = Atom.of({
+      app: {},
+      modules: [pilet2],
+      registry: { pilet2 },
+    });
+    const ctx = createActions(state, createListener({}));
+    injectPilet(ctx, pilet);
+    expect(deref(state)).toEqual({ app: {}, modules: [pilet2, pilet], registry: { pilet2 } });
+  });
+
+  it('setComponent set component', () => {
+    const state = Atom.of({
+      components: {},
+    });
+    const ctx = createActions(state, createListener({}));
+    const node = RootListener;
+    setComponent(ctx, 'ComponentName', node);
+    expect(deref(state)).toEqual({ components: { ComponentName: RootListener } });
+  });
+
+  it('setErrorComponent set error component', () => {
+    const state = Atom.of({
+      errorComponents: {},
+    });
+    const ctx = createActions(state, createListener({}));
+    const node = RootListener;
+    setErrorComponent(ctx, 'ComponentName', node);
+    expect(deref(state)).toEqual({ errorComponents: { ComponentName: RootListener } });
+  });
+
+  it('setRoute sets route', () => {
+    const state = Atom.of({
+      routes: {},
+    });
+    const ctx = createActions(state, createListener({}));
+    const node = RootListener;
+    setRoute(ctx, './dist', RootListener);
+    expect(deref(state)).toEqual({ routes: { './dist': RootListener } });
+  });
+
   it('allows using includeProvider once', () => {
     const state = Atom.of({
       provider: undefined,

package/src/components/ExtensionSlot.test.tsx

@@ -3,18 +3,33 @@ import { mount } from 'enzyme';
 import { ExtensionSlot } from './ExtensionSlot';
 
 jest.mock('../hooks/globalState', () => ({
-  useGlobalState(select: any) {
-    return select(state);
-  },
+  useGlobalState: (select: any) => select(state),
+  useGlobalStateContext: () => ({
+    converters: {
+      html: ({ component }) => component,
+    },
+    apis: {
+      _: {
+        meta: {
+          name: 'PiletName',
+        },
+      },
+    },
+  }),
 }));
 
+(React as any).useMemo = (cb) => cb();
+
 const StubComponent1: React.FC = (props) => <div children={props.children} />;
 StubComponent1.displayName = 'StubComponent1';
 
 const StubComponent2: React.FC = (props) => <div children={props.children} />;
 StubComponent2.displayName = 'StubComponent2';
 
+const StubComponent3: React.FC = (props) => <div children={props.children} />;
+
 const state = {
+  portals: {},
   registry: {
     extensions: {
       foo: [],
@@ -29,13 +44,41 @@ const state = {
           component: StubComponent2,
         },
       ],
+      bla: [
+        {
+          component: StubComponent3,
+        },
+      ],
     },
   },
 };
 
-(React as any).useMemo = (cb) => cb();
-
 describe('Extension Module', () => {
+  it('is able to default render not available extension with no name', () => {
+    const node = mount(<ExtensionSlot />);
+    expect(node.at(0).exists()).toBe(true);
+    expect(node.find(StubComponent1).length).toBe(0);
+    expect(node.find('div').length).toBe(0);
+  });
+
+  it('is able to default render given component with no name', () => {
+    const component = {
+      type: 'html',
+      component: {
+        mount(element) {
+          const container = document.createElement('div');
+          container.textContent = 'Hello!';
+          element.appendChild(container);
+        },
+      },
+    };
+    const node = mount(<ExtensionSlot params={{ component }} />);
+    expect(node.at(0).exists()).toBe(true);
+    expect(node.find(StubComponent1).length).toBe(0);
+    expect(node.find('div').length).toBe(1);
+    expect(node.text()).toContain('Hello!');
+  });
+
   it('is able to default render not available extension', () => {
     const node = mount(<ExtensionSlot name="qxz" />);
     expect(node.at(0).exists()).toBe(true);
@@ -62,6 +105,14 @@ describe('Extension Module', () => {
     const node = mount(<ExtensionSlot name="bar" />);
     expect(node.find(StubComponent1).length).toBe(2);
     expect(node.find(StubComponent2).length).toBe(1);
+    expect(node.find(StubComponent3).length).toBe(0);
+  });
+
+  it('is able to render extension without displayName', () => {
+    const node = mount(<ExtensionSlot name="bla" />);
+    expect(node.find(StubComponent1).length).toBe(0);
+    expect(node.find(StubComponent2).length).toBe(0);
+    expect(node.find(StubComponent3).length).toBe(1);
   });
 
   it('overrides the empty renderer on not available extension', () => {

package/src/components/ExtensionSlot.tsx

@@ -5,6 +5,8 @@ import { useGlobalState, useGlobalStateContext } from '../hooks';
 import { defaultRender, none } from '../utils';
 import { ExtensionRegistration, ExtensionSlotProps } from '../types';
 
+const wrapper = ({ children }) => defaultRender(children);
+
 const renderExtensions: [ExtensionRegistration] = [
   {
     component: (props) => {
@@ -12,10 +14,7 @@ const renderExtensions: [ExtensionRegistration] = [
       const converters = context.converters;
       const piral = context.apis._;
       const { component, props: args } = props.params;
-      const Component = React.useMemo(
-        () => wrapComponent(converters, component, { piral }, defaultRender),
-        [component],
-      );
+      const Component = React.useMemo(() => wrapComponent(converters, component, { piral }, wrapper), [component]);
       return <Component {...args} />;
     },
     defaults: {},

package/src/components/ForeignComponentContainer.test.tsx

@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { render, unmountComponentAtNode } from 'react-dom';
+import { ForeignComponentContainer } from './ForeignComponentContainer';
+
+describe('ForeignComponentContainer component', () => {
+  it('mounts an HTML component', () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const mount = jest.fn();
+    const component = { mount };
+    render(
+      <ForeignComponentContainer $component={component} $context={undefined} $portalId="foo" innerProps={{}} />,
+      container,
+    );
+    expect(mount).toHaveBeenCalled();
+    container.remove();
+  });
+
+  it('unmounts an HTML component', () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const mount = jest.fn();
+    const unmount = jest.fn();
+    const component = { mount, unmount };
+    render(
+      <ForeignComponentContainer $component={component} $context={undefined} $portalId="foo" innerProps={{}} />,
+      container,
+    );
+    expect(mount).toHaveBeenCalled();
+    expect(unmount).not.toHaveBeenCalled();
+    unmountComponentAtNode(container);
+    expect(unmount).toHaveBeenCalled();
+    container.remove();
+  });
+
+  it('updates an HTML component', () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const mount = jest.fn();
+    const update = jest.fn();
+    const component = { mount, update };
+    render(
+      <ForeignComponentContainer
+        $component={component}
+        $context={undefined}
+        $portalId="foo"
+        innerProps={{ a: 'bar' }}
+      />,
+      container,
+    );
+    expect(mount).toHaveBeenCalled();
+    expect(update).not.toHaveBeenCalled();
+    render(
+      <ForeignComponentContainer
+        $component={component}
+        $context={undefined}
+        $portalId="foo"
+        innerProps={{ a: 'foo' }}
+      />,
+      container,
+    );
+    expect(update).toHaveBeenCalled();
+    container.remove();
+  });
+
+  it('forces re-rendering of an HTML component', () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const componentDidMount = ForeignComponentContainer.prototype.componentDidMount;
+    ForeignComponentContainer.prototype.componentDidMount = function () {
+      componentDidMount.call(this);
+      this.previous = {
+        removeEventListener() {},
+      };
+    };
+    const mount = jest.fn();
+    const update = jest.fn();
+    const unmount = jest.fn();
+    const component = { mount, update, unmount };
+    render(
+      <ForeignComponentContainer
+        $component={component}
+        $context={undefined}
+        $portalId="foo"
+        innerProps={{ a: 'bar' }}
+      />,
+      container,
+    );
+    expect(mount).toHaveBeenCalled();
+    expect(unmount).not.toHaveBeenCalled();
+    expect(update).not.toHaveBeenCalled();
+    render(
+      <ForeignComponentContainer
+        $component={component}
+        $context={undefined}
+        $portalId="foo"
+        innerProps={{ a: 'foo' }}
+      />,
+      container,
+    );
+    expect(update).not.toHaveBeenCalled();
+    expect(unmount).toHaveBeenCalled();
+    container.remove();
+  });
+
+  it('listens to render-html', () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    const mount = jest.fn();
+    const renderHtmlExtension = jest.fn();
+    const component = { mount };
+    const props = { piral: { renderHtmlExtension }, meta: {} };
+    render(
+      <ForeignComponentContainer $component={component} $context={undefined} $portalId="foo" innerProps={props} />,
+      container,
+    );
+    expect(mount).toHaveBeenCalled();
+    const node = document.querySelector('[data-portal-id=foo]');
+    expect(renderHtmlExtension).not.toHaveBeenCalled();
+    node.dispatchEvent(new CustomEvent('render-html', { detail: {} }));
+    expect(renderHtmlExtension).toHaveBeenCalled();
+    container.remove();
+  });
+});

package/src/components/PiralView-server.test.tsx

@@ -0,0 +1,60 @@
+/**
+ * @jest-environment node
+ */
+
+import * as React from 'react';
+import * as hooks from '../hooks';
+import * as routes from './PiralRoutes';
+import { render } from 'enzyme';
+import { PiralView } from './PiralView';
+
+const StubDashboard: React.FC = () => <div />;
+StubDashboard.displayName = 'StubDashboard';
+
+const StubErrorInfo: React.FC = () => <div />;
+StubErrorInfo.displayName = 'StubErrorInfo';
+
+const StubLoader: React.FC = () => <div />;
+StubLoader.displayName = 'StubLoader';
+
+const StubRouter: React.FC = ({ children }) => <div>{children}</div>;
+StubRouter.displayName = 'StubRouter';
+
+const StubLayout: React.FC = ({ children }) => <div>{children}</div>;
+StubLayout.displayName = 'StubLayout';
+
+jest.mock('../hooks');
+jest.mock('./PiralRoutes');
+
+const state = {
+    app: {
+        error: undefined,
+        loading: true,
+    },
+    components: {
+        ErrorInfo: StubErrorInfo,
+        LoadingIndicator: StubLoader,
+        Router: StubRouter,
+        Layout: StubLayout,
+    },
+    registry: {
+        pages: {},
+        extensions: {},
+    },
+    routes: {},
+    provider: undefined,
+};
+
+(hooks as any).useGlobalState = (select: any) => select(state);
+
+(routes as any).PiralRoutes = ({ }) => <StubDashboard />;
+
+describe('Portal Module', () => {
+    it('In this test window should be undefined', () => {
+        state.app.loading = false;
+        state.app.error = undefined;
+        const node = render(<PiralView />);
+        expect(typeof window).toBe("undefined")
+        expect(node.length).toBe(1);
+    });
+});

package/src/components/SwitchErrorInfo.test.tsx

@@ -0,0 +1,38 @@
+import *  as React from 'react';
+import { mount } from 'enzyme';
+import { SwitchErrorInfo } from './SwitchErrorInfo';
+
+jest.mock('../hooks/globalState', () => ({
+    useGlobalState(select: any) {
+        return select(state);
+    },
+}));
+
+const StubComponent1: React.FC = (props) => <div children={props.children} />;
+const Unknown: React.FC = (props) => <div children={props.children} />;
+
+const state = {
+    registry: {
+        extensions: {},
+    },
+    errorComponents: {
+        stubComponent1: StubComponent1,
+        unknown: Unknown,
+    },
+};
+
+(React as any).useMemo = (cb) => cb();
+
+describe('SwitchErrorInfo Module', () => {
+    it('is able to render StubComponent1 component', () => {
+        const node = mount(<SwitchErrorInfo type="stubComponent1" />);
+        expect(node.at(0).exists()).toBe(true);
+        expect(node.find(StubComponent1).length).toBe(1);
+    });
+
+    it('is able to default render Unknow component if the compenent name not available in state data', () => {
+        const node = mount(<SwitchErrorInfo type="notRealComponent" />);
+        expect(node.at(0).exists()).toBe(true);
+        expect(node.find(Unknown).length).toBe(1);
+    });
+})

package/src/createInstance.test.tsx

@@ -12,8 +12,13 @@ describe('Piral-Core createInstance module', () => {
     expect(instance.options.strategy).toBe(blazingStrategy);
   });
 
-  it('createInstance with empty actions uses the standard strategy', () => {
-    const instance = createInstance({ actions: {} });
+  it('createInstance with empty actions and plugins uses the standard strategy', () => {
+    const instance = createInstance({ plugins: {}, actions: {} });
     expect(instance.options.strategy).toBe(standardStrategy);
   })
+
+  it('createInstance with async function uses the blazing strategy', () => {
+    const instance = createInstance({ async: () => { } });
+    expect(instance.options.strategy).not.toBe(blazingStrategy);
+  })
 });

package/src/hooks/setter-server.test.ts

@@ -0,0 +1,22 @@
+/**
+ * @jest-environment node
+ */
+
+import * as React from 'react';
+import { renderToString } from 'react-dom/server';
+import { useSetter } from './setter';
+
+describe('UseSetter Hook Module', () => {
+  it('UseSetter', () => {
+    const cb = jest.fn();
+
+    const MyComponent = () => {
+      useSetter(cb);
+      return null;
+    };
+
+    const result = renderToString(React.createElement(MyComponent));
+    expect(result).toEqual('');
+    expect(cb).toHaveBeenCalled();
+  });
+});

package/src/hooks/setter.test.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { act } from 'react-dom/test-utils';
+import { render } from 'react-dom';
+import { useSetter } from './setter';
+
+describe('UseSetter Hook Module', () => {
+  it('UseSetter', async () => {
+    const cb = jest.fn();
+
+    const MyComponent = () => {
+      useSetter(cb);
+      return null;
+    };
+
+    render(React.createElement(MyComponent), document.body.appendChild(document.createElement('div')));
+    await act(() => Promise.resolve());
+    expect(cb).toHaveBeenCalled();
+  });
+});

package/src/modules/element-server.test.ts

@@ -0,0 +1,29 @@
+/**
+ * @jest-environment node
+ */
+
+import { Atom, deref } from '@dbeining/react-atom';
+import { createListener } from 'piral-base';
+import { createActions } from '../state';
+import { renderElement } from './element';
+
+function createMockContext(): [any, any] {
+  const state = Atom.of({
+    portals: {
+      root: [],
+    },
+  });
+  const context = createActions(state, createListener({}));
+  return [context, state];
+}
+
+describe('Elements Module from SSR', () => {
+  it('Should not have piral-extensions web component', () => {
+    const [context, state] = createMockContext();
+    const element: any = {
+      addEventListener() {},
+    };
+    renderElement(context, element, {});
+    expect(deref(state)['portals']['root'].length).toBe(0);
+  });
+});

package/src/modules/element.test.ts

@@ -0,0 +1,77 @@
+import { Atom, deref } from '@dbeining/react-atom';
+import { createListener } from 'piral-base';
+import { createActions } from '../state';
+import { renderElement } from './element';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "piral-extension": HTMLElement & {
+      params: any;
+      name: string;
+      empty: any;
+    };
+  }
+}
+
+function createMockContext(): [any, any] {
+  const state = Atom.of({
+    portals: {},
+  });
+  const context = createActions(state, createListener({}));
+  return [context, state];
+}
+
+describe('Elements Module', () => {
+  it('testing basic renderElement functionality of piral-extension web component', () => {
+    const [context, state] = createMockContext();
+    const element = document.createElement('piral-extension');
+    const event = new Event('extension-props-changed');
+    document.body.appendChild(element);
+    renderElement(context, element, {});
+    element.dispatchEvent(event);
+    document.body.removeChild(element);
+    (element as any).connectedCallback();
+    expect(deref(state)['portals']['root'].length).toBe(1);
+  });
+
+  it('disposing piral-extension web component', () => {
+    const [context, state] = createMockContext();
+    const element = document.createElement('piral-extension');
+    document.body.appendChild(element);
+    const [dispose] = renderElement(context, element, {});
+    expect(deref(state)['portals']['root'].length).toBe(1);
+    dispose();
+    expect(deref(state)['portals']['root'].length).toBe(0);
+  });
+
+  it('testing setters and getters in piral-extension web component', () => {
+    const [context] = createMockContext();
+    const element = document.createElement('piral-extension');
+    document.body.appendChild(element);
+    renderElement(context, element, {});
+    expect(element.params).toEqual(null);
+    expect(element.name).toEqual(null);
+    expect(element.empty).toEqual(undefined);
+    element.params = 'anything';
+    element.name = 'foo';
+    element.empty = 'anything';
+    expect(element.params).toEqual('anything');
+    expect(element.name).toEqual('foo');
+    expect(element.empty).toEqual('anything');
+    element.setAttribute('name', 'bar');
+    element.setAttribute('params', '{}');
+    expect(element.params).toEqual({});
+    expect(element.name).toEqual('bar');
+  });
+
+  it('testing attributes of piral-extension web component', () => {
+    const [context] = createMockContext();
+    const element = document.createElement('piral-extension');
+    document.body.appendChild(element);
+    renderElement(context, element, {});
+    element.setAttribute('name', 'bar');
+    element.setAttribute('params', '{}');
+    expect(element.params).toEqual({});
+    expect(element.name).toEqual('bar');
+  });
+});

package/src/modules/element.ts

@@ -88,16 +88,20 @@ export function renderElement(
   element: HTMLElement | ShadowRoot,
   props: any,
 ): [Disposable, Updatable] {
-  let [id, portal] = renderInDom(context, element, ExtensionSlot, props);
-  const evName = 'extension-props-changed';
-  const handler = (ev: CustomEvent) => update(ev.detail);
-  const dispose: Disposable = () => {
-    context.hidePortal(id, portal);
-    element.removeEventListener(evName, handler);
-  };
-  const update: Updatable = (newProps) => {
-    [id, portal] = changeDomPortal(id, portal, context, element, ExtensionSlot, newProps);
-  };
-  element.addEventListener(evName, handler);
-  return [dispose, update];
+  if (typeof window !== 'undefined') {
+    let [id, portal] = renderInDom(context, element, ExtensionSlot, props);
+    const evName = 'extension-props-changed';
+    const handler = (ev: CustomEvent) => update(ev.detail);
+    const dispose: Disposable = () => {
+      context.hidePortal(id, portal);
+      element.removeEventListener(evName, handler);
+    };
+    const update: Updatable = (newProps) => {
+      [id, portal] = changeDomPortal(id, portal, context, element, ExtensionSlot, newProps);
+    };
+    element.addEventListener(evName, handler);
+    return [dispose, update];
+  }
+
+  return [noop, noop];
 }

package/src/state/withApi.test.tsx

@@ -6,6 +6,29 @@ import { withApi } from './withApi';
 import { StateContext } from '../state';
 
 function createMockContainer() {
+  const state = Atom.of({
+    portals: {},
+  });
+  return {
+    context: {
+      converters: {},
+      readState(cb) {
+        return cb({
+          registry: {
+            wrappers: { "feed": "test", "*": "test" },
+          },
+        });
+      },
+      on: jest.fn(),
+      off: jest.fn(),
+      emit: jest.fn(),
+      state,
+      destroyPortal: (id) => { },
+    } as any,
+  };
+}
+
+function createMockContainerWithNoWrappers() {
   const state = Atom.of({
     portals: {},
   });
@@ -23,7 +46,7 @@ function createMockContainer() {
       off: jest.fn(),
       emit: jest.fn(),
       state,
-      destroyPortal: (id) => {},
+      destroyPortal: (id) => { },
     } as any,
   };
 }
@@ -103,11 +126,9 @@ describe('withApi Module', () => {
     };
     const { context } = createMockContainer();
     context.converters = {
-      html: (component) => {
-        return component.component;
-      },
+      html: ({ component }) => component,
     };
-    const Component = withApi(context, { type: 'html', component: { mount: () => {} } }, api, 'unknown');
+    const Component = withApi(context, { type: 'html', component: { mount: () => { } } }, api, 'unknown');
 
     const node = mount(
       <StateContext.Provider value={context}>
@@ -124,11 +145,9 @@ describe('withApi Module', () => {
         name: 'foo',
       },
     };
-    const { context } = createMockContainer();
+    const { context } = createMockContainerWithNoWrappers();
     context.converters = {
-      html: (component) => {
-        return component.component;
-      },
+      html: ({ component }) => component,
     };
     const Component = withApi(context, null, api, 'unknown');
 

package/src/utils/extension.test.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { mount } from 'enzyme';
-import { toExtension } from './extension';
+import { reactifyContent, toExtension } from './extension';
+
 
 describe('Util Extension.', () => {
   it('Convert some component to an extension component.', () => {
@@ -9,4 +10,13 @@ describe('Util Extension.', () => {
     const node = mount(<Extension piral={undefined} params={{ title: 'Foo' }} />);
     expect(node.find('b').length).toBe(1);
   });
-});
+
+  it('reactifyContent.', async () => {
+    const container = document.body.appendChild(document.createElement('div'));
+    container.innerHTML = `<div>FOO<</div>`;
+    const result = reactifyContent(container.childNodes) as React.ReactElement;
+    const node = await mount(result)
+    expect(node.find("slot").length).toBe(1);
+  });
+});
+

package/src/utils/foreign.test.ts

@@ -1,12 +1,30 @@
-import { createElement } from 'react';
-import { convertComponent, renderInDom } from './foreign';
+import * as React from 'react';
+import { changeDomPortal, convertComponent, renderInDom } from './foreign';
 import { ForeignComponent } from '../types';
 import { DefaultLoadingIndicator } from '../components/DefaultLoader';
 
+// const StubComponent: React.FC = (props) => <div />;
+// StubComponent.displayName = 'StubComponent';
+
 describe('Util Foreign.', () => {
+  it('changeDomPortal changes dom in portal', () => {
+    const children = React.createElement('div');
+    const current: React.ReactPortal = { key: 'current', children: { children }, type: 'div', props: null };
+
+    const context = {
+      updatePortal: jest.fn(),
+    } as any;
+    const portalId = 'data-portal-id';
+    const element = document.createElement('div') as HTMLDivElement;
+    element.setAttribute(portalId, '100');
+
+    const result = changeDomPortal(portalId, current, context, element, DefaultLoadingIndicator, {});
+    expect(result).not.toEqual({});
+  });
+
   it('Convert component function throws error due to missing converter function.', () => {
     const t = () => {
-      convertComponent(null, createElement('div'));
+      convertComponent(null, React.createElement('div'));
     };
     expect(t).toThrow('No converter for component of type "div" registered.');
   });
@@ -17,7 +35,7 @@ describe('Util Foreign.', () => {
     };
     const result = convertComponent(() => {
       return fComponent;
-    }, createElement('div'));
+    }, React.createElement('div'));
     expect(result).toEqual(fComponent);
   });
 

package/src/utils/state.test.ts

@@ -0,0 +1,39 @@
+import * as hooks from '../hooks';
+import { withAll, withRootExtension } from './state';
+import { RootListener } from '../RootListener';
+import { createGlobalState } from '../state';
+
+describe('State Module', () => {
+  it('withRootExtension should create an extension key', () => {
+    const dispatch = withRootExtension('test', RootListener);
+    const result = dispatch({ registry: { extensions: {} } });
+    expect(result['registry']['extensions']['test']).toBeTruthy();
+  });
+
+  it('withAll should return identity state with no dispatcher', () => {
+    const dispatchers = withAll();
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'] });
+  });
+
+  it('withAll should return identity state with identity dispatcher', () => {
+    const dispatchers = withAll((s) => s);
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'] });
+  });
+
+  it('withAll should return empty state with blank dispatcher', () => {
+    const dispatchers = withAll((s) => ({}));
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({});
+  });
+
+  it('withAll should return mutated state of all dispatchers', () => {
+    const dispatchers = withAll(
+      (s) => ({ ...s, foo: 'bar' }),
+      (s) => ({ ...s, bar: 'qxz' }),
+    );
+    const result = dispatchers({ state: ['foo', 'boo'] });
+    expect(result).toEqual({ state: ['foo', 'boo'], foo: 'bar', bar: 'qxz' });
+  });
+});