2017-01-26 23 views
0

Я написал следующий HTML-файл:Жасмин: Как проверить вход пользователя?

<!DOCTYPE html> <html lang="en"> <head> 
    <meta charset="UTF-8"> 
    <title></title> </head> <body> 
    <h1> HELLO WORLD </h1> 
    <button type="button"> CLICK HERE</button> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $('button').click(function() { 
      $('h1').text("Thank you"); 
      var ans = prompt("Please type your age"); 
      if (ans > 80) { 
       $('h1').text("You're old"); 
      } 
     }) 
    </script> </body> </html> 

Я хочу, чтобы проверить, что когда пользователь нажимает на кнопку, и дает возраст старше 80 лет, страница ведет себя как ожидалось, и h1-теги текст изменений " Вы старый".

Мой вопрос заключается в том, как написать спецификацию Jasmine для проверки этой функции?

ответ

1

Вам нужно использовать объект «Шпион» для перехвата «подсказки» и вернуть свое собственное значение. После проверки текста подписи. Код может быть похож на ...

deascribe("test inline function:", function() { 
    it("caption should be 'too old' for age of more than 80", function() { 
    spyOn(window, 'prompt').and.returnValue(81); 
    $('button').click(); 
    expect($('h1').text()).toBe("You're old"); 
    }); 
});