检查 html 中的属性 - 角度指令测试茉莉花业力

西比拉吉

如何检查属性是否存在于 HTML 中并匹配其值。这是我写的测试 spec.js,

define(['angular',
        'angularMocks',
        'site-config',
        'ng_detector',
    ],
    function(angular,
        mock,
        $app,
        ng_detector) {

        describe('ng-detector controller', function() {

            beforeEach(angular.mock.module("webapp"));

            var $compile, $rootScope, tpl, $scope, elm, templateAsHtml;

            beforeEach(angular.mock.inject(function(_$compile_, _$rootScope_) {

                $compile = _$compile_;

                $rootScope = _$rootScope_;
                // $scope = _$rootScope_.$new();

            }));

            it('should initialize the ng-detector directive', inject(function() {

                var tpl = $compile("<div ng-detector ></div>")($rootScope);

                $rootScope.$digest();

               console.log(tpl) // Log: r{0: <div ng-detector="" class="ng-scope" ng-verison="1.6.4"></div>, length: 1}

                templateAsHtml = tpl[0].outerHTML;

                expect(templateAsHtml.attr('ng-version')).toEqual(angular.version.full);

            }));

        });
    });

指示。将角度版本添加到属性 ng-version

'use strict';

define(['app-module'], function(ng) {

    $app.info('ng detector initialized. {file: directives/ng-detector.js}');

    ng.directive('ngDetector', function() {
        return {
            restrict: "A",
            link: function(scope, elm, attr) {
                elm.attr('ng-version', angular.version.full);
            }
        };
    });
    return ng;
});

我想获取ng-version由指令设置的属性并匹配属性值。

西比拉吉

我自己想通了。我看着不同的地方。

it('should check the angular version number', angular.mock.inject(function() {

       expect(tpl.attr('ng-version')).toEqual(angular.version.full);

   }));

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

茉莉花测试检查html是否包含文本并返回布尔值

茉莉花测试检查html是否包含文本并返回布尔值

茉莉花测试对象属性

错误:意外的请求:即使在业力/茉莉花单元测试中使用html2js时,也为嵌套指令获取视图/部分/ *

茉莉花测试中的访问指令属性值

AngularJS测试:Yeoman应用程序中的量角器,业力,茉莉花

如何使用茉莉花测试指令中的“ ng-click”事件

在每个业力/茉莉花测试文件的开头如何引导角度?

指令中的angular +茉莉花+模拟$ stateParams

如何使用业力+茉莉花在角度2中测试位置

检查后表达式已更改,使用茉莉花测试角度2组件时出错

角度茉莉花测试HTML注入失败

业力+茉莉花:无法读取属性'getComponentFromError'

我如何使用业力+茉莉花在Angular 2中测试局部变量?

使用业力+茉莉花测试订阅角度2中的位置(this.location.subscribe)

茉莉花测试-在<ng-template>中获取元素(角度)

无法读取未定义的茉莉花测试的属性

茉莉花测试带有私有属性的角度分量

茉莉花测试属性可观察订阅

如何在茉莉花测试用例中模拟事件停止在角度6中的传播

无法读取未定义的'ngOnInit''getData'的属性-角度单元测试-茉莉花

检查在没有茉莉花的笑话的“ afterEach”中测试是否失败

在Banckbone中模拟HTML元素以进行茉莉花测试

茉莉花:检查数组是否包含具有给定属性的元素

茉莉花测试:对象不支持属性或方法

茉莉花+业力+角度测试创建控制器

打字稿中的角度2-茉莉花测试方法

业力/茉莉花单元测试中的“未定义不是对象”

业力茉莉花测试 html 中的锚点数