e.keyCodeブランチで覆われていないjavascript

Question

明確にする：私はJQueryのみ純粋なJSを使用していない、私は "enter"キーをブロックするために単体テストに助けが必要です。

私はユニットテストに固執しています、私はどのようにaddEventListenerのkeyCode = 13のユニットテストで覆われていないブランチをカバーする方法を図解しようとしている、フォームが、私は単体テストで非常に初心者です、誰かが私を助けることができますか？

ここでコード：

Newsletter.js

var Newsletter = (function() { 
    function Newsletter(handler) { 
    this.handler = handler; 
    this.blockKeyEnter = this.blockKeyEnter.bind(this); 

    this.handler.addEventListener('keypress', this.blockKeyEnter, false); 
    } 

    Newsletter.prototype.blockKeyEnter = function blockKeyEnter(e) { 
    var key = e.charCode || e.keyCode || 0; 
    if (key === 13) { 
     e.preventDefault(); 
    } 
    }; 
} 

Newsletter.spec.js

describe('Newsletter component specification', function() { 
    var form; 

    beforeEach(function() { 

    form = { 
     addEventListener: function() {}, 
    }; 
    }) 

    it('should intercept enter keypress event and prevent it', function() { 
    var event = { 
     keyCode: 13, 
     charCode: 13, 
     preventDefault: sinon.spy() 
    }; 

    var newLetter = new Newsletter(form); 
    newLetter.blockKeyEnter(event); 

    assert(event.preventDefault.called); 
    }); 
} 

私は "分岐がカバーされていない" フルにしようとしているが、私はの欠如進歩のアイデア。

Answer 1

私はあなたの質問を理解していません。

しかし、Enter機能を無効にしたいようですか？

はそれを試してみてください。

jQuery(function() { 
 
     jQuery("#myForm").bind("keypress", function(a) { 
 
      if (a.keyCode == 13) { 
 
\t \t \t \t alert("Enter detected!"); 
 
       return false; 
 
      } 
 
     }); 
 
});

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 

 
<form id="myForm"> 
 
<input type="text" /> 
 
<input type="submit" value="Submit"/> 
 
</form>

Answer 2

「カバーされていない支店は」あなたのためにテストを書いていない可能な入力があることを語っています。

あなたのテストでは、e.charCodeは真実です（13 == true）。しかし、あなたのアプリケーションコードは、e.charCodeが偽（0、''、undefinedなど）である可能性があることを示しています。

e.charCodeが偽であり、e.keyCodeが真実である場合はテストしていません。 e.charCodeとe.keyCodeの両方が偽である場合のテストは書かれていません。これらのシナリオの両方についてテストを書くと、テストではすべてのブランチがカバーされます。