茉莉测试中的JavaScript失败

Question

我无法弄清楚为什么在尝试读取Div＃2 -Div -div＃5中的这些元素的classList属性时，为什么茉莉测试框架说我的"儿童"元素是不确定的。＃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>

因此，其中没有子元素。然后是undefined

尝试使用Chrome/Firefox调试窗口逐步浏览您的代码以查看问题的位置。

Answer 2

您可能需要考虑使用getElementsByClassName的定位来获取所有d-flex example-alignSelf类别为类别的容器，然后寻找您的测试用例。