0

我在为合金框架编写测试用例时被卡住了，因为我不知道如何在 mocha 测试框架中使用控制器和合金文件。我在谷歌上搜索并在代码下面建议了几个链接来模拟控制器，但它会引发错误“TypeError：alloy.createController 不是函数”。

var 合金 = 要求('../../alloy'); it('验证行控制器', function() {

        console.log(JSON.stringify(alloy))
        var controller = alloy.createController('login', {
            name : "uniqueName",
        });

        // if(controller.passwordTest.value !== "uniqueName"){
        // throw new ("Verify row controller FAILED");
        // }
    });
4

2 回答 2

0

目前，我可以向您展示我们代码库的（稍作修改）示例。

首先，我们的控制器测试是纯 javascript 测试。所有对 Ti api 的调用都是针对模拟执行的。我们只关注被测控制器，所有依赖项都是模拟的。

为此，我们依赖 jasmine 和 jasmine-npm。

  • 安装 jasmine-npm；见https://github.com/jasmine/jasmine-npm
  • 在项目的根目录中创建“spec”文件夹（带有 tiapp.xml 的文件夹）
  • 将所有测试文件放在此文件夹中
  • 测试文件的文件名必须以 _spec.js 结尾

  • 从项目的根文件夹中运行 jasmine 命令

    describe('验证控制器测试', function() {

    var USER_NAME = "John Doe";

var fooControllerMock = {
    getView: function(){}
};

var fooViewMock = {
    open: function(){}
}


Ti = {
    // create here a mock for all Ti* functions and properties you invoke in your controller
}

Alloy = {
    CFG: {
        timeout: 100
    },
    Globals: {
        loading: {
            hide: function(){}
        },
        networkClient: {
            hasAutoLogin: function(){}
        },
        notifications: {
            showError: function(){}
        }
    },
    createController: function(){}
};

var controllerUnderTest; // class under test

$ = {
    btnAuthenticate: {
        addEventListener: function(){}
    },
    authenticate: {
        addEventListener: function(){},
        close: function(){}
    },
    username: {
        addEventListener: function(){},
        getValue: function(){}
    },
    password: {
        addEventListener: function(){}
    },
    windowContainer: {
        addEventListener: function(){}
    }
};

L = function(s){
    return s;
};

beforeEach(function () {
    controllerUnderTest = require('../app/controllers/auth');
});



it('should create foo controller when authentication was succesful', function(){
    spyOn(Alloy.Globals.loading, 'hide');
    spyOn(Alloy, 'createController').and.returnValue(fooControllerMock);
    spyOn(fooControllerMock, 'getView').and.returnValue(fooViewMock);
    spyOn($.username, 'getValue').and.returnValue(USER_NAME);
    spyOn($.auth, 'close');

    controllerUnderTest.test._onAuthSuccess();

    expect(Alloy.Globals.loading.hide).toHaveBeenCalled();
    expect(Alloy.createController).toHaveBeenCalledWith('foo');
    expect(fooControllerMock.getView).toHaveBeenCalled();
    expect($.auth.close).toHaveBeenCalled();
});

it('should show error message when a login error has occured', function(){
    spyOn(Alloy.Globals.loading, 'hide');
    spyOn(Alloy.Globals.notifications, 'showError');

    controllerUnderTest.test._onAuthLoginError();

    expect(Alloy.Globals.loading.hide).toHaveBeenCalled();
    expect(Alloy.Globals.notifications.showError).toHaveBeenCalledWith('msg.auth.failure');
});

});

请务必为您从控制器中调用的所有 Ti* 内容编写一个模拟实现（只是空的）。我知道这很麻烦，但正在寻找解决方案。

请注意，我们已经创建了一个 npm 包，它为此生成了一个模拟（基于 api.jsca），以及一些可以模拟所有必需依赖项的代码，以及一组测试最佳实践。但是，我们将在开源之前在内部验证此代码。我希望我们能在几周内写下我们的博文并公开我们随附的 github 存储库。只需关注 tiSlack。

控制器代码：

function _onAuthSuccess() {
    Alloy.Globals.loading.hide();
    Alloy.createController('foo').getView().open();
    $.authenticate.close();
}

function _onAuthLoginError() {
    Alloy.Globals.loading.hide();
    Alloy.Globals.notifications.showError(L('msg.auth.failure'));
}

function _onAuthTokenValidationFailure() {
    Alloy.Globals.loading.hide();
}

function _authenticate() {
    var username = $.username.value;
    var password = $.password.value;

    if(Alloy.Globals.validationEmail.isValidEmailAddress(username)){
        Alloy.Globals.loading.show(L('authenticate.msg.logging.in'), false);
    } else {
        Alloy.Globals.notifications.showError(L('app.error.invalid.email'));
    }
}

function _onNetworkAbsent() {
    Alloy.Globals.loading.hide();
    Alloy.Globals.notifications.showError(L('global.no.network.connection.available'));
}

function _hideKeyboard() {
    $.username.blur();
    $.password.blur();
}

function _focusPassword() {
    $.username.blur();
    $.password.focus();
}

function _init() {
    Ti.App.addEventListener('auth:success', _onAuthSuccess);
    Ti.App.addEventListener('auth:loginFailed', _onAuthLoginError);
    Ti.App.addEventListener('app:parseError', _onAppParseError);
    Ti.App.addEventListener('network:none', _onNetworkAbsent);

    $.btnAuthenticate.addEventListener('click', ..);
    $.authenticate.addEventListener('close', _cleanup);
    $.username.addEventListener('return', _focusPassword);
    $.password.addEventListener('return', _authenticate);

    $.windowContainer.addEventListener('touchstart', _hideKeyboard);
}

_init();

function _cleanup() {
    Ti.API.info('Closing and destroying the auth controller');
     ... 
    $.windowContainer.removeEventListener('touchstart', _hideKeyboard);

    $.destroy();
    $.off();
    }

    module.exports = {
    test: {
        _onAuthSuccess: _onAuthSuccess,
        _onAuthLoginError: _onAuthLoginError
        }
    }

和相应的视图：

<Alloy>
    <Window>
        <View id="windowContainer">
            <TextField id="username" />
            <TextField id="password" >
            <Button id="btnAuthenticate" />               
        </View>
    </Window>
</Alloy>
于 2016-10-17T09:31:06.903 回答
0

Titanium 内部使用Ti-Mocha为其所有组件编写单元测试。它是Mocha的修改版本，使用测试套件、测试用例、链接等等来测试合适的代码覆盖率。试试看！

于 2016-10-17T11:45:43.063 回答