Process completed with exit code 1.

Error: Snapshot `transformCode > transformCode: all 1` mismatched - Expected + Received @@ -106,11 +106,11 @@ " ----- complex-scss-for-loop.vue ------- <template> - <div class="home-container layout-pd overflow-hidden"> + <div class="home-container layout-pd"> <el-row :gutter="15" class="home-card-one mb15"> <el-col :xs="24" :sm="12" :md="12" @@ -118,44 +118,44 @@ :xl="6" v-for="(v, k) in state.homeOne" :key="k" :class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }" > - <div class="home-card-item flex w-[100%] h-130px rounded-[4px] transition-all transition-ease-[ease] transition-duration-0.3s p-20px overflow-hidden bg-[var(--el-color-white)] text-[var(--el-text-color-primary)] border-1px border-solid border-[var(--next-border-color-light)]"> + <div class="home-card-item flex"> <div class="flex-margin flex w100" :class="` home-one-animation${k}`"> <div class="flex-auto"> <span class="font30">{{ v.num1 }}</span> <span class="ml5 font16" :style="{ color: v.color1 }">{{ v.num2 }}%</span> <div class="mt10">{{ v.num3 }}</div> </div> - <div class="home-card-item-icon flex w-70px h-70px rounded-[100%] shrink-1" :style="{ background: `var(${v.color2})` }"> - <i class="flex-margin font32 text-[var(--el-text-color-placeholder)]" :class="v.num4" :style="{ color: `var(${v.color3})` }"></i> + <div class="home-card-item-icon flex" :style="{ background: `var(${v.color2})` }"> + <i class="flex-margin font32" :class="v.num4" :style="{ color: `var(${v.color3})` }"></i> </div> </div> </div> </el-col> </el-row> <el-row :gutter="15" class="home-card-two mb15"> <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16"> - <div class="home-card-item w-[100%] h-400px rounded-[4px] transition-all transition-ease-[ease] transition-duration-0.3s p-20px overflow-hidden bg-[var(--el-color-white)] text-[var(--el-text-color-primary)] border-1px border-solid border-[var(--next-border-color-light)]"> + <div class="home-card-item"> <div class="h-[100%]" ref="homeLineRef"></div> </div> </el-col> <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8" class="home-media"> - <div class="home-card-item w-[100%] h-400px rounded-[4px] transition-all transition-ease-[ease] transition-duration-0.3s p-20px overflow-hidden bg-[var(--el-color-white)] text-[var(--el-text-color-primary)] border-1px border-solid border-[var(--next-border-color-light)]"> + <div class="home-card-item"> <div class="h-[100%]" ref="homePieRef"></div> </div> </el-col> </el-row> <el-row :gutter="15" class="home-card-three"> <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8"> - <div class="home-card-item w-[100%] h-400px rounded-[4px] transition-all transition-ease-[ease] transition-duration-0.3s p-20px overflow-hidden bg-[var(--el-color-white)] text-[var(--el-text-color-primary)] border-1px border-solid border-[var(--next-border-color-light)]"> - <div class="home-card-item-title text-15px font-bold h-30px">快捷导航工具</div> - <div class="home-monitor h-[100%]"> + <div class="home-card-item"> + <div class="home-card-item-title">快捷导航工具</div> + <div class="home-monitor"> <div class="flex-warp"> - <div class="flex-warp-item w-[25%] h-111px flex" v-for="(v, k) in state.homeThree" :key="k"> - <div class="flex-warp-item-box m-auto text-center text-[var(--el-text-color-primary)] flex rounded-[5px] bg-[var(--next-bg-color)] cursor-pointer transition-all transition-duration-0.3s transition-ease-[ease] [&:hover,_.home-container_.home-card-three_.home-card-item_.home-monitor_.flex-warp-item_.flex-warp-item-box]:hover-bg-[var(--el-color-primary-light-9)] [&:hover,_.home-container_.home-card-three_.home-card-item_.home-monitor_.flex-warp-item_.flex-warp-item-box]:hover-transition='all [&:hover,_.home-container_.home-card-three_.home-card-item_.home-monitor_.flex-warp-item_.flex-warp-item-b

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; } } @@ -2776,18 +2808,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 ------- @@ -2798,12 +2833,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 { @@ -2817,12 +2854,14 @@ } margin: 20px; border: 1px solid $border-color; } + // 另一个使用 @import 的例子 @import 'mixins'; + .another-component { @include button-mixin; &:hover { opacity: 0.8; @@ -2842,12 +2881,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