Chinaunix首页 | 论坛 | 博客

Web world

首页　| 　博文目录　| 　关于我

cici0208

  • 博客访问： 459407
  • 博文数量： 226
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 2111
  • 用 户 组： 普通用户
  • 注册时间： 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文（226）

文章存档

2020年（2）

2019年（1）

2018年（3）

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友
最近访客
推荐博文
使用Jasmine做Javascript和AnularJs测试

分类： JavaScript

2016-01-15 14:25:53


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Jasmine Test</title>

  7. <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.4.1/jasmine_favicon.png">
  8. <link rel="stylesheet" href="lib/jasmine-2.4.1/jasmine.css">

  10. <script src="lib/jasmine-2.4.1/jasmine.js"></script>
  11. <script src="lib/jasmine-2.4.1/jasmine-html.js"></script>
  12. <script src="lib/jasmine-2.4.1/boot.js"></script>

  14. <script src="src/cici.js"></script>
  15. <script src="spec/ciciSpec.js"></script>

  17. </head>
  18. <body>

  20. </body>
  21. </html>
  1. <script src="src/cici.js"></script>          //需要测试的function
  2. <script src="spec/ciciSpec.js"></script>      //测试期望

1. 做AngularJS测试:
cici.js

  1. function PhoneListCtrl($scope) {
  2.   $scope.phones = [
  3.     {"name": "Nexus S",
  4.      "snippet": "Fast just got faster with Nexus S."},
  5.     {"name": "Motorola XOOM? with Wi-Fi",
  6.      "snippet": "The Next, Next Generation tablet."},
  7.     {"name": "MOTOROLA XOOM?",
  8.      "snippet": "The Next, Next Generation tablet."}
  9.   ];
  10. }
ciciSpec.js

  1. describe('PhoneCat controllers', function() {

  3.   describe('PhoneListCtrl', function(){

  5.     it('should create "phones" model with 3 phones', function() {
  6.       var scope = {},
  7.       ctrl = new PhoneListCtrl(scope);

  9.       expect(scope.phones.length).toBe(3);
  10.     });
  11.   });
  12. });
结果

2.做Javascript测试
cici.js

  1. function maximizing(a,b){
  2.     if(a>b){
  3.         return a;
  4.     }else{
  5.         return b;
  6.     }
  7. }
ciciSpec.js

  1. describe("cici specs",function(){
  2.     it("test maximizing",function(){
  3.         expect(maximizing(3,5)).toEqual(5);
  4.     })
  5. })
结果

阅读(1096) | 评论(0) | 转发(0) |
0

上一篇：validate自定义验证方法

下一篇：Js动态改变图片显示大小

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6