У меня есть простое приложение, для которого я пытаюсь написать модульный тест. Я хочу выполнить модульное тестирование кнопки справки в приведенном ниже примере кода, чтобы убедиться, что состояние загрузки становится пустой строкой. Тем не менее, я не могу понять, как заставить работать поддельный DOM. Я пробовал jsdom, jsdomifiy, jsdom-global и т. Д. Я всегда заканчиваю с неопределенностью appStatus, тогда я не могу установить свойство innerHTML. Я пытаюсь использовать карму и мокко, но если есть лучший способ, пожалуйста, дайте мне знать. На самом деле у меня нет файла package.json, которым я мог бы поделиться, потому что я пробовал так много вещей.
var appStatus = document.getElementById('appStatus');
appStatus.innerHTML = 'Loading your app...';
function help() {
console.log('help clicked');
appStatus.innerHTML = '';
}
<!DOCTYPE html>
<html>
<head>
<title>App</title>
</head>
<body>
<span id="appStatus"></span>
<button onclick="help()">Help</button>
</body>
</html>