comindware.ui
Version:
Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.
259 lines (221 loc) • 8.51 kB
JavaScript
/**
* Developer: Stepan Burguchev
* Date: 6/14/2016
* Copyright: 2009-2016 Comindware®
* All Rights Reserved
* Published under the MIT license
*/
"use strict";
import core from 'coreApi';
import { initializeCore } from '../utils/helpers';
import 'jasmine-jquery';
describe('Editors', function () {
beforeEach(function () {
this.rootRegion = initializeCore();
});
describe('BooleanEditorView', function () {
let findButton = function (view) {
return view.$('.js-toggle-button');
};
it('should get focus when focus() is called', function () {
// arrange
let model = new Backbone.Model({
data: false
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
// act
view.focus();
// assert
expect(view.$el).toBeFocused();
expect(view.hasFocus).toEqual(true, 'Must have focus.');
});
it('should lose focus when blur() is called', function () {
// arrange
let model = new Backbone.Model({
data: false
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
view.focus();
// act
view.blur();
// assert
expect(view.$el).not.toBeFocused();
expect(view.hasFocus).toEqual(false, 'Mustn\'t have focus.');
});
it('should have `value` matched with initial value', function () {
// arrange
let model = new Backbone.Model({
data: true
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
// act
let value = view.getValue();
// assert
let expected = model.get('data');
expect(view.$el).toHaveClass(core.form.editors.BooleanEditor.classes.CHECKED);
expect(value).toEqual(expected);
});
it('should have `value` matched with initial value (w/o data binding).', function () {
// arrange
let expected = true;
let view = new core.form.editors.BooleanEditor({
value: expected
});
this.rootRegion.show(view);
// act
let value = view.getValue();
// assert
expect(view.$el).toHaveClass(core.form.editors.BooleanEditor.classes.CHECKED);
expect(value).toEqual(expected);
});
it('should update `value` and send `change` on user change.', function () {
// arrange
let expected = true;
let model = new Backbone.Model({
data: false
});
let onChangeCallback = jasmine.createSpy('onChangeCallback');
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
view.on('change', onChangeCallback);
// act
view.focus();
findButton(view).click();
// assert
expect(view.getValue()).toEqual(expected);
expect(onChangeCallback).toHaveBeenCalledTimes(1);
});
it('should update `value` and send `change` on user change (w/o data binding).', function () {
// arrange
let expected = true;
let onChangeCallback = jasmine.createSpy('onChangeCallback');
let view = new core.form.editors.BooleanEditor({
value: false
});
this.rootRegion.show(view);
view.on('change', onChangeCallback);
// act
view.focus();
findButton(view).click();
// assert
expect(view.getValue()).toEqual(expected);
expect(onChangeCallback).toHaveBeenCalledTimes(1);
});
it('should update `value` on model change', function () {
// arrange
let onChangeCallback = jasmine.createSpy('onChangeCallback');
let model = new Backbone.Model({
data: false
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
view.on('change', onChangeCallback);
// act
model.set('data', true);
let value = view.getValue();
// assert
let expected = model.get('data');
expect(view.$el).toHaveClass(core.form.editors.BooleanEditor.classes.CHECKED);
expect(value).toEqual(expected);
expect(onChangeCallback).not.toHaveBeenCalled();
});
it('should not commit if `autocommit: false`', function () {
// arrange
let expected = false;
let model = new Backbone.Model({
data: expected
});
let onChangeCallback = jasmine.createSpy('onChangeCallback');
let onCommitCallback = jasmine.createSpy('onCommitCallback');
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
view.on('change', onChangeCallback);
view.on('value:committed', onCommitCallback);
// act
view.focus();
findButton(view).click();
// assert
expect(model.get('data')).toEqual(expected);
expect(onChangeCallback).toHaveBeenCalledTimes(1);
expect(onCommitCallback).not.toHaveBeenCalled();
});
it('should commit if `autocommit: true`', function () {
// arrange
let expected = true;
let model = new Backbone.Model({
data: false
});
let onChangeCallback = jasmine.createSpy('onChangeCallback');
let onCommitCallback = jasmine.createSpy('onCommitCallback');
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data',
autocommit: true
});
this.rootRegion.show(view);
view.on('change', onChangeCallback);
view.on('value:committed', onCommitCallback);
// act
view.focus();
findButton(view).click();
// assert
expect(model.get('data')).toEqual(expected);
expect(onChangeCallback).toHaveBeenCalledTimes(1);
expect(onCommitCallback).toHaveBeenCalledTimes(1);
});
it('should have `isEmptyValue() === true` if null', function () {
// arrange
let model = new Backbone.Model({
data: null
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
// act
let isEmpty = view.isEmptyValue();
// assert
expect(isEmpty).toEqual(true);
});
it('should have `isEmptyValue() === false` if has value including `false`', function () {
// arrange
let model = new Backbone.Model({
data: true
});
let view = new core.form.editors.BooleanEditor({
model: model,
key: 'data'
});
this.rootRegion.show(view);
// act
let isEmpty = view.isEmptyValue();
view.setValue(false);
let isEmptyIfFalse = view.isEmptyValue();
// assert
expect(isEmpty).toEqual(false);
expect(isEmptyIfFalse).toEqual(false);
});
});
});