0

单元测试的正确语法是什么?

当我在浏览器中打开它时,以下工作。目的是在输入框ib更改时读取输入框的内容,并将其解释值写入表格单元格c5...

var c5 = document.createElement('td');

var ib = document.createElement('input');
// For all browsers except IE before Version 9 -see http://help.dottoro.com/ljeuqqoq.php
if (ib.addEventListener)
    {
    ib.addEventListener('change', Action01InputBox (ib, c5), false);
    }
// For IE before Version 9 -see http://help.dottoro.com/ljeuqqoq.php
    else {
        if (ib.attachEvent){
        ib.addEventListener('change', Action01InputBox (ib, c5), false);
        }
    }

这是事件监听器。当然,它返回一个函数。

注意该函数EmptyNode(c5)只是删除目标节点的所有内容并RealNumberFromInput (ib.value)通过正则表达式从输入字符串中获取一个实数......

function Action01InputBox (ib, c5)
{
    return function ()
    {
        EmptyNode(c5);
        var r = RealNumberFromInput (ib.value);
        c5.appendChild(document.createTextNode(r));
    };
};

这是单元测试...

Action01InputBoxTest = TestCase("Action01InputBoxTest");

Action01InputBoxTest.prototype.test01 = function()
{   
    // Text box
    var r = 0.123;
    var ib = document.createElement('input');
    ib.setAttribute('value', document.createTextNode(r));

    // Target cell
    var c5 = document.createElement('td');
    c5.appendChild(document.createTextNode("Bogus"));

    // Do action
    Action01InputBox(ib, c5);
    assertEquals(c5.textContent, r);    
};

的应该已经从“Bogus”变成了“0.123”,所以测试失败了textContentc5

如果我理解正确,问题是测试调用了事件侦听器的返回值,而不是函数,但我无法从测试中弄清楚如何正确调用函数。

提前致谢。

4

1 回答 1

0

ActionInputBox应该是一个包装在一个匿名函数中:

ib.addEventListener('change', function(){Action01InputBox (ib, c5)}, false);
于 2013-12-10T02:45:06.890 回答