Test PropSync and Model decorators

vuejs · Aug 14, 2020 · 4278488 · 4278488
1 parent 0142a37
commit 4278488
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 20 deletions.
diff --git a/test/interpolation/features/completion/property.test.ts b/test/interpolation/features/completion/property.test.ts
@@ -65,30 +65,39 @@ describe('Should autocomplete interpolation for <template> in property class com
       ]);
     });
 
+    const propsList = [
+      {
+        label: ':foo',
+        kind: CompletionItemKind.Value,
+        documentation: new MarkdownString('My foo').appendCodeblock(
+          `@Prop({ type: Boolean, default: false }) foo`,
+          'js'
+        )
+      },
+      {
+        label: ':bar',
+        kind: CompletionItemKind.Value,
+        documentation: new MarkdownString('My bar').appendCodeblock(
+          `@PropSync('bar', { type: String }) syncedBar`,
+          'js'
+        )
+      },
+      {
+        label: ':checked',
+        kind: CompletionItemKind.Value,
+        documentation: new MarkdownString('My checked').appendCodeblock(
+          `@Model('change', { type: Boolean }) checked`,
+          'js'
+        )
+      }
+    ];
+
     it(`completes child component's props`, async () => {
-      await testCompletion(parentTemplateDocUri, position(2, 27), [
-        {
-          label: ':foo',
-          kind: CompletionItemKind.Value,
-          documentation: new MarkdownString('My foo').appendCodeblock(
-            `@Prop({ type: Boolean, default: false }) foo`,
-            'js'
-          )
-        }
-      ]);
+      await testCompletion(parentTemplateDocUri, position(2, 27), propsList);
     });
 
     it(`completes child component's props when camel case component name`, async () => {
-      await testCompletion(parentTemplateDocUri, position(4, 24), [
-        {
-          label: ':foo',
-          kind: CompletionItemKind.Value,
-          documentation: new MarkdownString('My foo').appendCodeblock(
-            `@Prop({ type: Boolean, default: false }) foo`,
-            'js'
-          )
-        }
-      ]);
+      await testCompletion(parentTemplateDocUri, position(4, 24), propsList);
     });
 
     it('completes inside v-if=""', async () => {

diff --git a/test/interpolation/fixture/completion/propertyDecorator/Child.vue b/test/interpolation/fixture/completion/propertyDecorator/Child.vue
@@ -19,6 +19,16 @@ export default class BasicPropertyClass extends Vue {
    */
   @Prop({ type: Boolean, default: false }) foo
 
+  /**
+   * My bar
+   */
+  @PropSync('bar', { type: String }) syncedBar
+
+  /**
+   * My checked
+   */
+  @Model('change', { type: Boolean }) checked
+
   /**
    * My msg
    */