带有参数的Jest Test Vue Getter

时间:2019-09-06 20:47:48

标签: vue.js jestjs

我有一个带有get函数的Vue JS组件,如下所示:

get fruitBox(): Fruit[] {

        return sortByName(

            this.$store.getters.fruitsById(

                this.fruitCategory.id
            )
        );
    }

this.fruitCategory.id作为第二个参数传递给getter,就像这样:

export const getters = {

    fruitsById: (state: OrderState) => (fruitCategory: string) => {

        return doSomeOperationsWithFruitsHere   

    }

};

从Firebase订阅中更新水果时,将获取水果类别:

    @Watch("fruitBox")
    onMasterOrdersUpdate() {

        this.fruitCategory = this.defaultFruitCategory;
    }

因此需要Firebase来获取获取fruitCategory.id所需的默认值,然后将其作为第二个参数传递给getter。

长话短说,我的问题是:如何在Jest中模拟获得fruitBox()?我想避免模拟计算值,因为我想测试其余元素如何响应使用计算值的更改。

0 个答案:

没有答案