43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
var MosaicItemModel = require('builder/components/mosaic/mosaic-item-model');
|
|
var MosaicItemView = require('builder/components/mosaic/mosaic-item-view');
|
|
|
|
describe('components/mosaic/mosaic-item-view', function () {
|
|
beforeEach(function () {
|
|
this.model = new MosaicItemModel({
|
|
val: 'hello'
|
|
});
|
|
|
|
this.view = new MosaicItemView({
|
|
model: this.model
|
|
});
|
|
|
|
this.view.render();
|
|
});
|
|
|
|
it('should render properly', function () {
|
|
expect(this.view.$('button').length).toBe(1);
|
|
});
|
|
|
|
describe('hover', function () {
|
|
beforeEach(function () {
|
|
this.view.$el.trigger('mouseenter');
|
|
});
|
|
|
|
it('should add class when it is hovered', function () {
|
|
expect(this.model.get('highlighted')).toBeTruthy();
|
|
});
|
|
|
|
it('should remove class when it is unhovered', function () {
|
|
this.view.$el.trigger('mouseleave');
|
|
expect(this.model.get('highlighted')).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
it('should set selected when it is clicked', function () {
|
|
expect(this.model.get('selected')).toBeFalsy();
|
|
this.view.$el.trigger('click');
|
|
expect(this.model.get('selected')).toBeTruthy();
|
|
expect(this.view.$el.hasClass('is-selected')).toBeTruthy();
|
|
});
|
|
});
|