jasminejavascript测试框架的评估问题

我遇到了Jasmine（2.4版）JavaScript测试框架的问题

我正在udemy.com上创建一个课程，但是在线检查程序不会接受我代码的最后一部分，我使用的是Jasmine的“expect（variable）.toBe（true）；”函数

describe('A div with class', function() {
  var parent = document.getElementsByClassName('media')[0];

  it('"media" should exist.', function() {
    expect(parent).toBeDefined();
  });

  var child = document.getElementsByClassName('media-body')[0];

  it('"media-body" should exist.', function() {
    expect(child).toBeDefined();
  });

});

describe('A div with class "media"', function() {
  var parent = document.getElementsByClassName('media')[0];
  var child = document.getElementsByClassName('media-body')[0];

  var answer;

  if (parent.firstChild == child) {
    answer = true;
  } else {
    answer = false;
  }

  it('should have a div with class "media-body" as its child.', function() {
    expect(answer).toBe(true);
  });

});

udemy.com页面的测试输出为：

类为“media”的div应将类为“media body”的div作为其子级

预期假为真”

我的更新代码现在运行良好：

describe('A div with the class', function() {

var class1 = 'media';
var failClass1 = '"' + class1 + '"' + ' should exist.'

var class2 = 'media-body';
var failClass2 = '"' + class2 + '"' + ' should exist.'

var element1 = null;
var element2 = null;

var relationship1_2 = null;
var failRelationship = '"' + class2 + '"' + ' should be nested in a div with the class "' + class1 + '".'

beforeEach(function() {
  element1 = document.getElementsByClassName(class1)[0];
  element2 = document.getElementsByClassName(class2)[0];
  relationship1_2 = element1.contains(element2);
})

it(failClass1, function() {
  expect(element1).toBeDefined();
});

it(failClass2, function() {
  expect(element2).toBeDefined();
});

it(failRelationship, function() {
  expect(relationship1_2).toBe(true);
});

---

}))

我建议使用beforeach块重新组织它，如下例所示：

describe('testing media tag hierarchy', function() {

  var parent = null;

  beforeEach(function() {
    parent = document.getElementsByClassName('media')[0];
  })

  it('"media" should exist.', function() {
    expect(parent).toBeDefined();
  });

  it('should have a div with class "media-body" as its child.', function() {
    expect(parent.firstChild.hasClass('media-body')).toBeTruthy();
  });
});

---

我不确定这是否能解决您的问题，但它可能。。。阅读起来更容易。

不确定原因，但无论如何，您可能希望重写为

expect（parent.firstChild==child）.toBe（true）并为自己保存6行代码。这样更容易阅读，是的，但不幸的是，这并不能解决我的问题。现在测试输出显示“预期HTMLNode为HTMLNode”。对我没什么帮助。我一直在想，是udemy.com上的实现导致了这些错误，还是真的是我（和你）做得不对。还有其他线索吗？问题似乎是因为物体不一样。因为您只想检查元素是否有“media body”标记，也许我们可以更新示例来检查它，而不是比较对象。我会更新它，你告诉我它是否有用：）我让它与其他代码一起工作。不幸的是，我不能在这个评论中发布代码，因为它太长了，但是你可以在我最初的帖子底部看到我的新代码和工作代码。我还没有尝试过你更新的示例，但它似乎也是一个可能的解决方案！