@vnejs/plugins.views.screens.loading 0.1.14 → 0.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.screens.loading",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "tsconfig.json"
   ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "npx @vnejs/monorepo test",
     "build": "npx @vnejs/monorepo package",
     "publish:major:plugin": "npm run publish:major",
     "publish:minor:plugin": "npm run publish:minor",
@@ -40,6 +40,14 @@
     "@vnejs/uis.react": "~0.1.0"
   },
   "devDependencies": {
-    "@vnejs/configs.ts-common": "~0.1.0"
+    "@vnejs/configs.ts-common": "~0.1.0",
+    "@vnejs/configs.vitest": "~0.1.0",
+    "@vnejs/test-utils": "~0.1.0",
+    "@vnejs/contracts.text.locs": "~0.1.0",
+    "@vnejs/contracts.views.screens.loading": "~0.1.0",
+    "@vnejs/module.core": "~0.1.0",
+    "@vnejs/module.components": "~0.1.0",
+    "@vnejs/shared": "~0.1.0",
+    "@vnejs/uis.react": "~0.1.0"
   }
 }

package/src/tests/loading.test.ts

@@ -0,0 +1,30 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import { spyEvent } from "@vnejs/test-utils";
+
+import { Loading } from "../modules/loading.js";
+import { createLoadingTestModule, registerLoadingPluginVne, SUBSCRIBE_EVENTS } from "./setup.js";
+
+describe("Loading", () => {
+  beforeEach(() => {
+    registerLoadingPluginVne();
+    vi.useFakeTimers();
+  });
+
+  it("EMIT shows, runs promise, and hides", async () => {
+    const { observer } = createLoadingTestModule(Loading);
+    const show = spyEvent(observer, SUBSCRIBE_EVENTS.SHOW);
+    const hide = spyEvent(observer, SUBSCRIBE_EVENTS.HIDE);
+    const promiseFunc = vi.fn(async () => undefined);
+
+    const emitPromise = observer.emit(SUBSCRIBE_EVENTS.EMIT, { promiseFunc });
+
+    expect(show).toHaveBeenCalledOnce();
+
+    await vi.runAllTimersAsync();
+    await emitPromise;
+
+    expect(promiseFunc).toHaveBeenCalledOnce();
+    expect(hide).toHaveBeenCalledOnce();
+  });
+});

package/src/tests/setup.ts

@@ -0,0 +1,33 @@
+import { PARAMS, PLUGIN_NAME, SUBSCRIBE_EVENTS } from "@vnejs/contracts.views.screens.loading";
+import {
+  createTestModule as baseCreateTestModule,
+  registerCoreVne,
+  registerVnePlugin,
+  stubSilentEvent,
+} from "@vnejs/test-utils";
+
+export const registerLoadingPluginVne = () => {
+  registerCoreVne();
+  registerVnePlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS });
+};
+
+export const createLoadingTestModule = <T extends Parameters<typeof baseCreateTestModule>[0]>(
+  ModuleClass: T,
+  options: Parameters<typeof baseCreateTestModule>[1] = {},
+) => {
+  const result = baseCreateTestModule(ModuleClass, {
+    state: {
+      loading: { isShow: false },
+      ...(options.state ?? {}),
+    },
+    ...options,
+  });
+
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.SHOW);
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.HIDE);
+  stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.UPDATE);
+
+  return result;
+};
+
+export { SUBSCRIBE_EVENTS, PARAMS, PLUGIN_NAME };

package/tsconfig.json

@@ -6,5 +6,5 @@
     "jsx": "react-jsx"
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["dist", "node_modules"]
+  "exclude": ["dist", "node_modules", "src/tests"]
 }