增加测试用例-找不到服务异常

tests/README.md

@@ -61,7 +61,7 @@
   1. bindContainer多次调用验证
   3. 验证useRootService多次调用结果
   4. 验证useRootService在组件内/外调用的结果
-  5. 全局provide路由变量-route和router // todo
+  5. 全局provide路由变量-route和router --> test11
 9. ContainerOptions不同场景验证
   1. 验证declareProviders不同参数的结果
   2. 验证declareRootProviders不同参数的结果

tests/test12/DemoComp.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { DemoService } from './DemoService';
+import { declareProviders, useService } from '../../src/index';
+
+defineProps({
+  msg: String,
+});
+
+declareProviders([DemoService]);
+const service = useService(DemoService);
+
+defineExpose({
+  service,
+});
+</script>
+
+<template>
+  <div>
+    <div class="msg">{{ msg }}</div>
+    <div class="count">{{ service.count }}</div>
+
+    <button type="button" class="btn-count" @click="service.increaseCount()">
+      Add count
+    </button>
+  </div>
+</template>

tests/test12/DemoService.ts

@@ -0,0 +1,7 @@
+export class DemoService {
+  public count = 1;
+
+  public increaseCount() {
+    this.count++;
+  }
+}

tests/test12/README.md

@@ -0,0 +1,3 @@
+## 测试场景-当前组件访问当前组件的服务
+
+主要测试了 useService在组件外调用的异常

tests/test12/demo.test.ts

@@ -0,0 +1,22 @@
+import 'reflect-metadata';
+import { mount } from '@vue/test-utils';
+import DemoComp from './DemoComp.vue';
+import { DemoService } from './DemoService';
+import { useService } from '../../src';
+
+describe('test12', () => {
+  it('get DemoService instance', async () => {
+    const msg = 'Hello world';
+    const wrapper = mount(DemoComp, {
+      props: {
+        msg,
+      },
+    });
+
+    expect(wrapper.vm.service).toBeInstanceOf(DemoService);
+
+    expect(() => {
+      useService(DemoService);
+    }).toThrow("Cannot read properties of undefined (reading 'get')");
+  });
+});

tests/test13/DemoComp.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { DemoService } from './DemoService';
+import { useService } from '../../src/index';
+
+defineProps({
+  msg: String,
+});
+
+console.log('before useService');
+const service = useService(DemoService);
+console.log('after useService', service);
+
+defineExpose({
+  service,
+});
+</script>
+
+<template>
+  <div>
+    <div class="msg">{{ msg }}</div>
+    <div class="count">{{ service.count }}</div>
+
+    <button type="button" class="btn-count" @click="service.increaseCount()">
+      Add count
+    </button>
+  </div>
+</template>

tests/test13/DemoService.ts

@@ -0,0 +1,7 @@
+export class DemoService {
+  public count = 1;
+
+  public increaseCount() {
+    this.count++;
+  }
+}

tests/test13/README.md

@@ -0,0 +1,3 @@
+## 测试场景-当前组件访问当前组件的服务
+
+主要测试了 useService在组件内调用，但是没有declareProvides绑定服务，导致找不到服务异常

tests/test13/demo.test.ts

@@ -0,0 +1,17 @@
+import 'reflect-metadata';
+import { mount } from '@vue/test-utils';
+import DemoComp from './DemoComp.vue';
+
+describe('test13', () => {
+  it('get DemoService instance', async () => {
+    const msg = 'Hello world';
+
+    expect(() => {
+      mount(DemoComp, {
+        props: {
+          msg,
+        },
+      });
+    }).toThrow('No matching bindings found for serviceIdentifier: DemoService');
+  });
+});

tests/test14/DemoComp.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { DemoService } from './DemoService';
+import { declareProviders, useService } from '../../src/index';
+
+defineProps({
+  msg: String,
+});
+
+declareProviders([DemoService]);
+const service = useService(DemoService);
+
+defineExpose({
+  service,
+});
+</script>
+
+<template>
+  <div>
+    <div class="msg">{{ msg }}</div>
+    <div class="count">{{ service.count }}</div>
+
+    <button type="button" class="btn-count" @click="service.increaseCount()">
+      Add count
+    </button>
+  </div>
+</template>

tests/test14/DemoService.ts

@@ -0,0 +1,7 @@
+export class DemoService {
+  public count = 1;
+
+  public increaseCount() {
+    this.count++;
+  }
+}

tests/test14/README.md

@@ -0,0 +1,3 @@
+## 测试场景-当前组件访问当前组件的服务
+
+主要测试了 useRootService在组件外调用，但是没有declareRootProvides绑定服务，导致找不到服务异常

tests/test14/demo.test.ts

@@ -0,0 +1,22 @@
+import 'reflect-metadata';
+import { mount } from '@vue/test-utils';
+import DemoComp from './DemoComp.vue';
+import { DemoService } from './DemoService';
+import { useRootService } from '../../src';
+
+describe('test14', () => {
+  it('get DemoService instance', async () => {
+    const msg = 'Hello world';
+    const wrapper = mount(DemoComp, {
+      props: {
+        msg,
+      },
+    });
+
+    expect(wrapper.vm.service).toBeInstanceOf(DemoService);
+
+    expect(() => {
+      useRootService(DemoService);
+    }).toThrow('No matching bindings found for serviceIdentifier: DemoService');
+  });
+});