上一篇: typescript – 从Angular2中的子... 下一篇:angular – 无法使用2级延迟加载...

单元测试 – 如何在AngularJS单元测试中向DOM添加div？

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了单元测试 – 如何在AngularJS单元测试中向DOM添加div？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我在一个指令中使用以下代码来放置一个工具提示

var bodyoffset = document.querySELEctor(".smallcontainer-content").getBoundingClientRect();
var width = elm.width();
if(bodyoffset != undefined){
    var tooltipDiv = document.querySELEctor(".tooltip");
    angular.element(tooltipDiv).css("top",offset.top-bodyoffset.top+"px");
    angular.element(tooltipDiv).css("left",offset.left-bodyoffset.left+width+5+"px");
}

这不能在单元测试中工作,因为类“smallcontainer”所在的div不存在.我如何确保在单元测试中创建div,以便我可以测试我的所有功能？

解决方法

这是我如何设法做到的：

beforeEach(inject(
    ['$compile','$rootScope',function(_$compile_) {
        var html = '<div class="smallcontainer-content"></div>';
        angular.element(document.body).append(html);
        elm = angular.element('<form name="form"><input name="password" id="passwordInput" data-ng-model="password" size="25" type="password" maxlength="20" tabindex="1" autofocus  data-my-password-check></form>');
        $compile(elm)($rootScopE);
        form = $rootScope.form;

    }]
));