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:81:63

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:73:63

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:65:63

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:57:63

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:49:63

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:41:63

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:33:74

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> ", " ----- demo1.vue ------- @@ -830,18 +857,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> ", " ----- less.vue ------- @@ -850,12 +880,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() { @@ -881,33 +913,43 @@ 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> ", " ----- nth.vue ------- <script setup lang="ts"></script> + <template> <div class="bg-red w-[100%] lh-20px" id="test"> <div class="red yellow green nth-last-[1]-text-yellow"> n1 </div> <div class="red"> n2 </div> </div> </template> - <style scoped></style> + + <style scoped> + + #test div.red.yellow.green:nth-last-child(1) + </style> ", " ----- sass-builtin-test.vue ------- @@ -958,34 +1000,43 @@ " ----- styleMaxWidth.vue ------- <script setup lang="ts"></script> + <template> <div class="red"> nihao </div> <div class="yellow max-w-[calc(100%-50px)] bg-[rgba(255,62,0,0.1)]"> hi </div> </template> - <style scoped></style> + + <style scoped> + + .r

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