Question

我是测试自动化的新手，我正在尝试使用karma和jasmine框架自动化测试用例但由于某种原因我遇到了javascript错误。我正在通过创建计算器添加功能来模拟测试用例。这是我的文件

计算器功能文件： calculator.js：

window.calculator = window.calculator || {};

(function () {
    var getIntById = function (id) {
        return parseInt(document.getElementById(id).value, 10);
    };

    var calculate = function () {
        var sum = getIntById('x') + getIntById('y');
        document.getElementById('result').innerHTML = isNaN(sum) ? 0 : sum;
    };

    window.calculator.init = function () {
        document.getElementById('add').addEventListener('click', calculate);
    };
})();

我的测试用例： calculator.test.js

describe('Calculator', function () {

    // inject the HTML fixture for the tests
    beforeEach(function () {
        var fixture = '<input id="x" type="text">' +
          '<input id="y" type="text">' +
          '<input id="add" type="button" value="Add Numbers">' +
          'Result: <span id="result" />';

        document.body.insertAdjacentHTML(
          'afterbegin',
          fixture);
    });

    // remove the html fixture from the DOM
    afterEach(function () {
        document.body.removeChild(document.getElementById('fixture'));
    });

    // call the init function of calculator to register DOM elements
    beforeEach(function () {
        window.calculator.init();
    });

    it('should return 3 for 1 + 2', function () {
        document.getElementById('x').value = 1;
        document.getElementById('y').value = 2;
        document.getElementById('add').click();
        expect(document.getElementById('result').innerHTML).toBe('3');
    });

    it('should calculate zero for invalid x value', function () {
        document.getElementById('x').value = 'hello';
        document.getElementById('y').value = 2;
        document.getElementById('add').click();
        expect(document.getElementById('result').innerHTML).toBe('0');
    });

    it('should calculate zero for invalid y value', function () {
        document.getElementById('x').value = 1;
        document.getElementById('y').value = 'goodbye';
        document.getElementById('add').click();
        expect(document.getElementById('result').innerHTML).toBe('0');
    });

});

我收到以下错误：

09 01 2016 17:25:16.329:INFO [Chrome 47.0.2526 (Windows 8.1 0.0.0)]: Connected o
n socket /#vtPxHSF4qNGPq7ABAAAA with id 24482327
Chrome 47.0.2526 (Windows 8.1 0.0.0) Calculator should return 3 for 1 + 2 FAILED

        TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not
 of type 'Node'.
            at TypeError (native)
            at Object.<anonymous> (C:/Users/rapandey/Documents/Visual Studio 201
5/Projects/demo1/demo1/test/calculator.test.js:17:23)
Chrome 47.0.2526 (Windows 8.1 0.0.0): Executed 1 of 3 (1 FAILED) (0 secs / 0.006
Chrome 47.0.2526 (Windows 8.1 0.0.0) Calculator should calculate zero for invali
d x value FAILED
        TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not
 of type 'Node'.
            at TypeError (native)
            at Object.<anonymous> (C:/Users/rapandey/Documents/Visual Studio 201
5/Projects/demo1/demo1/test/calculator.test.js:17:23)
Chrome 47.0.2526 (Windows 8.1 0.0.0): Executed 2 of 3 (2 FAILED) (0 secs / 0.007
Chrome 47.0.2526 (Windows 8.1 0.0.0) Calculator should calculate zero for invali
d y value FAILED
        TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not
 of type 'Node'.
            at TypeError (native)
            at Object.<anonymous> (C:/Users/rapandey/Documents/Visual Studio 201
5/Projects/demo1/demo1/test/calculator.test.js:17:23)
Chrome 47.0.2526 (Windows 8.1 0.0.0): Executed 3 of 3 (3 FAILED) (0 secs / 0.007
Chrome 47.0.2526 (Windows 8.1 0.0.0): Executed 3 of 3 (3 FAILED) ERROR (0.033 se
cs / 0.007 secs)

无法弄清楚我犯了什么错误。

Answer 1

您的问题与afterEach实施有关。您删除不存在的元素：

afterEach(function () {
    document.body.removeChild(document.getElementById('fixture'));
});

但你的HTML只是：

<input id="x" type="text">
<input id="y" type="text">
<input id="add" type="button" value="Add Numbers">
Result: <span id="result" />

面对javascript中的错误

1 个答案: