Question

我正在尝试使用Jasmine测试我的一些JavaScript。

对于Jasmine来说，我是一个新手，我对Javascript的了解至多是基本的。我想要做的是确保提交表单。我无法弄清楚测试的语法应该如何。我想我需要使用spyOn，但我不太清楚如何。如果有人能指出我正确的方向，我会很高兴。

function submitform(array) {
    var token = array[0].replace("access_token=", "");
    if ((token !== "")) {
        $('input[name=Token]').val(token);
        var frm = document.getElementById("tokenform");
        frm.submit();
    }
}

Answer 1

要测试frm.submit()被调用，你必须嘲笑它。有两种方法可以实现。第一种方法可以通过监视document.getElementById而无需更改代码，这将在您的示例中使用，因为您只使用一次，如果更频繁地使用document.getElementById将会更难。

var submit;
beforeEach(){
  // when your code calls document.getElementById it return an object 
  // with just one property where you can spy on that it was called
  submit = jasmine.createSpy();
  spyOn(document 'getElementById').andReturn({submit:submit})
}

it ("should submit", function(){
  submitform([somedata]);
  expect(submit).toHaveBeenCalled();
})

更好的方法是重写代码以获得更好的可测试性。因此，不是通过调用DOM函数来获取表单，而是将表单作为参数注入到函数中。现在你可以将模拟传递给你的函数而不是模拟document.getElementById。此模式也称为Dependency Injection

function submitform(array, frm) {
    var token = array[0].replace("access_token=", "");
    if ((token !== "")) {
        $('input[name=Token]').val(token);
        frm.submit();
    }
}

it ("should submit", function(){
  var submit = jasmine.createSpy();
  var form = {submit: submit}
  submitform([somedata],form);
  expect(submit).toHaveBeenCalled();
})

如何测试Javascript表单是否已提交？

1 个答案: