Vue.js应用测试
上QQ阅读APP看书,第一时间看更新

1.3 编写Hacker News应用程序

我第一次学习前端应用程序测试时,是从教程中学会如何为小应用程序编写测试的。这些教程对学习技术很有用,但是它们没有解答任何有关测试大型实际应用程序环境时所遇到的问题,我只能自寻答案。在本书中,我将教你如何从头至尾测试一个应用程序,你将要为与现实应用完全一样的Hacker News克隆编写测试。

图1.3 Hacker News网站

Hacker News是一个社交新闻网站。它为一些项目(如新闻、博文和工作列表等)提供动态信息流(图1.3)。用户可以对某个项目投支持票以提高其得分,也可以对某个项目投反对票以降低其得分。如果你使用过Reddit,会对这个概念比较熟悉。

注释 了解Hacker News的最好方法是亲自访问一下该网站——https://news.ycombinator.com

本书中,不需要你实现一个投票系统,那种复杂程度远超出了Vue应用程序测试的范围。你要做的是使用Hacker News API中的真实数据实现项目显示、评论及用户设置功能。

Hacker News克隆会将Vue用于视图部分,Vuex用于state管理,Vue Router用于客户端路由。如果你之前没有使用过Vuex或Vue Router,请不要担心,我将在本书后面详细介绍它们。

Hacker News克隆是一个非常适合传授如何测试Vue的应用程序。它足够复杂,可以从中学习先进的测试技术,但又足够简单,避免陷入设计细节。

现在你已经知道自己要做什么了,是时候说一说Vue了。对于一本关于测试Vue的书,好像已经很久没有提及它了!