Модульный тест жасмина для атрибута HTML-элемента, который изменяется в setTimeout () - PullRequest
0 голосов
/ 27 августа 2018

Я новичок в модульном тестировании Jasmine, и я не могу обойти эту проблему, и я не смог найти решение с помощью поиска в Google.

Пользователь нажимает кнопку, которая меняет свойство display с «none» на «block», а затем сбрасывает его на «none» в setTimeout ()

HTML:

<div style="display: none" [attr.id]="'copy-tooltip' + rowIndex">VIN Copied</div>
<button (click)="showTooltip(rowIndex)">Show Tooltip<button>

TS:

showTooltip(index: number){
    var elem = document.getElementById('copy-tooltip' + index);
    elem.style.display = "block";
    setTimeout( () => {
      elem.style.display = "none";
    }, 2500);
}

Мне нужно написать модульный тест, который создает фиктивный HTML-элемент с идентификатором «copy-tooltip0», затем проверить a), что он устанавливает display в «block», и б), что он устанавливает display «Нет» после setTimeout (). Казалось, ни одно из предложенных мной решений не сработало.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...