Process completed with exit code 1.

Error: Snapshot `single test > single.vue 1` mismatched - Expected + Received @@ -25,19 +25,24 @@ </div> </template> <script lang="ts" setup> import { formatDate } from '@/utils/formatTime' import UserAvatar from './UserAvatar.vue' + import { getUserProfile, ProfileVO } from '@/api/system/user/profile' + defineOptions({ name: 'ProfileUser' }) + const { t } = useI18n() const userInfo = ref({} as ProfileVO) const getUserInfo = async () => { const users = await getUserProfile() userInfo.value = users } onMounted(async () => { await getUserInfo() }) </script> - <style scoped></style> + + <style scoped> + </style> ❯ test/transformCode.test.ts:100:5

Error: Snapshot `single demo styleWeight > styleWeight.vue 1` mismatched - Expected + Received <script setup lang="ts"></script> + <template> <div class="red bg-pink bg-red" style="hi:123"> nihao </div> <div class="yellow bg-yellow" > hi </div> </template> - <style scoped></style> + + <style scoped> + + </style> ❯ test/transformCode.test.ts:90:5

Error: Snapshot `classSpace.vue > classSpace.vue 1` mismatched - Expected + Received <script setup lang="ts"></script> + <template> <div class="red bg-red w-[100%] lh-20px"> <div class="yellow bg-red! w-[100%]"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ❯ test/transformCode.test.ts:80:5

Error: Snapshot `single demo Media > media.vue 1` mismatched - Expected + Received @@ -5,12 +5,17 @@ nihao </div> </template> <style scoped> + @media (min-width: 640px) { + } + @media (min-width: 120px) { .red { background-color: red; } } + @media not all and (min-width: 1536px) { + } </style> ❯ test/transformCode.test.ts:70:5

Error: Snapshot `single demo classTail > classTail.vue 1` mismatched - Expected + Received <script setup lang="ts"></script> + <template> <div class="container [&:focus-within]-bg-red [&:focus-within]-w-[100%]"> <div class="red bg-red w-[100%] lh-20px"> nihao </div> <div class="yellow"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ❯ test/transformCode.test.ts:60:5

Error: Snapshot `single demo classCombine > classCombine.vue 1` mismatched - Expected + Received <script setup lang="ts"></script> + <template> <div class="bg-red w-[100%] lh-20px"> <div class="red yellow bg-red w-[100%]"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ❯ test/transformCode.test.ts:50:5

Error: Snapshot `single demo classWeight > classWeight.vue 1` mismatched - Expected + Received <script setup lang="ts"> const nihao = ref(true) </script> + <template> <div class="red h-[100%] scale-150 bg-yellow w-[100%]" :class="[nihao?'w-10':'bg-red']"> nihao </div> <div>hi</div> </template> - <style scoped></style> + + <style scoped> + </style> ❯ test/transformCode.test.ts:40:5

Error: Snapshot `transformCode > transformCode: all 1` mismatched - Expected + Received @@ -2,108 +2,135 @@ " ----- classAdd.vue ------- <script setup lang="ts"></script> + <template> <div class="red bg-red w-[100%] lh-20px"> nihao </div> <div class="yellow bg-yellow! w-[100%] h-[100%]"> hi </div> </template> - <style scoped></style> + + <style scoped> + + .red + + + .red + + </style> ", " ----- classAttribute.vue ------- <script setup lang="ts"></script> + <template> <div class="red bg-red w-[100%] h-[100%]" name="hi" haha> nihao </div> <div class="yellow h-[100%]"> hi </div> </template> - <style scoped></style> + + <style scoped> + + .red + + </style> ", " ----- classChild.vue ------- <script setup lang="ts"></script> + <template> <div class="red bg-red w-[100%] lh-20px"> <div class="yellow bg-red w-[100%]"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- classCombine.vue ------- <script setup lang="ts"></script> + <template> <div class="bg-red w-[100%] lh-20px"> <div class="red yellow bg-red w-[100%]"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- classSpace.vue ------- <script setup lang="ts"></script> + <template> <div class="red bg-red w-[100%] lh-20px"> <div class="yellow bg-red! w-[100%]"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- classTail.vue ------- <script setup lang="ts"></script> + <template> <div class="container [&:focus-within]-bg-red [&:focus-within]-w-[100%]"> <div class="red bg-red w-[100%] lh-20px"> nihao </div> <div class="yellow"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- classWeight.vue ------- <script setup lang="ts"> const nihao = ref(true) </script> + <template> <div class="red h-[100%] scale-150 bg-yellow w-[100%]" :class="[nihao?'w-10':'bg-red']"> nihao </div> <div>hi</div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- complex-scss-for-loop.vue ------- @@ -1118,17 +1145,22 @@ </template> </div> </template> <style scoped> - .vue-inspector-banner {text-decoration: none} + + .vue-inspector-banner { + text-decoration: none} + .vue-inspector-container--disabled:hover .vue-inspector-banner { display: none; } + .vue-inspector-animated { transition: all 0.1s ease-in; } + @media (prefers-reduced-motion) { .vue-inspector-animated { transition: none !important; } } @@ -2741,18 +2773,21 @@ " ----- hover.vue ------- <script setup lang="ts"></script> + <template> <div class="bg-red w-[100%] lh-20px"> <div class="red [&:hover]-text-yellow"> hi </div> </div> </template> - <style scoped></style> + + <style scoped> + </style> ", " ----- import-deprecation-test.vue ------- @@ -2763,12 +2798,14 @@ <p class="content">This tests the fix for Sass @import deprecation warnings.</p> </div> </template> <style> + // 使用 @import 语法（会在新版本 Sass 中产生弃用警告） @import 'variables'; + // 模拟一些使用了 @import 的样式 .import-deprecation-test { background: $primary-color; .content { @@ -2782,12 +2819,14 @@ } margin: 20px; border: 1px solid $border-color; } + // 另一个使用 @import 的例子 @import 'mixins'; + .another-component { @include button-mixin; &:hover { opacity: 0.8; @@ -2807,12 +2846,14 @@ <UsePinia /> <br /> <router-link to="/login">点击跳转至login</router-link> </div> </template> + <script lang="ts"> import { defineComponent } from 'vue'; + export default defineComponent({ name: 'index', components: { }, setup()

Error: Snapshot `accent > accent-color: inherit; 1` mismatched - Expected + Received "--- export const prerender = true; --- + <main> <h1 class="red text-20px">hi </h1> </main> + + + " ❯ test/transformAstro.test.ts:11:40

Error: Snapshot `test-vue-2 > test-vue-2.vue 1` mismatched - Expected + Received @@ -1,8 +1,9 @@ "<script setup lang="ts"> // 这里可以添加你的逻辑 </script> + <template> <p class="font-bold">Track &amp; field champions:</p> <ul> <li>Adhemar da Silva</li> <li>Wang Junxia</li> @@ -22,7 +23,11 @@ <li>Paavo Nurmi</li> <li>Sergei Bubka</li> <li class="[&:last-child]:hover-border-2px [&:last-child]:hover-border-solid [&:last-child]:hover-border-orange">Usain Bolt</li> </ul> </template> - <style scoped></style> + + <style scoped> + + p+ + </style> " ❯ test/test-vue.test.ts:21:63

The macos-latest label will migrate to macOS 15 beginning August 4, 2025. For more information see https://github.com/actions/runner-images/issues/12520

The macos-latest label will migrate to macOS 15 beginning August 4, 2025. For more information see https://github.com/actions/runner-images/issues/12520