1 describeComponent('app/js/ui/stats', function () {
4 beforeEach(function () {
5 setupComponent(readFixtures('footer.html'));
8 it('renders when stats change', function () {
15 expect(this.component.$node).toBeEmpty();
16 $(document).trigger('dataStatsCounted', data);
17 expect(this.component.$node).not.toBeEmpty();
18 expect(this.component.$node).toBeVisible();
21 it('is hidden when data is empty', function () {
28 $(document).trigger('dataStatsCounted', data);
29 expect(this.component.$node).toBeHidden();
32 it('hides clear-completed with no completed items', function () {
39 this.component.render(null, data);
40 expect(this.component.select('clearCompletedSelector').length).toBe(0);
43 it('shows clear-completed with completed items', function () {
50 this.component.render(null, data);
51 expect(this.component.select('clearCompletedSelector').length).toBe(1);
54 it('triggers uiClearRequested on click', function () {
61 spyOnEvent(document, 'uiClearRequested');
62 this.component.render(null, data);
63 this.component.trigger(this.component.attr.clearCompletedSelector, 'click');
64 expect('uiClearRequested').toHaveBeenTriggeredOn(this.component);