jasmine前端测试框架教程

浪子不回头ぞ 提交于 2019-12-05 15:30:41

一、简介

jasmine是一个用来编写Javascript测试的框架,它不依赖于任何其它的javascript框架。它有拥有灵巧而明确的语法可以让你轻松的编写测试代码。

二、下载地址

https://github.com/jasmine/jasmine/releases

三、使用方式

上代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.11.3.js"></script>
<link rel="stylesheet" type="text/css" href="jasmine-2.8.0/jasmine.css">
<script src="jasmine-2.8.0/jasmine.js"></script>
<script src="jasmine-2.8.0/jasmine-html.js"></script>
<script src="jasmine-2.8.0/boot.js"></script>
</head>
<body>

	<script>
		function get1() {
			$.getJSON("http://localhost:8080/test/get").then(function(result) {
				console.log(result);
			});
		}

		// 每一个测试用例的超时时间
		jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000;

		// 请求的接口的前缀 // http://localhost:8080/test
		var base = "/ajaxserverapache";

		//测试模块
		describe("ajax", function() {
			// 测试方法
			it("get请求", function(done) {
				// 服务器返回的结果
				var result;

				$.getJSON(base + "/get").then(function(jsonObj) {
					result = jsonObj;
				});

				// 由于是异步请求,需要使用setTimeout来校验
				setTimeout(function() {
					expect(result).toEqual({
						"data" : "get ok"
					});

					// 校验完成,通知jasmine框架
					done();
				}, 100);
			});
                    });
	</script>

</body>
</html>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!