Fatal编程技术网
  • javascript/
  • Javascript单元测试一个简单的文件

Javascript单元测试一个简单的文件

javascript html unit-testing

Javascript单元测试一个简单的文件,javascript,html,unit-testing,jsdom,Javascript,Html,Unit Testing,Jsdom,我有一个简单的应用程序，我正试图为它编写一个单元测试。我想对下面示例代码中的帮助按钮进行单元测试，以确保加载状态变为空字符串。然而，我不知道如何让一个假的DOM工作。我尝试过jsdom、jsdomifiy、JSDOMGlobal等等。我总是以appStatus未定义而告终，然后我无法设置innerHTML属性。我正在尝试使用因果报应和摩卡，但如果有更好的方法，请让我知道。我没有真正的package.json可以共享，因为我已经尝试了很多东西 var-appStatus=document.get

我有一个简单的应用程序，我正试图为它编写一个单元测试。我想对下面示例代码中的帮助按钮进行单元测试，以确保加载状态变为空字符串。然而，我不知道如何让一个假的DOM工作。我尝试过jsdom、jsdomifiy、JSDOMGlobal等等。我总是以appStatus未定义而告终，然后我无法设置innerHTML属性。我正在尝试使用因果报应和摩卡，但如果有更好的方法，请让我知道。我没有真正的package.json可以共享，因为我已经尝试了很多东西

var-appStatus=document.getElementById（'appStatus'）；
appStatus.innerHTML='正在加载应用程序…'；
函数帮助（）{
log（'help clicked'）；
appStatus.innerHTML=''；
}

应用程序
帮助

.getElementById（）
返回具有给定id的元素或
null
但决不
未定义的
必须在DOM中的元素可用后执行->是抱歉，我的意思是appStatus.innerHTML未定义。从单元测试的角度来看，如何确保DOM首先可用？“appStatus.innerHTML是
未定义的
”，这只有在
.getElementById（）
返回一些奇怪的非标准值时才可能。正是因为我的单元测试DOM设置不正确。这就是我要问的，如何设置？