piral-lazy 0.15.0-alpha.3905 → 0.15.0-alpha.4005

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-lazy",
-  "version": "0.15.0-alpha.3905",
+  "version": "0.15.0-alpha.4005",
   "description": "Plugin for lazy loading third-party framework components in Piral.",
   "keywords": [
     "piral",
@@ -44,12 +44,12 @@
   },
   "devDependencies": {
     "@types/react": "^17.0.0",
-    "piral-core": "0.15.0-alpha.3905",
+    "piral-core": "0.15.0-alpha.4005",
     "react": "^17.0.1"
   },
   "peerDependencies": {
     "piral-core": "0.14.x",
     "react": ">=16.8.0"
   },
-  "gitHead": "533d09963cfd8c901df797958ca386dbae0286e1"
+  "gitHead": "612f2072dea6b5d02e3672be3972e850ae95d446"
 }

package/src/create.test.ts

@@ -1,5 +1,8 @@
 import { Atom, swap } from '@dbeining/react-atom';
+import { render } from 'react-dom';
+import { createElement, Suspense } from 'react';
 import { createLazyApi } from './create';
+import { act } from 'react-dom/test-utils';
 
 function createMockContainer() {
   const state = Atom.of({});
@@ -23,12 +26,20 @@ function createMockContainer() {
 }
 
 describe('Piral-Lazy create module', () => {
-  it('appends lazy loading for a DOM component', () => {
-    const { context } = createMockContainer();
-    const load = () => Promise.resolve({});
+  it('appends lazy loading for a DOM component', async () => {
+    const mount = jest.fn();
+    const MyComponent = { component: { mount }, type: 'html' };
+    const load = async () => await Promise.resolve(MyComponent);
+    const { context, api } = createMockContainer();
     const apiCreator: any = createLazyApi()(context);
-    const { fromLazy } = apiCreator();
-    const lazyComponent = fromLazy(load);
-    expect(lazyComponent).not.toBeUndefined();
+    const { fromLazy, defineDependency } = apiCreator(api);
+    defineDependency('testName', () => {});
+    const LazyComponent = fromLazy(load, ['testName']);
+    render(
+      createElement(Suspense, { fallback: 'anything' }, createElement(LazyComponent)),
+      document.body.appendChild(document.createElement('div')),
+    );
+    await act(() => Promise.resolve());
+    expect(LazyComponent).not.toBeUndefined();
   });
 });