-
写在前面:
这是笔者首次使用tdd的方式编写程序,也是首次编写一个较为复杂的javascript程序。对于编程经验欠缺的人而言,这无疑是一个不小的挑战。最终,通过反复浏览李小波老师的编程视频,还是顺利编写出了FREQUENCY NUMBER的程序。
-
开发环境:
-
为什么使用git?
编程时使用git作为文件版本控制系统相比svn等有着不可比拟的优势。
git分支管理的操作全部由指针实现,这使得无论版本库里有多少文件,git创建分支的速度都只需不到一秒。
并且作为分布式版本控制系统,git无需联网便可工作,工作并不依赖于中央服务器,这大大提高了系统的安全性和程序员的工作效率。
git小技巧:配置别名
如果想用git st
来表示git status
,只需在终端键入以下命令:
$ git config --global alias.st status
便可使用git st
作为git status
的简写了!
ps:合理地配置别名能够大量提高工作效率
-
git学习推荐阅读:Git教程-廖雪峰
廖雪峰老师以风趣幽默的语言对git做了深入浅出的介绍和简洁明了的示例,相信你阅读后会迅速上手git。
-
配置jasmine的一些操作
安装好jasmine后,在spec/support目录下可看到配置文件jasmine.json,其中可以自定义各种参数:
{
"spec_dir": "spec",
"spec_files": [
"**/*[sS]pec.js"
],
"helpers": [
"helpers/**/*.js"
],
"stopSpecOnExpectationFailure": false,
"random": false
}
其中
spec_dir: 指定扫描测试文件的根目录
spec_files: 匹配测试文件的表达式
helpers: Helper 文件会在所有的 spec 之前预先执行
stopSpecOnExpectationFailure: 当有错误出现时是否终止所有测试
random: 是否打乱测试顺序
有关jasmine配置的详尽教程请参阅:使用jasmine测试node项目-赵小吉
-
使用jasmine-spec-reporter获得更具体的测试信息
我们在使用jasmine时发现,jasmine反馈的通过的测试信息仅仅由几个绿色的小点表示,这样的显示不利于我们调试。这时我们可以安装jasmine-spec-reporter模块来解决这个问题。
首先在终端里键入以下代码在本地安装jasmine-spec-reporter
sudo npm install jasmine-spec-reporter --save-dev```
然后在/spec/目录下新建名为helpers的文件夹,在其中创建reporter.js文件
*code:*
const SpecReporter = require('jasmine-spec-reporter').SpecReporter;
jasmine.getEnv().clearReporters(); // remove default reporter logs
jasmine.getEnv().addReporter(new SpecReporter({ // add jasmine-spec-reporter
spec: {
displayPending: true
}
}));
最后,让我们来检测一下是否配置成功:
![spec-reporter](http://upload-images.jianshu.io/upload_images/5351401-0f3fd33e1030eccf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
可以看到,每一个测试的详细信息都显示在了屏幕上。
至此,便可以使用spec-reporter的便利功能了!
如果还想更深一步了解jasmine-spec-reporter,建议访问[jasmine-spec-reporter官方网站](https://www.npmjs.com/package/jasmine-spec-reporter)
***
* **接下来贴出测试程序和主程序代码:**
![主程序](http://upload-images.jianshu.io/upload_images/5351401-65d2193eba99934b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![测试程序](http://upload-images.jianshu.io/upload_images/5351401-322f4c1237366065.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
***
* jasmine运行结果:
![result](http://upload-images.jianshu.io/upload_images/5351401-90be387693e7be71.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
* git log:
![git log](http://upload-images.jianshu.io/upload_images/5351401-c4122854f74ef1fa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
***
对于js语言不熟悉的朋友,可以参阅[javascript参考手册](http://www.w3school.com.cn/jsref/),其中对于JavaScript本地对象和内置对象以及BOM等都有细致的阐述。
***
* **结语:**
TDD 测试驱动开发(Test-Driven Development)作为敏捷开发的核心技术,能够得到如此多的人的肯定不是没有理由的。tdd使得编程具有了目的性,这样写出的代码便于维护且可读性高。但正所谓天下没有免费的午餐,要想享用tdd这顿大餐,应当对编程语言有深入的理解。否则便会像笔者一样,在编写过程中处处碰壁,最后还得借助小波老师的编程视频இдஇ。