Я новичок в модульном тестировании 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 (). Казалось, ни одно из предложенных мной решений не сработало.