Add test for vuejs#684

test/completionHelper.ts

@@ -115,6 +115,82 @@ export async function testCompletion(
   });
 }
 
+export async function testCompletionResolve(
+  docUri: vscode.Uri,
+  position: vscode.Position,
+  expectedItems: CompletionItem[],
+  itemResolveCount: number
+) {
+  await showFile(docUri);
+
+  const result = (await vscode.commands.executeCommand(
+    'vscode.executeCompletionItemProvider',
+    docUri,
+    position,
+    undefined,
+    itemResolveCount
+  )) as vscode.CompletionList;
+
+  expectedItems.forEach(ei => {
+    if (typeof ei === 'string') {
+      assert.ok(
+        result.items.some(i => {
+          return i.label === ei;
+        }),
+        `Can't find matching item for\n${JSON.stringify(ei, null, 2)}\nSeen items:\n${JSON.stringify(
+          result.items,
+          null,
+          2
+        )}`
+      );
+    } else {
+      const match = result.items.find(i => i.label === ei.label);
+      if (!match) {
+        assert.fail(
+          `Can't find matching item for\n${JSON.stringify(ei, null, 2)}\nSeen items:\n${JSON.stringify(
+            result.items,
+            null,
+            2
+          )}`
+        );
+      }
+
+      assert.equal(match.label, ei.label);
+      if (ei.kind) {
+        assert.equal(match.kind, ei.kind);
+      }
+      if (ei.detail) {
+        assert.equal(match.detail, ei.detail);
+      }
+
+      if (ei.documentation) {
+        if (typeof match.documentation === 'string') {
+          assert.equal(normalizeNewline(match.documentation), normalizeNewline(ei.documentation as string));
+        } else {
+          if (ei.documentation && (ei.documentation as MarkdownString).value && match.documentation) {
+            assert.equal(
+              normalizeNewline((match.documentation as vscode.MarkdownString).value),
+              normalizeNewline((ei.documentation as MarkdownString).value)
+            );
+          }
+        }
+      }
+
+      if (ei.additionalTextEdits) {
+        assert.deepStrictEqual(
+          match.additionalTextEdits,
+          ei.additionalTextEdits,
+          `Can't match additionalTextEdits for\n${
+            JSON.stringify(ei.additionalTextEdits, null, 2)
+          }\nSeen items:\n${
+            JSON.stringify(match.additionalTextEdits, null, 2)
+          }`
+        );
+      }
+    }
+  });
+}
+
 export async function testNoSuchCompletion(
   docUri: vscode.Uri,
   position: vscode.Position,

test/lsp/features/completion/autoImport.test.ts

@@ -0,0 +1,43 @@
+import { testCompletion, testCompletionResolve } from '../../../completionHelper';
+import { position, sameLineRange, textEdit } from '../../../util';
+import { getDocUri } from '../../path';
+
+describe('Should import vue component to script in template', () => {
+  it('completes components', async () => {
+    await testCompletion(getDocUri('completion/autoImport/defineInOneLine.vue'), position(3, 9), [
+      'two-stylus',
+      'two-stylus-expected'
+    ]);
+  });
+
+  /**
+   * I can't get completion/resolve result in VSCode. =_=
+   * https://github.com/microsoft/vscode/issues/110182
+   */
+  it.skip('Should do auto import when have components define in one line', async () => {
+    await testCompletionResolve(
+      getDocUri('completion/autoImport/defineInOneLine.vue'),
+      position(3, 9),
+      [
+        {
+          label: 'two-stylus',
+          additionalTextEdits: [
+            textEdit(sameLineRange(9, 0, 0), "import TwoStylus from '../../formatting/TwoStylus.vue'\n"),
+            textEdit(sameLineRange(10, 20, 20), ', TwoStylus')
+          ]
+        },
+        {
+          label: 'two-stylus-expected',
+          additionalTextEdits: [
+            textEdit(
+              sameLineRange(9, 0, 0),
+              "import TwoStylusExpected from '../../formatting/TwoStylus.Expected.vue'\n"
+            ),
+            textEdit(sameLineRange(10, 20, 20), ', TwoStylusExpected')
+          ]
+        }
+      ],
+      2
+    );
+  });
+});

test/lsp/fixture/completion/autoImport/defineInOneLine.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <child />
+    <two-
+  </div>
+</template>
+
+<script>
+import Child from '../template/childComponent/Child.vue'
+export default {
+  components: {Child},
+  data () {
+    return {
+      foo: ''
+    }
+  },
+  methods: {
+    getFoo () {
+      return this.
+    }
+  }
+}
+</script>

test/lsp/fixture/completion/autoImport/noDefineComponents.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    <
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>

test/lsp/fixture/completion/autoImport/sameComponentName.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <child />
+    <
+  </div>
+</template>
+
+<script>
+import Child from '../template/childComponent/Child.vue'
+
+export default {
+  components: {
+    Child,
+    
+  }
+}
+</script>

test/util.ts

@@ -15,6 +15,9 @@ export function location(uri: vscode.Uri, startLine: number, startChar: number,
 export function sameLineLocation(uri: vscode.Uri, line: number, startChar: number, endChar: number) {
   return new vscode.Location(uri, sameLineRange(line, startChar, endChar));
 }
+export function textEdit(range: vscode.Range, newText: string) {
+  return new vscode.TextEdit(range, newText);
+}
 export function sleep(ms: number) {
   return new Promise(resolve => setTimeout(resolve, ms));
 }