小编hnr*_*nrd的帖子

我正在为我的应用程序使用 Vue 3 和 Vue-Router，并且在使用 Jest 对使用 的组件创建单元测试时遇到问题useRoute()，如下所示：

<template>
    <div :class="{ 'grey-background': !isHomeView }" />
</template>

<script lang="ts">
import { defineComponent, computed } from 'vue';
import { useRoute } from 'vue-router';

export default defineComponent({
    setup: () => {
        const isHomeView = computed(() => {
            return useRoute().name === 'Home';
        });

        return {
            isHomeView,
        };
    },
});
</script>

该computed属性为 using useRoute()，并且在模板中使用。当我对此组件进行 Jest 测试时，会抛出一个错误，提示TypeError: Cannot read property 'name' of undefined。

我尝试useRoute像这样嘲笑 : jest.mock('vue-router', () …

我在 vue.js 项目上使用 Primevue，并通过以下方式导入主题 Deep Purple：

import 'primevue/resources/themes/mdc-light-deeppurple/theme.css';

现在我只想用自定义颜色修改主题（#673AB7）中的原色集。

我怎样才能做到这一点 ？