如何自动测试是否将所有必需的属性提供给子组件？

问题描述

我们反复遇到我们的Vuejs应用程序的问题，其中并非所有必需的属性都传递给子组件。

使用Typescript和vue-property-decorator的简短示例。

SELECT 
    [Measures].[distinct Count SKU]
ON 0,DESCENDANTS(
            [Filter Place].[Location].[All],SELF_AND_AFTER    
        )
ON 1
FROM 
    [STOCK]

@Component
export default class MyChildComponent extends Vue {
  @Prop({ required: true }) text: string
}

当尝试在浏览器中显示此类组件时，问题通常会变得很明显，并且控制台会记录错误。但是，这需要有人实际访问包含带有所需道具的组件的所有页面，从而导致大量的手动工作。

是否可以确保设置必需的道具？

我们正在使用vue-test-utils测试我们的Vue组件，并使用shallowMount在测试中构造我们的父组件。

我可以想到两种可以接受的方式，但是我不知道如何实现它们：

单元测试
警告未提供的属性的线性规则

其他方式也可以接受，但是它必须是可自动化的，并且不能通过测试或破坏构建。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

vue-test-utils vue.js