編寫Jasmine Test for DOM指令的最佳方法

Question

我是Angular JS的Jasmine BDD測試的新手-誰能告訴我一個簡單的測試用例

我的指令

var app = angular.module('gls', []);

app.directive('changeBg', function() {
    return {
        restrict: 'A',
        link: function($scope, element, attrs) {
         element.bind('click', function(){
             element.css('background','red');
         });
        }
    };
});

標記

<body ng-app="gls">
<a href='#' change-bg>Test link 1</a>
</body>

Answer 1

通常，要測試指令，您需要創建一個范圍，使用該指令編譯一個簡單的模板，然后對其執行一些操作。 在這種情況下，操作就是單擊（就我所知，這需要jQuery）。

describe('Testing the changeBg directive', function() {
  var element = null;

  //you need to indicate your module in a test
  beforeEach(module('plunker'));

  beforeEach(inject(function($rootScope,$compile) {
    var scope = $rootScope.$new();
    var template = '<span change-bg></span>';
    element = $compile(template)(scope);
    element.click(); // Requires jQuery
  }));

  it('should be red after a click', function() {
    expect(element.css('background')).toEqual('red');
  });
});

您可以在此插件中看到它的實際效果。

編寫Jasmine Test for DOM指令的最佳方法

問題描述

1 個解決方案

解決方案1
1 已采納 2013-12-24 23:58:50

編寫Jasmine Test for DOM指令的最佳方法

問題描述

1 個解決方案

解決方案1 1 已采納 2013-12-24 23:58:50

解決方案1
1 已采納 2013-12-24 23:58:50