JavaScript 在 Jasmine 测试中失败

Question

我不明白为什么 Jasmine 测试框架在尝试读取 div #2 - div# 5 中这些元素的 classList 属性时说我的“childElement”元素未定义。Div #1 不会引发任何错误，但其余的都这样做。所以我想知道这是否可以帮助某人找出问题所在。

以下是其中一项不起作用的测试的代码:

describe('Div #2', function() {

  var tag = 'div';
  var element = document.getElementsByTagName(tag)[1];
  var childElement = element.getElementsByTagName(tag)[1];

  var utilityClass = 'align-self-center';
  var hasUtilityClass = null;

  it('should have the class "' + utilityClass + '".', function() {
    hasUtilityClass = childElement.classList.contains(utilityClass);
    expect(hasUtilityClass).toBe(true);
  });

});

您可以在这里看到我的完整代码:http://codepen.io/jeppeschaumburg/pen/zNyLOK

Answer 1

var element = document.getElementsByTagName(tag)[1];是:

<div class="align-self-start">Flex item 1</div>

所以里面没有子元素。然后它是未定义

尝试使用 chrome/firefox 调试窗口单步执行代码以查看问题所在。