我正在尝试为一个简单的javascript插件编写一些单元测试,基本上看起来像这样:
function loadElement() {
var elt = $("<div></div>").attr("class", "foo").html("bar");
$(".my.awesome.classes").append(elt);
}
$(document).ready(function() {
loadElement();
});
我编写了一个如下所示的测试文件:
var html = `
<div class="my awesome classes">
<div class="not-foo">
<p>Hello!</p>
</div>
</div>
`;
before(() => {
serverOnReady = sinon.fakeServer.create();
$('body').append(html);
});
it('should add element', () => {
let outerDiv = $('.my.awesome.classes');
let innerDiv = $(outerDiv).find('.foo');
expect(innerDiv).to.be.undefined;
// Trigger page loading here somehow
innerDiv = $(outerDiv).find('.foo');
expect(innerDiv).to.not.be.undefined;
});
如何触发$(document).ready()
?我需要在评论中写些什么?
我完全承认,我可能已经完全搞砸了这里的一切,并且以错误的方式行事。随时指出。