草庐IT

javascript - Karma 中的单元测试 : Keypress inside a text Input

coder 2024-07-25 原文

有一个简单的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/

javascriptKeypress39inputstringtestcharacterunit-testingkarma-runnerkeydown

有关javascript - Karma 中的单元测试 : Keypress inside a text Input的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

    总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 使用 Ruby on Rails 进行自动化测试 - 最佳实践 - 2

    很好奇，就使用ruby​​onrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提

  3. ruby - 其他文件中的 Rake 任务 - 2

    我试图在一个项目中使用rake，如果我把所有东西都放到Rakefile中，它会很大并且很难读取/找到东西，所以我试着将每个命名空间放在lib/rake中它自己的文件中，我添加了这个到我的rake文件的顶部:Dir['#{File.dirname(__FILE__)}/lib/rake/*.rake'].map{|f|requiref}它加载文件没问题，但没有任务。我现在只有一个.rake文件作为测试，名为“servers.rake”，它看起来像这样:namespace:serverdotask:testdoputs"test"endend所以当我运行rakeserver:testid时

  4. ruby-on-rails - Ruby net/ldap 模块中的内存泄漏 - 2

    作为我的Rails应用程序的一部分，我编写了一个小导入程序，它从我们的LDAP系统中吸取数据并将其塞入一个用户表中。不幸的是，与LDAP相关的代码在遍历我们的32K用户时泄漏了大量内存，我一直无法弄清楚如何解决这个问题。这个问题似乎在某种程度上与LDAP库有关，因为当我删除对LDAP内容的调用时，内存使用情况会很好地稳定下来。此外，不断增加的对象是Net::BER::BerIdentifiedString和Net::BER::BerIdentifiedArray，它们都是LDAP库的一部分。当我运行导入时，内存使用量最终达到超过1GB的峰值。如果问题存在，我需要找到一些方法来更正我的代

  5. ruby-on-rails - Rails 3 中的多个路由文件 - 2

    Rails2.3可以选择随时使用RouteSet#add_configuration_file添加更多路由。是否可以在Rails3项目中做同样的事情？ 最佳答案 在config/application.rb中:config.paths.config.routes在Rails3.2(也可能是Rails3.1)中，使用:config.paths["config/routes"] 关于ruby-on-rails-Rails3中的多个路由文件，我们在StackOverflow上找到一个类似的问题

  6. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何

  7. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  8. ruby - 使用 C 扩展开发 ruby​​gem 时，如何使用 Rspec 在本地进行测试？ - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当

  9. ruby - Ruby 的 Hash 在比较键时使用哪种相等性测试？ - 2

    我有一个围绕一些对象的包装类，我想将这些对象用作散列中的键。包装对象和解包装对象应映射到相同的键。一个简单的例子是这样的:classAattr_reader:xdefinitialize(inner)@inner=innerenddefx;@inner.x;enddef==(other)@inner.x==other.xendenda=A.new(o)#oisjustanyobjectthatallowso.xb=A.new(o)h={a=>5}ph[a]#5ph[b]#nil,shouldbe5ph[o]#nil,shouldbe5我试过==、===、eq?并散列所有无济于事。

  10. ruby - RSpec - 使用测试替身作为 block 参数 - 2

    我有一些Ruby代码，如下所示:Something.createdo|x|x.foo=barend我想编写一个测试，它使用double代替block参数x，这样我就可以调用:x_double.should_receive(:foo).with("whatever").这可能吗？ 最佳答案 specify'something'dox=doublex.should_receive(:foo=).with("whatever")Something.should_receive(:create).and_yield(x)#callthere

随机推荐