个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
30
4
有一个简单的html文本输入:
<html>
<body>
<input id="inputstring" type="text" onkeypress="testcharacter" onKeyUp="testcharacter ">
<div id ="result"></div>
<script type="text/javascript" src="javascriptfile.js"></script>
<script>testcharacter .init();</script>
</body>
</html>
希望能够在此文本输入内发生的每个按键上运行单元测试，并根据特定键检查它。 Javascript 文件是:
'use strict';
window.testcharacter = window.testcharacter || {};
(function() {
var testcharacter = function(k){
var s = document.getElementById('inputstring').value
if(s!=null||s.trim()!=""){
if(k==65){
document.getElementById('result').innerHTML = 'You pressed A'
}
if(s.length==0)
{ document.getElementById('result').innerHTML = ''}
}
}
window.testcharacter.init = function(){
document.getElementById('inputstring').addEventListener('keyup', testcharacter );
document.getElementById('inputstring').addEventListener('keypress', testcharacter );
};
})();
我的测试文件的一部分，关于这部分我有:
it('should display character count with each keypress', function(){
var triggerKeyDown = function(element,keycode){
var e = jQuery.Event("testcharacter");
e.which = keycode;
$(element).trigger(e)
var ee = jQuery.Event("keyup")
ee.which = keycode + 1;
$(element).trigger(ee)
r = document.getElementById('inputstring').value
expect(document.getElementById('result').innerHTML).toBe(expected);
expect(document.getElementById('inputstring').innerHTML).toBe(expected);
};
triggerKeyDown('inputstring','65')
});
现在，keypress 和 keyup 似乎不会持续到输入框，(我可以使用以下方法轻松设置值:document.getElementById('inputstring').value = 'A' 通过了测试的其他部分，但没有通过按键)尽管我可以看到事件正在触发:
值的测试:
ALERT: <input id="inputstring" type="text"> // captured 'inputstring'
ALERT: '' // captured value of 'inputstring'.value and 'result'.innerHTML
ALERT: 65 // e.which value
ALERT: {type: 'keypress', timeStamp: 1474058737895, jQuery31006431827041498093: true, which: 65} // event created
不确定如何: (1) 在 Jasmine 中触发 keypress/keyup 事件 (2) 将这些事件应用于特定的 html element.value所以我可以测试这些值。我希望每个按键/按键都经过测试。
最佳答案
我发现了一些您可以尝试的东西，将 element\eventName 替换为您的元素和事件 (keypress/keyup):-
var jasmineExtensions = {
jQuerySpies: {},
spyOnEvent: function(element, eventName) {
var control = {
triggered: false
};
element.bind(eventName, function() {
control.triggered = true;
});
jasmineExtensions.jQuerySpies[element[eventName]] = control;
};
};
var spyOnEvent = jasmineExtensions.spyOnEvent;
beforeEach(function() {
this.addMatchers({
toHaveBeenTriggered: function() {
var control = jasmineExtensions.jQuerySpies[this.actual];
return control.triggered;
}
});
});
也许这对你有帮助。
关于javascript - Karma 中的单元测试 : Keypress inside a text Input，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39540287/
30
4
0
当运行测试 karma 似乎多次重复上一个测试时，重复测试的次数似乎取决于测试的数量和用于运行的浏览器。 如果只使用一个浏览器(PhantomJS 或 Chrome)进行一次测试，测试会显示两次，当使
我已经配置了我的 karma.conf.js 并启用了预处理，以获得有关我的测试代码覆盖率的报告。我已将此行添加到 preprocessors 部分。 preprocessors: { 'publ
我的 karma.conf.js 包括: plugins: [ 'karma-jasmine', 'karma-phantomjs-launcher', 'karma-ng-h
我刚刚开始使用 karma 对我的 Angular 应用程序进行单元测试。一切都按预期进行 Chrome 26.0 (Windows): Executed 1 of 1 Chrome 26.0 (Wi
我正在查看 karma 的报告器配置。 有一些可能的报告者:进展、点、咆哮、报道。我没有找到任何解释每个选项的详细信息。 我尝试了进度和点，它们都将日志打印到控制台，结果看起来相同。它们之间有什么区别
我使用 karma 来运行测试。我有很多测试，运行所有测试是一个非常缓慢的过程。我只想运行一个测试，以便花费更少的时间，因为所有测试都运行大约 10 分钟。 可能吗？ 最佳答案 如果您使用Karma/
我还没有看到这方面的任何信息，但我想知道是否可以在一次 Karma 运行中包含多个 karma-conf.js 文件？基本上，我正在考虑为 CI 配置一个覆盖率和 tslint，以及一个只为本地开发测
我正在使用 karma 和 karma-typescript(但这不是 Angular 项目，所以我没有使用 angular-cli)。 我的测试运行中大约有一半在所有测试都通过后 生成错误，我对如何
我正在使用 Karma 进行一些单元测试并生成代码覆盖率统计信息。 当我在 karma 配置中没有代码覆盖设置的情况下从命令行运行测试时，我可以在命令行中看到测试结果。 IE Executed 3 o
我是自动化测试的新手。我正在尝试在我的 IDE WebStorm 中运行一些测试。它似乎支持 jsTestDriver 和 Karma。据我了解，JsTestDriver 本身并不支持 Require
Karma 与 Notepad++ 完美配合。当我使用 Visual Studio 作为我的文本编辑器时，它会在我保存文件后删除它应该查看的文件。这是 Karma 显示错误的输出: This是作为解决
我将 Webpack 用于应用程序和测试(使用 https://github.com/webpack/karma-webpack)。该应用程序在 typescript 中，在 Babel 中进行测试。
我正在测试的组件在 it() 测试中对 dom 进行了一些更改，但是它在下一个 it() 测试中仍然存在，这破坏了我的测试。有没有办法在每个 it() 测试中重置 DOM？ 最佳答案 对于没有 JQU
我正在尝试使用以下命令安装 Karma: C:\Program Files\nodejs>npm install karma 但是，当我尝试在 Windows 8.1 计算机上安装 Karma 时收到
我是 Karma 的新手。当我运行时: karma start myconfigfile.js Karma 正在使用 chrome 启动，但它在 karma 启动时挂起，没有更多的事情发生。但是我可以
我是第一次尝试 Karma，几个小时后我仍然无法让它工作。 当我通过键入 karma start karma.conf.js 运行测试时在终端中，浏览器窗口将打开并显示以下内容(我也尝试过使用 Chr
当我在 WebStorms 终端中输入“karma start”时，它会打开 Chrome，我可以开始测试，当我进行一些更改时，它会重新运行测试。但是，当我键入 Karma start 或单击 un
每次我开始使用 karma 进行测试时，都会打开一个新的浏览器实例(在我的例子中是 Firefox)。 这很烦人，因为它会弹出其他窗口(我使用的是 Windows 8)。 是否有任何 karma 配置
我已经正确设置了 karma 配置，配置文件，在后台运行，非常好。我更改并保存文件后，它将重新运行测试...。所有750个单元测试。我希望能够只运行几个。缺少手动修改配置文件或注释掉许多文件中数百个测
有没有办法从 karma 覆盖率运行器的代码覆盖率报告中排除文件 https://github.com/karma-runner/karma-coverage ? 最佳答案 您可以在此处使用多种技术:
我是一名优秀的程序员,十分优秀！