首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何Vue-cli开始使用在Vue.js项目中启动TDD(测试驱动开发)

在最开始,我们引入Vue和HelloWorld的组件可以用在测试。接下来,我们使用**describe()功能,封装测试断言。我们的主张是在it()**函数中定义。这是我们可以看到组件测试的地方。...在这里,我们期待着里面的文字,在你的vue.js程序中设置**.hello** 中的h1为“Welcome to Your Vue.js App.”。“这是真的吗?”...然后,在28行我们看到,信息是我们预期的字符串:“Welcome to Your Vue.js App.”看起来我们的测试像是正确的!...让我们把这种方法用在我们的HelloWorld组件。我们期望什么样的行为?我们希望它能提供一组静态信息,而我们当前的测试涵盖了。如果动态MSG不呈现,那么我们可以相当肯定我们的内容渲染会有问题。...其他一些很棒的资源是mocha入门指南也有免费的内容和vue.js测试文档。 当然,我们都知道最好的学习方法就是继续练习。所以,对于你的下一个项目或者全新的组件,试着设置测试并给它一个点赞。

1.2K10
领券