Tag: karma jasmine

WebStorm – Jasmine jQuery

我对WebStorm的使用还很陌生,但它没有像预期的那样工作。 我过去有一个项目,但现在我尝试重新创建它并尝试对我的代码进行unit testing。 我对unit testingJavaScript代码非常陌生。 所以,我有一个文件karma.conf.js ,其中包含以下内容: module.exports = function(config){ config.set({ basePath : ‘./’, files : [ ‘../../Resources/External/Bower/angular/angular.js’, ‘../../Resources/External/Bower/angular-mocks/angular-mocks.js’, ‘../../Resources/Scripts/OfficeUI.js’, ‘../../Unit Tests/**/*.Test.js’ ], autoWatch : true, frameworks: [‘jasmine-jquery’, ‘jasmine’], browsers : [‘Chrome’] }); }; 所以,我使用Jasmine框架与Karma一起运行我的测试。 我已经包含了jasmine-jquery ,以便在我的HTML代码上加载fixture。 所以,我有一个JavaScript函数,可以在按下或释放按钮时切换类: $(function() { $(‘#OfficeUI a.button’).on(‘mousedown mouseup’, function(e) { $(this).toggleClass(‘ie-fix’); }); }); 现在,我编写了一个unit testing,如下所示: describe(“Unit: OfficeUI Elements”, function() { […]

如何在$(window).on(“load”,function(){})中测试代码; 在Jasmine

我在下面有一个javascript,它在页面加载时附加DIV并在3秒后隐藏它。 var testObj = { initialize: function() { var that = this; $(window).on(“load”, function() { (function ($) { //Append Div $(‘body’).append(“TEST”); })(jQuery); that.hideAppendedDiv(); }); }, hideAppendedDiv: function() { //Hide appended Div after 3s setTimeout(function(){ $(“div”).hide(); }, 3000); } }; //call Initialize method testObj.initialize(); 如何为代码中的方法编写Jasmine测试用例。

为什么我的茉莉花测试在这个指令上失败了?

我已经构建了一个角度指令onInputChange ,当用户通过单击输入外部(模糊)或按ENTER来更改输入值时,该指令应触发回调。 该指令可以像: 它使用以下代码: app.directive(‘onInputChange’, [ “$parse”, function ($parse) { return { restrict : “A”, require : “ngModel”, link : function ($scope, $element, $attrs) { // var dirName = “onInputChange”, callback = $parse($attrs[dirName]), evtNS = “.” + dirName, initial = undefined; // if (angular.isFunction(callback)) { $element .on(“focus” + evtNS, function () { initial = $(this).val(); […]