DefinePageMeta将如何在vitest上嘲笑？

Question

我正在尝试 vitest 为我的应用程序编写UTS，该应用在VUE顶部具有NUXT。

但是，当试图模拟test.vue时，我会得到定义的定义。

这是我的 component test.vue -

<script setup lang="ts">
definePageMeta({
  layout: 'xyz',
  title: 'test component',
});
</script>

<template>
  <div>
    <h1>Hello World</h1>
  </div>
</template>

这是我的UT文件，名为test.spec.ts如下 -

import { describe, expect, it } from 'vitest';

import Index from '../pages/test.vue';
import { mount } from '@vue/test-utils';

describe('renders the test component', () => {
  it('renders properly', () => {
    const wrapper = mount(Index);
    expect(wrapper.text()).toContain('Hello Vitest');
  });
});

这是我得到的错误-

Answer 1

可以找到答案 stackoverflow defin”> shere stackoverflow atect stackoverflow问题

：import {definepagemeta}从'#imports''

添加此resolve.alias.alias和setupfiles以及setUpfiles

export default defineConfig({
 test: {
    setupFiles: 'setup-tests.ts',
  },
  resolve: {
    alias: {
       '#imports': '<rootDir>/.nuxt/imports.d.ts',
    }
  }
})

，最后将其添加到setup-tests.js。

vi.mock('#imports', () => ({
  definePageMeta: (meta: any) => {},
}))

基本上导入以下内容 深度信息