refactor: Migrate format tests to Scripts API (#3133)

package.json

@@ -22,7 +22,7 @@
  },
  "devDependencies": {
  "@types/node": "latest",
- "@volar/language-service": "1.5.1",
+ "@volar/language-service": "1.5.3",
  "typescript": "latest",
  "vite": "latest",
  "vitest": "0.25.8"

packages/vscode-vue/package.json

@@ -741,8 +741,8 @@
  "devDependencies": {
  "@types/semver": "^7.3.13",
  "@types/vscode": "1.67.0",
- "@volar/source-map": "1.5.1",
- "@volar/vscode": "1.5.1",
+ "@volar/source-map": "1.5.3",
+ "@volar/vscode": "1.5.3",
  "@volar/vue-language-core": "1.6.4",
  "@volar/vue-language-server": "1.6.4",
  "esbuild": "0.15.18",

packages/vue-component-meta/package.json

@@ -13,7 +13,7 @@
  "directory": "packages/vue-component-meta"
  },
  "dependencies": {
- "@volar/language-core": "1.5.1",
+ "@volar/language-core": "1.5.3",
  "@volar/vue-language-core": "1.6.4",
  "typesafe-path": "^0.2.2",
  "vue-component-type-helpers": "1.6.4"

packages/vue-language-core/package.json

@@ -13,8 +13,8 @@
  "directory": "packages/vue-language-core"
  },
  "dependencies": {
- "@volar/language-core": "1.5.1",
- "@volar/source-map": "1.5.1",
+ "@volar/language-core": "1.5.3",
+ "@volar/source-map": "1.5.3",
  "@vue/compiler-dom": "^3.3.0-beta.3",
  "@vue/compiler-sfc": "^3.3.0-beta.3",
  "@vue/reactivity": "^3.3.0-beta.3",

packages/vue-language-plugin-pug/package.json

@@ -16,8 +16,8 @@
  "@volar/vue-language-core": "1.6.4"
  },
  "dependencies": {
- "@volar/language-service": "1.5.1",
- "@volar/source-map": "1.5.1",
+ "@volar/language-service": "1.5.3",
+ "@volar/source-map": "1.5.3",
  "volar-service-pug": "0.0.1"
  }
 }

packages/vue-language-server/package.json

@@ -16,8 +16,8 @@
  "directory": "packages/vue-language-server"
  },
  "dependencies": {
- "@volar/language-core": "1.5.1",
- "@volar/language-server": "1.5.1",
+ "@volar/language-core": "1.5.3",
+ "@volar/language-server": "1.5.3",
  "@volar/vue-language-core": "1.6.4",
  "@volar/vue-language-service": "1.6.4",
  "vscode-languageserver-protocol": "^3.17.3",

packages/vue-language-service/package.json

@@ -17,9 +17,9 @@
  "update-html-data": "node ./scripts/update-html-data.js"
  },
  "dependencies": {
- "@volar/language-core": "1.5.1",
- "@volar/language-service": "1.5.1",
- "@volar/source-map": "1.5.1",
+ "@volar/language-core": "1.5.3",
+ "@volar/language-service": "1.5.3",
+ "@volar/source-map": "1.5.3",
  "@volar/vue-language-core": "1.6.4",
  "@vue/compiler-dom": "^3.3.0-beta.3",
  "@vue/reactivity": "^3.3.0-beta.3",
@@ -37,5 +37,8 @@
  "vscode-languageserver-protocol": "^3.17.3",
  "vscode-languageserver-textdocument": "^1.0.8",
  "vscode-uri": "^3.0.7"
+ },
+ "devDependencies": {
+ "@volar/kit": "1.5.3"
  }
 }

packages/vue-language-service/tests/format/1210.spec.ts

@@ -0,0 +1,20 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<script setup lang="ts">
+import { ref } from "vue";
+
+const count = ref(0);
+</script>
+
+<template>
+ <button @click="count++">{{ count }}</button>
+</template>
+ `.trim(),
+ settings: {
+ 'typescript.format.semicolons': 'insert'
+ },
+});

packages/vue-language-service/tests/format/1398.spec.ts

@@ -0,0 +1,14 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+ <div v-for="i in list">{{ i }}</div>
+</template>
+ `.trim(),
+ settings: {
+ 'javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis': true
+ },
+});

packages/vue-language-service/tests/format/1806.spec.ts

@@ -0,0 +1,49 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+ <div>
+ <div>
+ </div>
+ </div>
+</template>
+
+<script>
+export { }
+</script>
+
+<style>
+.foo {
+ color: #000;
+}
+</style>
+ `.trim(),
+ output: `
+<template>
+<div>
+ <div>
+ </div>
+</div>
+</template>
+
+<script>
+ export { }
+</script>
+
+<style>
+ .foo {
+ color: #000;
+ }
+</style>
+ `.trim(),
+ settings: {
+ 'volar.format.initialIndent': {
+ html: false,
+ javascript: true,
+ css: true
+ }
+ },
+});

packages/vue-language-service/tests/format/1823.spec.ts

@@ -0,0 +1,20 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<script>
+function foo(params) {
+console.log('foo');
+}
+</script>
+ `.trim(),
+ output: `
+<script>
+function foo(params) {
+ console.log('foo');
+}
+</script>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2026.spec.ts

@@ -0,0 +1,18 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+<span :class="['class1','class2',{'class3':!modelValue}]">{{
+ $i18n('i18n-key')}}</span>
+</template>
+ `.trim(),
+ output: `
+<template>
+ <span :class="['class1', 'class2', { 'class3': !modelValue }]">{{
+ $i18n('i18n-key') }}</span>
+</template>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2105.spec.ts

@@ -0,0 +1,24 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template></template>
+
+<style>
+a {
+ background: v-bind(' props.background|| "var(--primary-lighter)"');
+}
+</style>
+ `.trim(),
+ output: `
+<template></template>
+
+<style>
+a {
+ background: v-bind('props.background || "var(--primary-lighter)"');
+}
+</style>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2305.spec.ts

@@ -0,0 +1,16 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+ {{a?b:c}}
+</template>
+ `.trim(),
+ output: `
+<template>
+ {{ a ? b : c }}
+</template>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2350.spec.ts

@@ -0,0 +1,16 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+ {{title}}
+</template>
+ `.trim(),
+ output: `
+<template>
+ {{ title }}
+</template>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2385.spec.ts

@@ -0,0 +1,11 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<script>
+export { }
+</script>
+ `.trim().replace('\n', '\r\n'), // CRLF
+});

packages/vue-language-service/tests/format/2390.spec.ts

@@ -0,0 +1,20 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+<!-- hello -->
+<img alt="Vue logo" src="./assets/logo.png" />
+<HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+ `.trim(),
+ output: `
+<template>
+ <!-- hello -->
+ <img alt="Vue logo" src="./assets/logo.png" />
+ <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2393.spec.ts

@@ -0,0 +1,22 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<template>
+<div>
+<div>
+</div>
+</div>
+</template>
+ `.trim(),
+ output: `
+<template>
+ <div>
+ <div>
+ </div>
+ </div>
+</template>
+ `.trim(),
+});

packages/vue-language-service/tests/format/2480.spec.ts

@@ -0,0 +1,8 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'typescript',
+ input: ` export { };`,
+ output: `export { };`,
+});

packages/vue-language-service/tests/format/2505.spec.ts

@@ -0,0 +1,15 @@
+import { defineFormatTest } from '../utils/format';
+
+defineFormatTest({
+ title: '#' + __filename.split('.')[0],
+ languageId: 'vue',
+ input: `
+<script setup lang="ts"></script>
+
+<template>
+ <!--
+ hey
+ -->
+</template>
+ `.trim(),
+});