У меня есть html:
<!DOCTYPE html>
<html>
<head>
<title>Writing JavaScript test cases with Jasmine framework - Sibeesh Passion</title>
<meta charset="utf-8" />
<link href="Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<link href="Content/themes/base/base.css" rel="stylesheet" />
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script src="Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="Scripts/Index.js"></script>
</head>
<body>
<button id="ajaxBtn">Call Ajax</button>
<p class="text">Replace me!!</p>
</body>
</html>
, и я хочу проверить кнопку «CallAjax» с помощью среды тестирования Jasmine.
Я разрабатываю ее как приложение MVC в Visual Studio 2017
мой файл main.js выглядит следующим образом:
$(document).ready(function () {
$("#ajaxBtn").click(function () {
$('.text').text('loading . . .');
$.ajax({
type: "GET",
url: "https://api.meetup.com/2/cities",
success: function (data) {
$('.text').text(JSON.stringify(data));
},
dataType: 'jsonp'
});
});
});
и, наконец, файл js теста, в котором я пытаюсь выполнить тестирование:
describe("Click button for ajax", function () {
it("handle a click event", function () {
spyOnEvent('#ajaxBtn', 'click');
$("#ajaxBtn").trigger("click");
expect('click').toHaveBeenTriggeredOn('#ajaxBtn');
});
});
Ошибка в выводе:
Сообщение: ReferenceError: Невозможно найти переменную: spyOnEvent
Я нашел в документации, что это вещь spyOnEvent.Я не понимаю?У кого-нибудь возникла эта проблема?
Я установил nuget из github jasmine