Я просто изучаю и пытаюсь протестировать свой javascript с помощью фреймворка Jasmine. Мой javascript просто устанавливает атрибут заполнителя текстовой области пустым.
function clearPlaceholderTextOnFocus(i) {
i.placeholder = '';
}
Я вызываю эту функцию для события onClick текстовой области. Я написал ниже код в спецификации Jasmine.
describe("Test suite for clearPlaceholderTextOnFocus",function(){
it("Should set placeholder to blank", function(){
var i=affix('textarea[name="message"][placeholder="write your message here..."]');
clearPlaceholderTextOnFocus(i);
var placeholderval = $('i').attr('placeholder');
expect(placeholderval).toHaveValue('');
});
});
Когда я запускаю этот код, дважды щелкнув SpecRunner.html, я получаю следующую ошибку:
TypeError: expect(...).toHaveValue не является функцией
Я также пробовал - expect(placeholderval).toEqual(""); но затем я получаю эту ошибку - Ожидается, что undefined будет равно ''.
Ниже мой файл SpecRunner.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jasmine Spec Runner v2.5.2</title>
<link rel="shortcut icon" type="image/png" href="lib/jasmine-2.5.2/jasmine_favicon.png">
<link rel="stylesheet" href="lib/jasmine-2.5.2/jasmine.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="lib/jasmine-2.5.2/jasmine.js"></script>
<script src="lib/jasmine-2.5.2/jasmine-html.js"></script>
<script src="lib/jasmine-2.5.2/boot.js"></script>
<script src="lib/jasmine-2.5.2/jasmine-jquery.js"></script>
<script src="lib/jasmine-2.5.2/jasmine-fixture.js"></script>
<!-- include source files here... -->
<script src="src/myfirst.js"></script>
<!-- include spec files here... -->
<script src="spec/myfirstSpec.js"></script>
</head>
<body>
</body>
</html>
Что не так с моим кодом спецификации? Как я могу получить значение заполнителя, чтобы проверить, пусто ли оно сейчас.