如何在茉莉花测试中添加DOM元素,而不使用外部html文件？

概述我正在写一些简单的茉莉花测试,我收到一个例外,因为我正在测试的代码正在寻找一个不存在的表单,因为在测试js文件时没有DOM：$(“form”)[ 0]在测试的js文件中导致： TypeError: $(...)[0] is undefined 我读了一点关于jasmine-jquery,意识到我可以使用一些html fixture与一个外部html文件.这个流程似乎相当凌乱,因为我需要做的只是添加 我正在写一些简单的茉莉花测试,我收到一个例外,因为我正在测试的代码正在寻找一个不存在的表单,因为在测试Js文件时没有DOM：$(“form”)[ 0]在测试的Js文件中导致：

TypeError: $(...)[0] is undefined

我读了一点关于jasmine-jquery,意识到我可以使用一些HTML fixture与一个外部HTML文件.这个流程似乎相当凌乱,因为我需要做的只是添加一个空的有效表单,以便测试(重点放在别的东西)上运行,像< form>< / form>追加就足够了,我想.

起初我以为sandBox()函数将是解决方案,但它似乎只创建了div,而且我需要一个表单.

任何简单的方式来添加一些元素,只使用茉莉花spec文件中的代码？

解决方法 最简单的解决方案是将自己的表单添加到前一个块中,然后在后一个块中将其删除：

describe(function(){  var form;  beforeEach(function(){    form = $('<form>');    $(document.body).append(form);  });  it('your test',function(){  })  afterEach(function(){   form.remove();   form = null;  });});

同时写你的沙箱帮手并不那么难：

function sandBox(HTML){  var el;  beforeEach(function(){    el = $(HTML);    $(document.body).append(el);  });  afterEach(function(){   el.remove();   el = null;});

总结

以上是内存溢出为你收集整理的如何在茉莉花测试中添加DOM元素,而不使用外部html文件？全部内容，希望文章能够帮你解决如何在茉莉花测试中添加DOM元素,而不使用外部html文件？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。