gpt4 book ai didi

javascript - 使用 Jasmine 测试 DOM 操作

转载 作者:行者123 更新时间:2023-12-02 22:29:07 25 4
gpt4 key购买 nike

我正在创建一个 JS 小部件,第一部分是使用 javascript 添加脚本,如下所示(来自谷歌分析的示例):

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

如何用 jasmine 测试它(使用固定装置)?

最佳答案

为了在我的规范中设置 HTML 固定装置,我写了 jasmine-fixture 。有了它,你可以做这样的事情:

var $foo, $input;
beforeEach(function(){
$foo = affix('.foo');
# appends to the DOM <div class="foo"></div>
$input = $foo.affix('input[id="name"][value="Jim"]');
# appends <input id="name" value="Jim"/> beneath the .foo div

而 afterEach,它会在你之后进行清理。

对于 DOM 状态的期望,我使用 jasmine-jquery 。它提供了大量的匹配器,如下所示:

it('is named Jim', function(){
expect($input).toHaveValue("Jim");
});

关于javascript - 使用 Jasmine 测试 DOM 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7672389/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com