Angularjs 测试删除dom元素的角度指令不'；t工作（至少对我来说…）

我有一个指令，在进行权限检查时删除dom元素：

angular.module('app').directive('permissionNeeded', function ($location, $route, SecurityService) {
    return {
        restrict: 'A',
        link: function (scope, element, attributes) {

            var permissionNeeded = attributes.permissionNeeded;

            if (permissionNeeded) {
                if (SecurityService.checkAccess($route.current.name) !== permissionNeeded) {
                    element.remove();
                }
            }
        }
    };
});

指令运行良好，但我无法测试它。 DOM操作（element.remove（））似乎是在我的expect断言之后触发的：

 it('should not do anything cos permissions are correct', function () {
        $route.current = {
            name: 'import'
        }
        var element = compileTemplate('<span permission-needed="W">Some content goes here</span>');
        $rootScope.$digest();
        expect(element.html()).toBe(''); // FAIL!!! it's still equals to 'Some Content goes here'
    });

使用上述指令，测试通过

当我做出断言时，我猜dom渲染还没有结束，这对吗？如果是这样，在DOM呈现之后，我可以做些什么来延迟断言

多谢各位

---

Mathieu。

当您执行

元素.remove（）

时，它只从其父元素中删除元素

最短的解决方案是将指令包含在父元素中：

var element = compileTemplate('<div><span permission-needed="W">Some content goes here</span></div>');

---

将通过，因为

元素

不再包含

span

在您的第一个指令中，您执行了element.remove（），这意味着该元素将从DOM中分离，或者至少应该从DOM中分离。我认为dcodesmith是正确的，该元素仍然是一个元素，它只是从DOM中移除，您需要测试它是否已从父节点中删除。谢谢你们，您是对的（请参阅下面的@LostInComputer answer），您可以添加一个plunk吗

var element = compileTemplate('<div><span permission-needed="W">Some content goes here</span></div>');

expect(element.html()).toBe('')