Jasmine (js)测试了一个具有完整js功能的简单html/js页面

jasmine(js) tests for a simple html/js page with full js functionality

本文关键字:js 功能 简单 页面 html 测试 Jasmine 一个      更新时间:2023-09-26

我有一个html/js(jquery)应用程序,具有以下功能:

当一个按钮被点击时,一个模态打开并显示输入细节,我们可以输入并提交它们。提交的详细信息将存储在localstorage中,并自动使用新内容呈现页面。

输入我们制作的条目在页面上显示为一行。

就是这样!

我想为它写测试。那么,我需要为这个应用编写什么测试呢?

  1. 只测试每个函数返回的内容。
  2. 测试app的功能,例如添加一些样例条目,检查是否按要求显示在页面上。
  3. 还有其他的吗?
顺便问一下,茉莉花适合这种类型的应用程序吗?

Jasmine非常适合这类应用程序,您可能希望将其与测试运行器(如Karma JS)结合使用。在某种意义上,你需要写:1. 小而集中的单元测试,尽可能多地模拟未测试的功能,如服务器端调用。对于这个,我使用Karma/Jasmine/Sinon。2. 功能/UI/集成测试使用自动化框架,如Casper JS驱动PhantomJS来模拟实际的用户交互。3.确保你有良好的代码覆盖,Karma的代码覆盖插件运行伊斯坦布尔(包括)。