Question

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

当我在浏览器中打开它时，以下工作正常。目的是在输入框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);
        }
    }

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

NB函数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);    
};

textContent的{{1}}应该已经改变了＆＃34; Bogus＆＃34;到＆＃34; 0.123＆＃34;，所以测试失败。

如果我理解正确，问题是测试会调用事件监听器的返回值，而不是函数，但我无法确定如何从测试中正确调用函数。

提前致谢。

Answer 1

ActionInputBox应该包含在匿名函数中：

ib.addEventListener('change', function(){Action01InputBox (ib, c5)}, false);

Javascript单元测试addEventListener语法

1 个答案: