Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

Commit

Permalink
refactor(rating): add helpers to access stars in tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@bekos
bekos committed Jun 29, 2013
1 parent 5b1115e commit 64fff67
Showing 1 changed file with 46 additions and 56 deletions.
102 changes: 46 additions & 56 deletions src/rating/test/rating.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,16 @@ describe('rating directive', function () {
$rootScope.$digest();
}));

function getState(stars) {
function getStars() {
return element.find('i');
}

function getStar(number) {
return getStars().eq( number - 1 );
}

function getState() {
var stars = getStars();
var state = [];
for (var i = 0, n = stars.length; i < n; i++) {
state.push( (stars.eq(i).hasClass('icon-star') && ! stars.eq(i).hasClass('icon-star-empty')) );
Expand All @@ -19,130 +28,111 @@ describe('rating directive', function () {
}

it('contains the default number of icons', function() {
expect(element.find('i').length).toBe(5);
expect(getStars().length).toBe(5);
});

it('initializes the default star icons as selected', function() {
var stars = element.find('i');
expect(getState(stars)).toEqual([true, true, true, false, false]);
expect(getState()).toEqual([true, true, true, false, false]);
});

it('handles correctly the click event', function() {
var stars = element.find('i');

var star2 = stars.eq(1);
star2.click();
getStar(2).click();
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, false, false, false]);
expect(getState()).toEqual([true, true, false, false, false]);
expect($rootScope.rate).toBe(2);

var star5 = stars.eq(4);
star5.click();
getStar(5).click();
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, true, true, true]);
expect(getState()).toEqual([true, true, true, true, true]);
expect($rootScope.rate).toBe(5);
});

it('handles correctly the hover event', function() {
var stars = element.find('i');

var star2 = stars.eq(1);
star2.trigger('mouseover');
getStar(2).trigger('mouseover');
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, false, false, false]);
expect(getState()).toEqual([true, true, false, false, false]);
expect($rootScope.rate).toBe(3);

var star5 = stars.eq(4);
star5.trigger('mouseover');
getStar(5).trigger('mouseover');
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, true, true, true]);
expect(getState()).toEqual([true, true, true, true, true]);
expect($rootScope.rate).toBe(3);

element.trigger('mouseout');
expect(getState(stars)).toEqual([true, true, true, false, false]);
expect(getState()).toEqual([true, true, true, false, false]);
expect($rootScope.rate).toBe(3);
});

it('changes the number of selected icons when value changes', function() {
$rootScope.rate = 2;
$rootScope.$digest();

var stars = element.find('i');
expect(getState(stars)).toEqual([true, true, false, false, false]);
expect(getState()).toEqual([true, true, false, false, false]);
});

it('shows different number of icons when `max` attribute is set', function() {
element = $compile('<rating value="rate" max="7"></rating>')($rootScope);
$rootScope.$digest();

expect(element.find('i').length).toBe(7);
expect(getStars().length).toBe(7);
});

it('handles readonly attribute', function() {
$rootScope.isReadonly = true;
element = $compile('<rating value="rate" readonly="isReadonly"></rating>')($rootScope);
$rootScope.$digest();

var stars = element.find('i');
expect(getState(stars)).toEqual([true, true, true, false, false]);
expect(getState()).toEqual([true, true, true, false, false]);

var star5 = stars.eq(4);
var star5 = getStar(5);
star5.trigger('mouseover');
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, true, false, false]);
expect(getState()).toEqual([true, true, true, false, false]);

$rootScope.isReadonly = false;
$rootScope.$digest();

star5.trigger('mouseover');
$rootScope.$digest();
expect(getState(stars)).toEqual([true, true, true, true, true]);
expect(getState()).toEqual([true, true, true, true, true]);
});

it('should fire onHover', function() {
$rootScope.hoveringOver = jasmine.createSpy('hoveringOver');

element = $compile('<rating value="rate" on-hover="hoveringOver(value)"></rating>')($rootScope);
$rootScope.$digest();

var star3 = element.find('i').eq(2);
star3.trigger('mouseover');
getStar(3).trigger('mouseover');
$rootScope.$digest();
expect($rootScope.hoveringOver).toHaveBeenCalledWith(3);
});

it('should fire onLeave', function() {
$rootScope.leaving = jasmine.createSpy('leaving');

element = $compile('<rating value="rate" on-leave="leaving()"></rating>')($rootScope);
$rootScope.$digest();

element.trigger('mouseleave');
$rootScope.$digest();
expect($rootScope.leaving).toHaveBeenCalled();
});
});

describe('setting ratingConfig', function() {
var $rootScope, element;
var originalConfig = {};
beforeEach(module('ui.bootstrap.rating'));
beforeEach(module('template/rating/rating.html'));
beforeEach(inject(function(_$compile_, _$rootScope_, ratingConfig) {
$compile = _$compile_;
$rootScope = _$rootScope_;
$rootScope.rate = 5;
angular.extend(originalConfig, ratingConfig);
ratingConfig.max = 10;
element = $compile('<rating value="rate"></rating>')($rootScope);
$rootScope.$digest();
}));
afterEach(inject(function(ratingConfig) {
// return it to the original state
angular.extend(ratingConfig, originalConfig);
}));

it('should change number of icon elements', function () {
expect(element.find('i').length).toBe(10);
describe('setting ratingConfig', function() {
var originalConfig = {};
beforeEach(inject(function(ratingConfig) {
$rootScope.rate = 5;
angular.extend(originalConfig, ratingConfig);
ratingConfig.max = 10;
element = $compile('<rating value="rate"></rating>')($rootScope);
$rootScope.$digest();
}));
afterEach(inject(function(ratingConfig) {
// return it to the original state
angular.extend(ratingConfig, originalConfig);
}));

it('should change number of icon elements', function () {
expect(getStars().length).toBe(10);
});
});
});
});

0 comments on commit 64fff67

Please sign in to comment.