Phraseanet/www/scripts/tests/specs/login/home.js

define([
    'chai',
    'fixtures',
    'jquery',
    'common/forms/views/form',
    'common/forms/views/input',
    'common/forms/views/error'
], function (chai, fixtures, $, FormView, InputView, ErrorView) {
    var expect = chai.expect;
    var assert = chai.assert;
    var should = chai.should();

    fixtures.path = 'fixtures';
    $("body").append(fixtures.read('home/login/form', 'home/login/templates'));

    describe("Login Home", function () {
        describe("Form View", function () {
            it("should initialize validator with proper rules", function () {
                var rules = [
                    {name: "hello", rules: "simple_rules"}
                ];
                var form = new FormView({
                    el: $('form[name=loginForm]'),
                    rules: rules
                });
                form.validator.getRules().should.equal(rules);
            });

            it("should initialize input views", function () {
                var form = new FormView({
                    el: $('form[name=loginForm]')
                });

                Object.keys(form.inputViews).length.should.equal(5);
            });

            it("should initialize errors", function () {
                var form = new FormView({
                    el: $('form[name=loginForm]')
                });

                assert.isTrue(_.isEmpty(form.validator.getErrors()));
            });

            it("should render errors on submit", function () {
                var form = new FormView({
                    el: $('form[name=loginForm]'),
                    rules: [
                        {
                            "name": "login",
                            "rules": "required",
                            "message": "something is wrong"
                        }
                    ]
                });

                form._onSubmit(document.createEvent("Event"));
                assert.isTrue(form.inputViews["login"].errorView.$el.html().indexOf("something is wrong") !== -1);
            });
        });

        describe("Input View", function () {
            it("should initialize error view", function () {
                var input = new InputView({
                    "name": "test",
                    "errorTemplate": "#field_errors"
                });
                expect(input.errorView).to.be.an.instanceof(ErrorView);
            });
        });

        describe("Error View", function () {
            it("should render errors", function () {
                var error = {
                    name: "test",
                    message: "Something is wrong"
                };

                var errorView = new ErrorView({
                    "name": "test",
                    "errors": [error],
                    "el": $(".error-view").first(),
                    "errorTemplate": "#field_errors"
                });

                errorView.render();

                assert.isTrue(errorView.$el.html().indexOf(error.message) !== -1);
            });

            it("should empty errors content if there are no errors", function () {
                var $el = $(".error-view").first();

                $el.html('previous error here');

                var errorView = new ErrorView({
                    "name": "test",
                    "errors": [],
                    "el": $el,
                    "errorTemplate": "#field_errors"
                });

                errorView.render();

                assert.isTrue(errorView.$el.html() === "");
            });
        });
    });
});