fix: check element match snapshot instead of wrapper

.github/workflows/ci.yaml

@@ -41,7 +41,7 @@ jobs:
         run: pnpm lint
 
       - name: Run formatter 
-        run: pnpm format 
+        run: pnpm format
 
       - name: Run unit tests 
         run: pnpm run test:unit 

index.d.ts

@@ -1,4 +1,5 @@
 declare module '*.svg?component' {
   const value: string;
   export default value;
-}
+}
+declare module '*.vue';

src/components/Footer/WFooter.spec.ts

@@ -75,6 +75,6 @@ describe('WFooter', () => {
       }
     })
 
-    expect(wrapper).toMatchSnapshot()
+    expect(wrapper.element).toMatchSnapshot()
   })
 })

src/components/Footer/WFooter.vue

@@ -59,8 +59,8 @@
 import AdoIcon from '@/assets/svg/ado.svg?component'
 import WitOracleIcon from '@/assets/svg/witnet-logo-dark.svg?component'
 import { FooterSection } from './WFooter.ts'
-import LicenseText from './LicenseText.vue'
-import WSection from '../Section/WSection.vue'
+import LicenseText from '@/components/Footer/LicenseText.vue'
+import WSection from '@/components/Section/WSection.vue'
 import { PropType } from 'vue'
 
 const ADO_URL = 'https://github.com/adoracles/'

vitest.config.ts

@@ -7,6 +7,9 @@ export default mergeConfig(
   defineConfig({
     test: {
       environment: 'jsdom',
+      snapshotFormat: {
+        printBasicPrototype: true
+      },
       exclude: [...configDefaults.exclude, 'e2e/**'],
       root: fileURLToPath(new URL('./', import.meta.url))
     }